:root{--bg-dark:#1a1a2e;--bg-panel:#16213e;--bg-input:#0f3460;--bg-card:#1f2b47;--text:#e0d6c8;--text-dim:#8a8278;--text-bright:#f0e6d2;--accent:#8b1e3f;--accent-hover:#a83656;--accent-gold:#d4a017;--accent-green:#2ecc71;--accent-yellow:#f1c40f;--accent-red:#c0392b;--accent-red-hover:#962d22;--accent-blue:#3498db;--border:#2a3a5e;--font-mono:"Courier New", Consolas, monospace;--font-ui:"Segoe UI", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-dark);height:100%;color:var(--text);font-family:var(--font-ui);font-size:14px;line-height:1.5}button{background:var(--accent);color:#fff;cursor:pointer;font-size:14px;font-family:var(--font-ui);border:none;border-radius:4px;padding:8px 18px;transition:background .15s}button:hover{background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--bg-input);border:1px solid var(--border)}button.secondary:hover{background:#1a4a7a}input,select{background:var(--bg-input);color:var(--text-bright);border:1px solid var(--border);font-size:14px;font-family:var(--font-ui);border-radius:4px;width:100%;padding:8px 12px}input:focus,select:focus{border-color:var(--accent);outline:none}.hidden{display:none!important}.menu-view{justify-content:center;align-items:center;height:100%;display:flex}.menu-container{text-align:center;max-width:500px;padding:40px}.menu-title{color:var(--accent-gold);font-size:2.5rem;font-family:var(--font-mono);margin-bottom:4px}.menu-subtitle{color:var(--text-dim);margin-bottom:32px}.menu-buttons{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.menu-buttons button{padding:14px;font-size:16px}.hp-bar-container{margin:6px 0}.hp-label{color:var(--text-dim);font-size:12px}.hp-bar{background:#333;border-radius:3px;height:14px;margin-top:2px;overflow:hidden}.hp-bar-fill{border-radius:3px;height:100%;transition:width .3s,background .3s}.load-view{flex-direction:column;gap:16px;max-width:1200px;min-height:100%;margin:0 auto;padding:32px 40px 48px;display:flex}.load-header{border-bottom:1px solid var(--border);grid-template-columns:120px 1fr 120px;align-items:center;gap:16px;padding-bottom:16px;display:grid}.load-back{border:1px solid var(--border);color:var(--text);background:0 0;justify-self:start;padding:8px 14px}.load-back:hover{background:var(--bg-card);border-color:var(--accent-gold)}.load-heading{text-align:center}.load-title{font-family:var(--font-mono);color:var(--accent-gold);letter-spacing:.02em;font-size:2rem}.load-subtitle{color:var(--text-dim);margin-top:2px;font-size:14px}.load-toolbar{color:var(--text-dim);align-items:center;gap:12px;padding:4px 2px;font-size:13px;display:flex}.load-count{color:var(--text-bright);font-weight:600}.load-toolbar-divider{background:var(--border);width:1px;height:14px}.load-toolbar-spacer{flex:1}.load-toolbar-btn{padding:6px 14px;font-size:13px}.load-delete-btn{background:var(--accent-red);color:#fff}.load-delete-btn:hover:not(:disabled){background:var(--accent-red-hover)}.load-toolbar-select{background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;padding:8px 12px}.load-error{border:1px solid var(--accent-red);color:var(--accent-red);background:#e74c3c1f;border-radius:4px;padding:10px 14px;font-size:13px}.load-loading{color:var(--text-dim);text-align:center;padding:48px 0}.load-empty{text-align:center;background:var(--bg-panel);border:1px dashed var(--border);border-radius:8px;padding:64px 24px}.load-empty-icon{color:var(--accent-gold);margin-bottom:16px;font-size:48px}.load-empty h2{color:var(--text-bright);font-family:var(--font-mono);margin-bottom:8px}.load-empty p{color:var(--text-dim);margin-bottom:20px}.load-body{flex:1}.save-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.save-card{background:var(--bg-panel);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:6px;flex-direction:column;gap:10px;padding:16px 18px;transition:border-color .15s,transform .15s;display:flex}.save-card:hover{border-color:var(--accent-gold);transform:translateY(-1px)}.save-card.selectable{cursor:pointer;-webkit-user-select:none;user-select:none}.save-card.selectable:hover{border-color:var(--accent-blue)}.save-card.selected{border-color:var(--accent-gold);background:var(--bg-card);box-shadow:0 0 0 1px var(--accent-gold) inset}.save-card.selectable:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}.save-card-checkbox{border:2px solid var(--border);background:var(--bg-input);width:20px;height:20px;color:var(--bg-dark);text-align:center;border-radius:4px;flex:none;margin-top:2px;font-size:14px;font-weight:700;line-height:16px;transition:background .15s,border-color .15s}.save-card-checkbox.checked{background:var(--accent-gold);border-color:var(--accent-gold)}.save-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.save-card-identity{flex:1;min-width:0}.save-card-name{color:var(--text-bright);font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:1.25rem;overflow:hidden}.save-card-sub{color:var(--text-dim);font-size:13px}.save-card-class{color:var(--text);font-weight:600}.save-card-menu{position:relative}.save-card-kebab{color:var(--text-dim);background:0 0;border:none;border-radius:4px;padding:2px 8px;font-size:18px;line-height:1}.save-card-kebab:hover{color:var(--text-bright);background:var(--bg-card)}.save-card-menu-pop{background:var(--bg-card);border:1px solid var(--border);z-index:10;border-radius:4px;min-width:140px;margin-top:4px;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0006}.save-card-menu-item{text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:0;padding:8px 12px;font-size:13px;display:block}.save-card-menu-item:hover{background:var(--bg-input)}.save-card-menu-item.danger{color:var(--accent-red)}.save-card-menu-item.danger:hover{background:#e74c3c26}.save-card-hp .hp-bar-container{margin:0}.save-card-stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:12px;padding:8px 0 4px;display:grid}.save-stat{flex-direction:column;gap:2px;display:flex}.save-stat dt{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.save-stat dd{color:var(--text-bright);font-family:var(--font-mono);font-size:15px;font-weight:600}.save-card-location{color:var(--text);min-height:1.2em;font-size:13px;font-style:italic}.save-card-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.save-card-saved{color:var(--text-dim);font-size:12px}.save-card-footer button{padding:6px 14px;font-size:13px}@media (width<=640px){.load-view{padding:20px 16px 32px}.load-header{grid-template-columns:auto 1fr}.load-header-spacer{display:none}.load-title{font-size:1.5rem}.save-grid{grid-template-columns:1fr}}.creation-view{justify-content:center;align-items:center;height:100%;display:flex}.creation-container{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;width:100%;max-width:420px;padding:32px}.creation-container h2{color:var(--accent-gold);margin-bottom:20px}.form-row{margin-bottom:14px}.form-row label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;display:block}.form-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.shop-backdrop{z-index:210;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.shop-modal{background:var(--bg-panel);border:1px solid var(--border);width:100%;max-width:900px;max-height:92vh;color:var(--text-bright);border-radius:8px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 30px 80px #000000b3}.shop-header{border-bottom:1px solid var(--border);background:var(--bg-panel);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.shop-title{color:var(--accent-gold,#d4a860);font-family:Palatino Linotype,Book Antiqua,Georgia,serif;font-size:1.2rem;font-style:italic;display:block}.shop-subtitle{color:var(--text-muted);font-size:.85rem}.shop-close{border:1px solid var(--border);color:var(--text-bright);cursor:pointer;background:0 0;padding:4px 10px}.shop-close:hover{background:var(--bg-hover)}.shop-list{border-bottom:1px solid var(--border);gap:6px;padding:6px 12px;display:flex}.shop-list-btn{border:1px solid var(--border);color:var(--text-bright);cursor:pointer;background:0 0;border-radius:4px;padding:4px 12px;font-size:.9rem}.shop-list-btn.active{background:var(--accent-gold,#d4a860);color:#111;border-color:var(--accent-gold,#d4a860)}.shop-description{color:var(--text-muted);border-bottom:1px solid var(--border);margin:0;padding:8px 16px;font-style:italic}.shop-tabs{border-bottom:1px solid var(--border);background:var(--bg-panel);gap:4px;padding:8px 12px 0;display:flex}.shop-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:4px 4px 0 0;padding:6px 12px}.shop-tab.active{background:var(--bg-hover,#ffffff0f);border-color:var(--border);color:var(--text-bright)}.shop-error{color:#ff8a8a;background:#ff3c3c1f;border-bottom:1px solid #ff3c3c4d;padding:8px 16px}.shop-message{color:var(--text-bright);background:#d4a8601a;border-bottom:1px solid #d4a8604d;padding:8px 16px;font-style:italic}.shop-body{flex:1;padding:14px 16px;overflow-y:auto}.shop-empty{color:var(--text-muted);font-style:italic}.shop-table{border-collapse:collapse;width:100%}.shop-table th,.shop-table td{text-align:left;border-bottom:1px solid var(--border);padding:6px 8px;font-size:.9rem}.shop-table th{color:var(--accent-gold,#d4a860);font-size:.85rem;font-weight:400}.shop-table button{cursor:pointer;padding:2px 10px}.shop-table button:disabled{opacity:.5;cursor:not-allowed}.shop-table input[type=number]{background:var(--bg-panel);color:var(--text-bright);border:1px solid var(--border);padding:2px 4px}.shop-strike{color:var(--text-muted);margin-left:6px;font-size:.85em;text-decoration:line-through}.shop-arena{grid-template-columns:1fr 1fr;gap:10px;display:grid}.shop-arena-side{border:1px dashed var(--border);border-radius:6px;min-height:220px;padding:8px;transition:background .12s,border-color .12s}.shop-arena-side.drop-hover{border-color:var(--accent-gold,#d4a860);background:#d4a86014}.shop-arena-head{color:var(--accent-gold,#d4a860);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.85rem}.shop-drag-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.shop-drag-list li{cursor:grab;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #0000;justify-content:space-between;align-items:center;padding:4px 8px;font-size:.9rem;display:flex}.shop-drag-list li:hover{background:#ffffff0f}.shop-drag-list li:active{cursor:grabbing}.shop-drag-name{flex:1}.shop-drag-meta{color:var(--text-muted);font-size:.85rem}.shop-stock-tag{margin-left:6px}.shop-region{border:1px solid;border-radius:8px;margin-left:6px;padding:1px 6px;font-size:.75rem}.shop-region-specialty{color:#83d181}.shop-region-premium{color:#e37c5a}.shop-arena-hint{color:var(--text-muted);grid-column:1/-1;margin:0;font-size:.85rem}.tavern-view{background:radial-gradient(ellipse at top, #d4a8600f 0%, transparent 60%), var(--bg-dark);min-height:100%;color:var(--text);font-family:var(--font-ui);flex-direction:column;display:flex}.tavern-header{border-bottom:1px solid var(--border);background:var(--bg-panel);grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:20px 28px 16px;display:grid}.tavern-back{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);padding:6px 14px;font-size:13px}.tavern-back:hover{color:var(--text-bright);border-color:var(--accent)}.tavern-heading{text-align:center}.tavern-title{color:#d4a860;letter-spacing:1px;margin:0;font-family:Palatino Linotype,Book Antiqua,Georgia,serif;font-size:26px;font-style:italic}.tavern-subtitle{color:var(--text-dim);letter-spacing:2px;text-transform:uppercase;margin:4px 0 0;font-size:12px}.tavern-gp{border:1px solid var(--border);background:#d4a8600d;border-radius:4px;flex-direction:column;align-items:flex-end;padding:6px 14px;display:flex}.tavern-gp-label{color:var(--text-dim);letter-spacing:2px;font-size:10px}.tavern-gp-value{color:#d4a860;font-family:var(--font-mono);font-size:18px;font-weight:700}.tavern-intro{max-width:900px;margin:0 auto;padding:16px 28px}.tavern-intro p{color:var(--text-dim);margin:0;font-family:Palatino Linotype,Book Antiqua,Georgia,serif;font-size:14px;font-style:italic;line-height:1.6}.tavern-error{color:#ff9b8e;background:#c0392b26;border:1px solid #c0392b80;border-radius:4px;margin:0 28px 12px;padding:10px 14px;font-size:13px}.tavern-body{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:12px 28px 28px}.tavern-section{margin-bottom:28px}.tavern-section-title{color:#d4a860;letter-spacing:1px;border-bottom:1px solid var(--border);margin:0 0 12px;padding-bottom:6px;font-family:Palatino Linotype,Book Antiqua,Georgia,serif;font-size:18px;font-style:italic}.tavern-muted{color:var(--text-dim);font-size:13px}.tavern-loading{color:var(--text-dim);font-size:13px;font-style:italic}.tavern-party-row{flex-wrap:wrap;gap:10px;display:flex}.tavern-party-chip{background:var(--bg-panel);border:1px solid var(--border);border-left:3px solid #8b1e3f;border-radius:4px;flex-direction:column;gap:2px;min-width:180px;padding:8px 14px;display:flex}.tavern-party-name{color:var(--text-bright);font-size:14px;font-weight:700}.tavern-party-meta{color:var(--text-dim);font-size:11px;font-family:var(--font-mono)}.tavern-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.tavern-card{background:var(--bg-panel);border:1px solid var(--border);border-left:4px solid #8b1e3f;border-radius:4px;flex-direction:column;gap:10px;padding:14px 16px;transition:transform 80ms,border-color 80ms;display:flex}.tavern-card:hover{border-color:#d4a86066;transform:translateY(-1px)}.tavern-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.tavern-card-name{color:var(--text-bright);letter-spacing:.5px;margin:0;font-family:Palatino Linotype,Book Antiqua,Georgia,serif;font-size:17px}.tavern-class-badge{color:#1a1a1a;letter-spacing:.5px;white-space:nowrap;border-radius:3px;padding:3px 8px;font-size:11px;font-weight:700}.tavern-card-desc{color:var(--text-dim);margin:0;font-family:Palatino Linotype,Book Antiqua,Georgia,serif;font-size:12.5px;font-style:italic;line-height:1.5}.tavern-stats{flex-direction:column;gap:4px;display:flex}.tavern-stats-row{font-family:var(--font-mono);color:var(--text-dim);justify-content:space-between;gap:8px;font-size:11px;display:flex}.tavern-traits{flex-wrap:wrap;gap:5px;display:flex}.tavern-trait{border:1px solid var(--border);letter-spacing:.5px;color:var(--text-dim);text-transform:lowercase;background:#ffffff08;border-radius:10px;padding:2px 7px;font-size:10px}.tavern-card-footer{justify-content:flex-end;margin-top:auto;display:flex}.tavern-card-footer button{min-width:110px;padding:6px 14px;font-size:13px}.tavern-footer{border-top:1px solid var(--border);background:var(--bg-panel);justify-content:center;gap:12px;padding:18px 28px;display:flex}.tavern-shops-btn{letter-spacing:.5px;color:var(--accent-gold,#d4a860);border:1px solid var(--accent-gold,#d4a860);cursor:pointer;background:0 0;padding:10px 24px;font-family:Palatino Linotype,Book Antiqua,Georgia,serif;font-size:14px}.tavern-shops-btn:hover:not(:disabled){background:#d4a8601a}.tavern-shops-btn:disabled{opacity:.5;cursor:not-allowed}.tavern-adventure-btn{letter-spacing:1px;background:var(--accent);border:1px solid var(--accent-hover,#a92953);padding:10px 28px;font-family:Palatino Linotype,Book Antiqua,Georgia,serif;font-size:15px}.tavern-adventure-btn:hover:not(:disabled){background:var(--accent-hover,#a92953)}@media (width<=640px){.tavern-header{grid-template-columns:auto 1fr;grid-template-areas:"back gp""heading heading"}.tavern-back{grid-area:back}.tavern-gp{grid-area:gp}.tavern-heading{text-align:left;grid-area:heading}}.adv-view{flex-direction:column;gap:16px;max-width:1200px;min-height:100%;margin:0 auto;padding:32px 40px 48px;display:flex}.adv-header{border-bottom:1px solid var(--border);grid-template-columns:120px 1fr 120px;align-items:center;gap:16px;padding-bottom:16px;display:grid}.adv-back{border:1px solid var(--border);color:var(--text);background:0 0;justify-self:start;padding:8px 14px}.adv-back:hover{background:var(--bg-card);border-color:var(--accent-gold)}.adv-heading{text-align:center}.adv-title{font-family:var(--font-mono);color:var(--accent-gold);letter-spacing:.02em;font-size:2rem}.adv-subtitle{color:var(--text-dim);margin-top:2px;font-size:14px}.adv-toolbar{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:12px;padding:4px 2px;font-size:13px;display:flex}.adv-count{color:var(--text-bright);font-weight:600}.adv-toolbar-divider{background:var(--border);width:1px;height:14px}.adv-filter-label{color:var(--text-dim)}.adv-filter-group{gap:6px;display:flex}.adv-filter-btn{color:var(--text);border:1px solid var(--border);background:0 0;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:inline-flex}.adv-filter-btn:hover{border-color:var(--accent-gold);background:var(--bg-card)}.adv-filter-btn.active{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--bg-dark);font-weight:600}.adv-filter-count{opacity:.8;background:#00000026;border-radius:10px;padding:1px 6px;font-size:11px}.adv-filter-btn.active .adv-filter-count{background:#00000040}.adv-error{border:1px solid var(--accent-red);color:var(--accent-red);background:#e74c3c1f;border-radius:4px;padding:10px 14px;font-size:13px}.adv-loading{color:var(--text-dim);text-align:center;padding:48px 0}.adv-empty{text-align:center;background:var(--bg-panel);border:1px dashed var(--border);border-radius:8px;padding:48px 24px}.adv-empty-icon{color:var(--accent-gold);margin-bottom:12px;font-size:42px}.adv-empty h2{color:var(--text-bright);font-family:var(--font-mono);margin-bottom:8px}.adv-empty p{color:var(--text-dim);margin-bottom:16px}.adv-body{flex:1}.adv-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.adv-card{background:var(--bg-panel);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:6px;flex-direction:column;gap:10px;padding:16px 18px;transition:border-color .15s,transform .15s;display:flex}.adv-card:hover{border-color:var(--accent-gold);transform:translateY(-1px)}.adv-card:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}.adv-card-easy{border-left-color:var(--accent-green)}.adv-card-medium{border-left-color:var(--accent-gold)}.adv-card-hard{border-left-color:var(--accent-red)}.adv-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.adv-card-name{color:var(--text-bright);font-family:var(--font-mono);flex:1;min-width:0;font-size:1.2rem}.adv-badge{letter-spacing:.1em;text-transform:uppercase;border:1px solid #0000;border-radius:12px;flex:none;padding:3px 10px;font-size:11px;font-weight:700}.adv-badge-easy{color:var(--accent-green);border-color:var(--accent-green);background:#2ecc7126}.adv-badge-medium{color:var(--accent-gold);border-color:var(--accent-gold);background:#d4a01726}.adv-badge-hard{color:var(--accent-red);border-color:var(--accent-red);background:#e74c3c26}.adv-card-desc{color:var(--text);flex:1;font-size:13px;line-height:1.5}.adv-card-footer{justify-content:flex-end;margin-top:4px;display:flex}.adv-card-footer button{padding:6px 14px;font-size:13px}@media (width<=640px){.adv-view{padding:20px 16px 32px}.adv-header{grid-template-columns:auto 1fr}.adv-header-spacer{display:none}.adv-title{font-size:1.5rem}.adv-grid{grid-template-columns:1fr}.adv-toolbar{flex-direction:column;align-items:flex-start}.adv-toolbar-divider{display:none}}.char-panel{background:var(--bg-panel);border-right:1px solid var(--border);width:240px;min-width:240px;padding:12px;font-size:13px;overflow-y:auto}.char-name{color:var(--accent-gold);margin-bottom:2px;font-size:16px;font-weight:700}.char-info{color:var(--text-dim);margin-bottom:10px;font-size:12px}.stat-grid{grid-template-columns:1fr 1fr;gap:2px 12px;margin:10px 0;font-size:12px;display:grid}.stat-label{color:var(--text-dim)}.stat-value{color:var(--text-bright);text-align:right}.xp-bar-container{border-radius:3px;margin:6px 0 2px;padding:1px}.xp-label{color:var(--text-dim);font-size:11px}.xp-bar{background:#2a241a;border-radius:3px;height:10px;margin-top:2px;overflow:hidden}.xp-bar-fill{background:var(--accent-gold,#d4a860);border-radius:3px;height:100%;transition:width .5s}.xp-label-only{color:var(--text-dim);margin:6px 0;font-size:11px}@keyframes levelup-flash{0%{background:0 0;box-shadow:0 0 #d4a86000}20%{background:#d4a86026;box-shadow:0 0 12px 3px #d4a860b3}to{background:0 0;box-shadow:0 0 #d4a86000}}.xp-bar-container.levelup{animation:1.5s ease-out levelup-flash}@media (prefers-reduced-motion:reduce){.xp-bar-container.levelup{animation:none}.xp-bar-fill{transition:none}}.enc-container{border-top:1px dashed var(--border);margin:10px 0 6px;padding:4px 0}.enc-label{color:var(--text-dim);justify-content:space-between;align-items:baseline;font-size:11px;display:flex}.enc-weight{font-family:var(--font-mono)}.enc-band{letter-spacing:.3px;font-size:11px;font-weight:700}.enc-band.enc-unencumbered,.enc-band.enc-light{color:var(--accent-green)}.enc-band.enc-moderate,.enc-band.enc-heavy{color:var(--accent-yellow)}.enc-band.enc-severe{color:var(--accent-red)}.enc-bar{background:#2a241a;border-radius:3px;height:6px;margin-top:3px;overflow:hidden}.enc-bar-fill{border-radius:3px;height:100%;transition:width .3s,background .3s}.enc-bar-fill.enc-unencumbered,.enc-bar-fill.enc-light{background:var(--accent-green)}.enc-bar-fill.enc-moderate{background:var(--accent-yellow)}.enc-bar-fill.enc-heavy{background:#e08a33}.enc-bar-fill.enc-severe{background:var(--accent-red)}.panel-section{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.panel-section-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px}.companion-entry{background:var(--bg-card);border-radius:4px;margin-bottom:4px;padding:6px 8px;font-size:12px}.companion-entry.fallen{opacity:.5}.companion-head{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.companion-name{color:var(--accent-blue);font-weight:700}.companion-info{color:var(--text-dim);white-space:nowrap;font-size:11px}.companion-hp-wrap{margin-top:2px;position:relative}.companion-hp-wrap .hp-bar-container{margin:0}.companion-hp-wrap .hp-bar{height:12px}.companion-hp-overlay{color:#fff;text-shadow:0 0 3px #000000e6;font-size:10px;font-family:var(--font-mono);pointer-events:none;letter-spacing:.3px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.equipment-list{color:var(--text);font-size:12px;list-style:none}.equipment-list li:before{content:"·";color:var(--text-dim)}.equipment-list .more{color:var(--text-dim)}.equipment-list .more:before{content:""}@media (width<=768px){.char-panel{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--border);max-height:200px}}.calc-panel{background:#00000040;border-radius:3px;margin-top:6px;padding:6px 10px;font-size:12px}.calc-trace+.calc-trace{border-top:1px dashed #ffffff1a;margin-top:8px;padding-top:8px}.calc-title{color:var(--text-bright,#ddd);margin-bottom:4px;font-weight:600}.calc-steps{border-collapse:collapse;width:100%;margin-bottom:4px}.calc-steps td{padding:1px 4px;line-height:1.4}.calc-step-label{color:var(--text-dim)}.calc-step-value{text-align:right;font-variant-numeric:tabular-nums;width:60px}.calc-source-attribute .calc-step-value{color:#7fc3ff}.calc-source-equipment .calc-step-value{color:#d4a017}.calc-source-situational .calc-step-value{color:#e67e22}.calc-source-racial .calc-step-value{color:#2ecc71}.calc-source-class .calc-step-value{color:#9b59b6}.calc-source-magic .calc-step-value{color:#e74c3c}.calc-row{justify-content:space-between;padding:1px 4px;line-height:1.4;display:flex}.calc-row-label{color:var(--text-dim)}.calc-row-value{font-variant-numeric:tabular-nums}.calc-outcome{border-top:1px solid #ffffff14;margin-top:2px;padding-top:3px}.calc-outcome-hit .calc-row-value strong{color:#2ecc71}.calc-outcome-miss .calc-row-value strong{color:#e74c3c}.calc-outcome-saved .calc-row-value strong{color:#2ecc71}.calc-outcome-failed .calc-row-value strong{color:#e74c3c}.calc-reason{color:var(--text-dim);font-size:11px}.combatant-list{margin-top:8px}.combatant-list-heading{font-family:var(--font-display,serif);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-gold,#d4a860);border-bottom:1px solid var(--border-color,#4a3a2a);margin:0 0 6px;padding-bottom:4px;font-size:12px}.combatant-list-items{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.combatant{width:100%;color:inherit;text-align:left;cursor:pointer;background:#e74c3c0f;border:1px solid #e74c3c4d;border-radius:4px;flex-direction:row;align-items:center;gap:8px;padding:6px;font-family:inherit;transition:background .12s,border-color .12s;display:flex}.combatant:hover:not(:disabled){background:#e74c3c2e;border-color:#e74c3c99}.combatant:disabled{opacity:.5;cursor:default}.combatant-portrait{object-fit:cover;background:#1a140e;border:1px solid #0006;border-radius:4px;flex-shrink:0;width:64px;height:64px}.combatant-portrait-empty{background:linear-gradient(135deg,#2a201a 0%,#1a140e 100%)}.combatant-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.combatant-name{color:var(--text-bright,#eee);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.game-log{font-family:var(--font-mono);flex-direction:row;flex:1;font-size:13px;display:flex;overflow:hidden}.game-log-narrative{flex:1;min-width:0;padding:12px 16px;overflow-y:auto}.game-log-art{flex-direction:column;flex:0 0 clamp(220px,28%,360px);align-items:stretch;gap:6px;min-height:0;padding:12px 12px 12px 0;display:flex;overflow-y:auto}.game-log-art-img{aspect-ratio:1;object-fit:cover;border:1px solid var(--border-color,#4a3a2a);background:#1a140e;border-radius:4px;width:100%;height:auto;display:block}.game-log-art-caption{font-family:var(--font-display,serif);letter-spacing:.04em;color:var(--accent-gold,#d4a860);text-align:center;font-size:12px}.log-entry{white-space:pre-wrap;word-wrap:break-word;border-left:3px solid #0000;border-radius:4px;margin-bottom:10px;padding:8px 10px}.log-entry.player-action{border-left-color:var(--accent-blue);background:#3498db14}.log-entry.enemy-action{border-left-color:var(--accent-red);background:#e74c3c14}.log-entry.combat-event{border-left-color:var(--accent-gold);background:#d4a01714}.log-entry.system{border-left-color:var(--text-dim);background:#8a82780f}.log-entry.error{border-left-color:var(--accent-red);color:var(--accent-red)}.log-entry.scene{border-left-color:var(--accent-green);background:#2ecc7114}.log-entry-text{display:inline}.calc-toggle{font-family:var(--font-mono);color:var(--text-dim);cursor:pointer;vertical-align:baseline;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff26;border-radius:3px;margin-left:8px;padding:1px 6px;font-size:11px}.calc-toggle:hover{color:var(--text-bright,#eee);background:#ffffff1f}.map-content{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.map-toolbar{border-bottom:1px solid var(--border);background:var(--bg-panel);flex-shrink:0;align-items:center;gap:4px;padding:4px 12px;display:flex}.zoom-btn{color:var(--text-dim);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:3px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:16px;line-height:1;display:flex}.zoom-btn:hover{color:var(--text-bright);background:#ffffff26}.zoom-level{color:var(--text-dim);font-size:11px;font-family:var(--font-mono);text-align:center;min-width:36px}.map-canvas{cursor:grab;-webkit-overflow-scrolling:touch;background:#d8ccb4;flex:1;min-height:160px;overflow:auto}.map-canvas.panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.map-canvas::-webkit-scrollbar{width:8px;height:8px}.map-canvas::-webkit-scrollbar-track{background:#0000000d}.map-canvas::-webkit-scrollbar-thumb{background:#64503240;border-radius:4px}.map-canvas::-webkit-scrollbar-thumb:hover{background:#64503266}.map-canvas::-webkit-scrollbar-corner{background:#0000000d}.map-zoom-wrapper{margin:0 auto;position:relative}.map-svg{display:block}.player-marker circle:first-child{transform-origin:50%;animation:8s linear infinite marker-rotate}.player-marker circle:nth-child(2){animation:2.5s ease-in-out infinite marker-pulse}@keyframes marker-pulse{0%,to{opacity:.7}50%{opacity:.4}}@keyframes marker-rotate{0%{stroke-dashoffset:0}to{stroke-dashoffset:-20px}}.map-info{border-top:1px solid var(--border);background:var(--bg-panel);flex-shrink:0;padding:6px 14px 8px;font-size:12px}.map-info strong{color:#d4a860;font-family:Palatino Linotype,Book Antiqua,Georgia,serif}.map-room-desc{color:var(--text-dim)}.map-exits{color:var(--accent-blue)}.map-hint{color:#503c2880;pointer-events:none;font-size:10px;font-family:var(--font-mono);background:#c8beaad9;border-radius:3px;padding:2px 6px;position:absolute;bottom:48px;right:12px}.map-grid-wrap{color:#e8c068;font-family:Courier New,monospace}.map-grid-meta{padding:6px 2px;font-size:13px}.map-grid-meta .dim{opacity:.6;margin-left:6px}.map-grid{background:#0a0a0a;border:1px solid #3a3a3a;width:max-content;display:grid}.map-grid .cell{box-sizing:border-box;-webkit-user-select:none;user-select:none;border:1px solid #1a1a1a;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;line-height:1;display:flex}.cell-wall{color:#2a1a0a;background:#4a3a2a}.cell-floor{color:#4a4030;background:#1a1a12}.cell-water{color:#70b0c0;background:#103040}.cell-bridge{color:#c0a070;background:#3a2a18}.cell-door{color:#d0a050;background:#2a1a0a;font-weight:700}.cell-tree{color:#3a8040;background:#0a1a0a;font-weight:700}.cell-party{color:#f0e060;background:#1a1a12;font-weight:700}.cell-enemy{color:#e04040;background:#1a1a12;font-weight:700}.cell-treasure{color:#ffd040;background:#1a1a12;font-weight:700}.cell-trap{color:#e06060;background:#1a1a12}.cell-void{background:#000}.cell-other{color:#888;background:#1a1a12}.map-grid-legend{color:#a89060;white-space:pre-wrap;background:#0f0f0f;border:1px solid #2a2a2a;margin-top:8px;padding:6px 8px;font-size:12px}.map-grid .cell-sprite{background:0 0;border:none;padding:0}.map-grid-stack{width:max-content;position:relative}.token-layer{pointer-events:none;display:grid;position:absolute;inset:0}.token{justify-content:center;align-items:center;display:flex;position:relative}.token-hp-bar{box-sizing:content-box;pointer-events:none;background:#000;border:1px solid #000;height:3px;position:absolute;bottom:1px;left:2px;right:2px}.token-hp-fill{height:100%;transition:width .12s linear}.token-hp-fill.hp-full{background:#60c040}.token-hp-fill.hp-mid{background:#e0c040}.token-hp-fill.hp-low{background:#e04040}.token-pc{filter:drop-shadow(0 0 2px #f0e060)}.token-npc{filter:drop-shadow(0 0 2px #60c0ff)}.token-monster{filter:drop-shadow(0 0 2px #e04040)}.token-loot{filter:drop-shadow(0 0 2px #ffd040)}.token-trap{opacity:.9}.token-marker{filter:drop-shadow(0 0 2px #a0a0a0)}.token-glyph{color:#fff;font-family:Courier New,monospace;font-weight:700}.token{pointer-events:auto;cursor:grab;touch-action:none}.token-selected{outline-offset:-2px;z-index:2;outline:2px solid #ffd040;box-shadow:0 0 8px #ffd040}.token-dragging{opacity:.35;cursor:grabbing;outline-offset:-2px;z-index:3;outline:2px dashed #ffd040}.token-attackable{cursor:crosshair}.token-attackable:hover{outline-offset:-2px;outline:2px solid #e04040;box-shadow:0 0 6px #e04040}.trap-banner-dead{color:#ff7070;margin-top:6px;font-size:14px}.trap-banner-down{color:#ffc070;margin-top:6px}.move-mode .cell{cursor:crosshair}.cell-path{box-shadow:inset 0 0 0 9999px #ffd04026}.cell-path-target{outline-offset:-1px;outline:1px solid #ffd040;box-shadow:inset 0 0 0 9999px #ffd0404d}.map-grid-meta .move-readout{color:#ffd040;margin-left:6px}.map-grid-meta .move-err{color:#e04040;margin-left:6px}.hazard-layer{pointer-events:none;z-index:1;display:grid;position:absolute;inset:0}.hazard{justify-content:center;align-items:center;display:flex}.hazard-trap{filter:drop-shadow(0 0 2px #e04040)}.hazard-triggered{opacity:.55}.hazard-disarmed{opacity:.4;filter:grayscale()drop-shadow(0 0 2px #60c060)}.hazard-actionable{pointer-events:auto;cursor:pointer}.hazard-actionable:hover{outline-offset:-2px;filter:drop-shadow(0 0 4px #ffd040);outline:2px solid #ffd040}.hazard-glyph{color:#e04040;font-family:Courier New,monospace;font-weight:700}.trap-banner{color:#ffd0b0;background:#2a0808;border:1px solid #e04040;margin:8px 0;padding:8px 10px;font-family:Courier New,monospace;font-size:13px}.trap-banner.trap-saved{color:#d0ffb0;background:#1a2a08;border-color:#80c040}.trap-banner-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.trap-banner-desc{opacity:.9;margin-bottom:6px}.trap-banner-line{margin:2px 0}.trap-banner-line .dim{opacity:.6;margin-left:4px}.trap-banner-err{color:#ffb040;margin-top:4px;font-style:italic}.trap-banner-note{opacity:.7;margin-top:4px;font-size:11px;font-style:italic}.disarm-banner{color:#d0d0b0;background:#12120a;border:1px solid #888;margin:8px 0;padding:8px 10px;font-family:Courier New,monospace;font-size:13px}.disarm-banner.disarm-ok{color:#d0ffb0;background:#1a2a08;border-color:#80c040}.disarm-banner.disarm-miss{color:#e8c890;background:#201a08;border-color:#a08040}.disarm-banner.disarm-crit,.disarm-banner.disarm-fail{color:#ffd0b0;background:#2a0808;border-color:#e04040}.disarm-banner.disarm-pending{color:silver;background:#1a1a1a;border-color:gray;font-style:italic}.disarm-banner-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.disarm-banner-line{margin:2px 0}.disarm-banner-line .dim{opacity:.6;margin-left:4px}.search-banner{color:#d0d0b0;background:#12120a;border:1px solid #888;margin:8px 0;padding:8px 10px;font-family:Courier New,monospace;font-size:13px}.search-banner.search-ok{color:#d0ffb0;background:#1a2a08;border-color:#80c040}.search-banner.search-miss{color:#e8c890;background:#201a08;border-color:#a08040}.search-banner.search-fail{color:#ffd0b0;background:#2a0808;border-color:#e04040}.search-banner-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.search-banner-line{margin:2px 0}.map-grid-error{color:#e04040;padding:12px}.map-grid-loading{color:#888;padding:12px}.tactical-view{min-height:0;color:var(--text-bright);background:#0f0f0f;flex-direction:column;flex:1;display:flex}.tactical-toolbar{border-bottom:1px solid var(--border);background:var(--bg-panel);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:6px 12px;display:flex}.tactical-toolbar button{color:var(--text-dim);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:3px;padding:3px 10px;font-size:12px}.tactical-toolbar button:hover:not(:disabled){color:var(--text-bright);background:#ffffff1f}.tactical-toolbar button:disabled{opacity:.5;cursor:default}.tactical-err{color:#e04040;font-size:12px}.tactical-canvas{flex:1;min-height:0;padding:8px;overflow:auto}.floating-panel{background:var(--bg-panel);flex-direction:column;display:flex;position:relative;overflow:hidden}.floating-panel.docked{border-top:1px solid var(--border);max-height:500px}.floating-panel.docked-right{border-left:1px solid var(--border);min-width:0;min-height:0}.floating-panel.floating{z-index:100;border:1px solid var(--border);background:color-mix(in srgb, var(--bg-panel) 95%, transparent);border-radius:6px;min-width:320px;min-height:240px;position:absolute;box-shadow:0 18px 40px #0000008c,inset 0 0 0 1px #ffffff08}.floating-panel.floating:focus{outline:none}.floating-panel.floating:focus-visible{outline:2px solid var(--accent-gold,#d4a860);outline-offset:2px}.floating-panel.snapped{border-left:1px solid var(--border);border-right:1px solid var(--border)}.floating-panel.snapped.snap-top-left{border-right:1px solid var(--border);border-bottom:1px solid var(--border);border-top:none;border-left:none}.floating-panel.snapped.snap-top-right{border-left:1px solid var(--border);border-bottom:1px solid var(--border);border-top:none;border-right:none}.floating-panel.snapped.snap-bottom-left{border-right:1px solid var(--border);border-top:1px solid var(--border);border-bottom:none;border-left:none}.floating-panel.snapped.snap-bottom-right{border-left:1px solid var(--border);border-top:1px solid var(--border);border-bottom:none;border-right:none}.floating-panel.dragging{-webkit-user-select:none;user-select:none;cursor:grabbing}.fp-header{border-bottom:1px solid var(--border);background:var(--bg-panel);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:6px 14px;display:flex}.fp-header.draggable{cursor:grab}.floating-panel.dragging .fp-header.draggable{cursor:grabbing}.fp-title{color:#d4a860;letter-spacing:.5px;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;font-family:Palatino Linotype,Book Antiqua,Georgia,serif;font-size:14px;font-style:italic;overflow:hidden}.fp-controls{flex-shrink:0;align-items:center;gap:4px;display:flex}.fp-view-toggle{border:1px solid #ffffff1f;border-radius:4px;margin-right:4px;display:inline-flex;overflow:hidden}.fp-view-btn{color:var(--text-dim);cursor:pointer;font-size:11px;font-family:var(--font-ui);background:#ffffff0a;border:none;border-right:1px solid #ffffff14;height:22px;padding:3px 10px;line-height:1}.fp-view-btn:last-child{border-right:none}.fp-view-btn:hover:not(:disabled){color:var(--text-bright);background:#ffffff1a}.fp-view-btn:disabled{opacity:.35;cursor:default}.fp-view-btn.active{background:var(--accent-gold,#d4a860);color:#1a1208}.fp-mode-btn{color:var(--text-dim);cursor:pointer;font-size:11px;font-family:var(--font-ui);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:3px;height:22px;margin-left:6px;padding:3px 9px;line-height:1}.fp-mode-btn:hover{color:var(--text-bright);background:#ffffff1f}.fp-close-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;margin-left:8px;padding:2px 6px;font-size:14px}.fp-close-btn:hover{color:var(--text-bright)}.fp-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.panel-stack{flex-direction:column;flex:1;min-height:0;display:flex}.panel-stack-slot{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.panel-stack.split .slot-map{border-bottom:1px solid var(--border);flex:11;min-height:180px}.panel-stack.split .slot-tactical{flex:9;min-height:300px}.fp-resize{z-index:2;opacity:0;transition:opacity .12s;position:absolute}.floating-panel:hover .fp-resize,.floating-panel.dragging .fp-resize{opacity:.55}.fp-resize:hover{opacity:.9!important}.fp-resize-nw{cursor:nw-resize;width:14px;height:14px;top:-2px;left:-2px}.fp-resize-ne{cursor:ne-resize;width:14px;height:14px;top:-2px;right:-2px}.fp-resize-sw{cursor:sw-resize;width:14px;height:14px;bottom:-2px;left:-2px}.fp-resize-se{cursor:se-resize;width:14px;height:14px;bottom:-2px;right:-2px}.fp-resize-n{cursor:n-resize;height:6px;top:-2px;left:12px;right:12px}.fp-resize-s{cursor:s-resize;height:6px;bottom:-2px;left:12px;right:12px}.fp-resize-w{cursor:w-resize;width:6px;top:12px;bottom:12px;left:-2px}.fp-resize-e{cursor:e-resize;width:6px;top:12px;bottom:12px;right:-2px}.fp-resize-se{background:linear-gradient(135deg, transparent 0%, transparent 40%, var(--text-dim) 40%, var(--text-dim) 50%, transparent 50%, transparent 65%, var(--text-dim) 65%, var(--text-dim) 75%, transparent 75%);opacity:.5}.floating-panel:hover .fp-resize-se{opacity:.7}@media (width<=768px){.floating-panel.floating{box-shadow:none;border-radius:0;max-height:500px;position:static;width:auto!important;height:auto!important;top:auto!important;left:auto!important}.fp-resize{display:none}}.enemy-portrait{vertical-align:middle;object-fit:cover;background:#1a140e;border:1px solid #0006;border-radius:4px;flex-shrink:0;margin-right:6px;display:inline-block}.action-bar{border-top:1px solid var(--border);background:var(--bg-panel);padding:8px 12px}.action-form{gap:6px;display:flex}.action-form input{font-family:var(--font-mono);flex:1}.quick-actions{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.quick-actions button{background:var(--bg-card);border:1px solid var(--border);padding:4px 10px;font-size:12px}.quick-actions button:hover{border-color:var(--accent-gold);background:var(--bg-input)}.quick-actions button.attack-btn{color:#e88a8a;border-color:#a83232}.quick-actions button.attack-btn:hover{color:#ffb3b3;background:#a832322e;border-color:#d65050}.quick-actions button.dir-btn{border-color:var(--accent-blue);color:var(--accent-blue)}.quick-actions button.dir-btn:hover{border-color:var(--text-bright);color:var(--text-bright);background:#3498db26}.quick-actions button.leave-btn{color:#d4a860;letter-spacing:.5px;border-color:#d4a860;padding:4px 14px;font-family:Palatino Linotype,Book Antiqua,Georgia,serif;font-style:italic}.quick-actions button.leave-btn:hover{color:#e8c089;background:#d4a8601f;border-color:#e8c089}.status-bar{background:var(--bg-panel);border-top:1px solid var(--border);color:var(--text-dim);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:4px 16px;font-size:12px;display:grid}.sb-left{text-align:left}.sb-right{text-align:right}.sb-clock{font-family:var(--font-mono);color:var(--accent-gold,#d4a860);white-space:nowrap;justify-self:center;transition:color .25s,text-shadow .25s}.sb-clock.flash{color:#ffe7a6;text-shadow:0 0 6px #d4a860cc}@media (prefers-reduced-motion:reduce){.sb-clock{transition:none}.sb-clock.flash{text-shadow:none}}@media (width<=768px){.status-bar{grid-template-columns:1fr auto 1fr;gap:8px}.sb-left,.sb-right{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.eq-backdrop{z-index:200;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.eq-modal{background:var(--bg-panel);border:1px solid var(--border);width:100%;max-width:1080px;max-height:92vh;color:var(--text-bright);border-radius:8px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 30px 80px #000000b3}.eq-header{border-bottom:1px solid var(--border);background:var(--bg-panel);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.eq-title{color:var(--accent-gold,#d4a860);margin-right:16px;font-family:Palatino Linotype,Book Antiqua,Georgia,serif;font-size:18px;font-style:italic}.eq-subtitle{color:var(--text-dim);font-size:12px;font-family:var(--font-mono)}.eq-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:4px 10px;font-size:16px}.eq-close:hover{color:var(--text-bright);background:#ffffff0f}.eq-error{color:var(--accent-red,#e04040);background:#e040401f;border-bottom:1px solid #e040404d;padding:6px 16px;font-size:12px}.eq-columns{flex:1;grid-template-columns:1fr 1fr;gap:0;min-height:0;display:grid;overflow:hidden}.eq-columns-aux{border-top:1px solid var(--border);flex:none;max-height:200px}.eq-col{flex-direction:column;min-height:0;padding:10px 14px;display:flex;overflow:hidden}.eq-col+.eq-col{border-left:1px solid var(--border)}.eq-col-head{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.eq-col-head h2{color:var(--accent-gold,#d4a860);text-transform:uppercase;letter-spacing:.8px;margin:0;font-size:13px;font-weight:700}.eq-col-weight{color:var(--text-dim);font-size:12px;font-family:var(--font-mono)}.eq-col-note{color:var(--text-dim);margin-bottom:6px;font-size:11px;font-style:italic}.eq-empty{color:var(--text-dim);padding:10px 0;font-size:12px}.eq-list{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.eq-row{background:var(--bg-card,#ffffff08);border-radius:4px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;padding:6px 8px;display:flex}.eq-row:hover{background:#ffffff0f}@keyframes eq-row-flash{0%{background:#d4a8608c;transform:translate(0)}20%{background:#d4a8608c;transform:translate(4px)}to{background:#ffffff08;transform:translate(0)}}.eq-row-just-moved{animation:.8s ease-out eq-row-flash}@media (prefers-reduced-motion:reduce){.eq-row-just-moved{outline:2px solid var(--accent-gold,#d4a860);animation:none}}.eq-row-main{flex:1;justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.eq-row-name{color:var(--text-bright);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.eq-row-qty{color:var(--text-dim);font-size:11px}.eq-row-weight{color:var(--text-dim);font-size:11px;font-family:var(--font-mono);white-space:nowrap}.eq-row-actions{flex-shrink:0;gap:2px;display:flex}.eq-action-btn{color:var(--text-dim);cursor:pointer;font-size:11px;font-family:var(--font-ui);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:3px;padding:2px 8px;line-height:1.4}.eq-action-btn:hover:not(:disabled){color:var(--text-bright);background:#ffffff24}.eq-action-btn:disabled{opacity:.4;cursor:default}.eq-footer{border-top:1px solid var(--border);background:var(--bg-panel);padding:10px 16px}.eq-enc-empty{color:var(--text-dim);font-size:12px}.eq-enc-wrap{flex-direction:column;gap:4px;display:flex}.eq-enc-label{justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;display:flex}.eq-enc-weight{font-family:var(--font-mono);color:var(--text-bright)}.eq-enc-band{font-size:12px;font-weight:700}.eq-enc-mv{color:var(--text-dim);font-size:11px;font-family:var(--font-mono)}.eq-enc-band.enc-unencumbered,.eq-enc-band.enc-light{color:var(--accent-green)}.eq-enc-band.enc-moderate{color:var(--accent-yellow)}.eq-enc-band.enc-heavy{color:#e08a33}.eq-enc-band.enc-severe{color:var(--accent-red)}.eq-enc-bar{background:#2a241a;border-radius:3px;height:10px;overflow:hidden}.eq-enc-fill{border-radius:3px;height:100%;transition:width .3s,background .3s}.eq-enc-fill.enc-unencumbered,.eq-enc-fill.enc-light{background:var(--accent-green)}.eq-enc-fill.enc-moderate{background:var(--accent-yellow)}.eq-enc-fill.enc-heavy{background:#e08a33}.eq-enc-fill.enc-severe{background:var(--accent-red)}.eq-enc-meta{color:var(--text-dim);font-size:11px;font-family:var(--font-mono)}.eq-enc-penalty{color:var(--accent-red)}@media (width<=768px){.eq-modal{border:none;border-radius:0;max-height:100vh}.eq-columns{grid-template-columns:1fr}.eq-col+.eq-col{border-left:none;border-top:1px solid var(--border)}.eq-columns-aux{flex-direction:column;max-height:none}.eq-row-actions{flex-wrap:wrap}}.ctrade-backdrop{z-index:210;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ctrade-modal{background:var(--bg-panel);border:1px solid var(--border);width:100%;max-width:720px;max-height:90vh;color:var(--text-bright);border-radius:8px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 30px 80px #000000b3}.ctrade-header{border-bottom:1px solid var(--border);background:var(--bg-panel);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.ctrade-title{color:var(--accent-gold,#d4a860);font-family:Palatino Linotype,Book Antiqua,Georgia,serif;font-size:1.2rem;font-style:italic;display:block}.ctrade-subtitle{color:var(--text-muted);font-size:.85rem}.ctrade-close{border:1px solid var(--border);color:var(--text-bright);cursor:pointer;background:0 0;padding:4px 10px}.ctrade-close:hover{background:var(--bg-hover)}.ctrade-tabs{border-bottom:1px solid var(--border);background:var(--bg-panel);gap:4px;padding:8px 12px 0;display:flex}.ctrade-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:4px 4px 0 0;padding:6px 12px}.ctrade-tab.active{background:var(--bg-hover,#ffffff0f);border-color:var(--border);color:var(--text-bright)}.ctrade-tab:disabled{opacity:.4;cursor:not-allowed}.ctrade-error{color:#ff8a8a;background:#ff3c3c1f;border-bottom:1px solid #ff3c3c4d;padding:8px 16px}.ctrade-message{color:var(--text-bright);background:#d4a8601a;border-bottom:1px solid #d4a8604d;padding:8px 16px;font-style:italic}.ctrade-body{flex:1;padding:14px 16px;overflow-y:auto}.ctrade-empty{color:var(--text-muted);font-style:italic}.ctrade-table{border-collapse:collapse;width:100%}.ctrade-table th,.ctrade-table td{text-align:left;border-bottom:1px solid var(--border);padding:6px 8px}.ctrade-table th{color:var(--accent-gold,#d4a860);font-size:.85rem;font-weight:400}.ctrade-table button{cursor:pointer;padding:2px 10px}.ctrade-form{flex-direction:column;gap:12px;display:flex}.ctrade-form label{flex-direction:column;gap:4px;font-size:.9rem;display:flex}.ctrade-form select,.ctrade-form input{background:var(--bg-panel);color:var(--text-bright);border:1px solid var(--border);padding:6px 8px;font-family:inherit}.ctrade-form button{cursor:pointer;background:var(--accent-gold,#d4a860);color:#111;border:none;align-self:flex-start;padding:8px 16px;font-weight:700}.ctrade-form button:disabled{opacity:.5;cursor:not-allowed}.ctrade-trade-split{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:10px;display:grid}.ctrade-col{border:1px dashed var(--border);border-radius:6px;min-height:140px;padding:8px;transition:background .12s,border-color .12s}.ctrade-col.drop-hover{border-color:var(--accent-gold,#d4a860);background:#d4a86014}.ctrade-col-head{color:var(--accent-gold,#d4a860);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.85rem}.ctrade-drag-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.ctrade-drag-list li{cursor:grab;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #0000;justify-content:space-between;align-items:center;padding:4px 8px;font-size:.9rem;display:flex}.ctrade-drag-list li:hover{background:#ffffff0f}.ctrade-drag-list li:active{cursor:grabbing}.ctrade-drag-list li.selected{border-color:var(--accent-gold,#d4a860);background:#d4a8601a}.ctrade-drag-list li.drop-row{border-color:var(--accent-gold,#d4a860);background:#d4a8602e}.ctrade-ask-inline{color:var(--text-muted);font-size:.8rem}.ctrade-trade-footer{flex-direction:column;grid-column:1/-1;gap:8px;display:flex}.ctrade-hint{color:var(--text-muted);margin:0;font-size:.85rem}.ctrade-form-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.ctrade-form-row label{flex-direction:column;flex:1;gap:4px;font-size:.85rem;display:flex}.ctrade-form-row select{background:var(--bg-panel);color:var(--text-bright);border:1px solid var(--border);padding:6px 8px;font-family:inherit}.ctrade-form-row button{background:var(--accent-gold,#d4a860);color:#111;cursor:pointer;border:none;padding:8px 16px;font-weight:700}.ctrade-form-row button:disabled{opacity:.5;cursor:not-allowed}.ctrade-fair{border:1px solid;border-radius:10px;padding:1px 8px;font-size:.8rem;display:inline-block}.fair-fair{color:#83d181}.fair-slight{color:#d4a860}.fair-overpriced{color:#e37c5a}.fair-gouging{color:#ef6b6b}.fair-unpriced{color:var(--text-muted);border-color:#0000}.companion-trade-btn{color:var(--accent-gold,#d4a860);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:3px;margin-top:4px;padding:2px 8px;font-size:.75rem}.companion-trade-btn:hover{background:var(--bg-hover,#ffffff0f)}.gameplay-view{flex-direction:column;height:100%;display:flex}.game-header{background:var(--bg-panel);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.game-title{font-family:var(--font-mono);color:var(--accent-gold);font-weight:700}.header-actions{gap:6px;display:flex}.header-actions button{background:var(--bg-input);border:1px solid var(--border);cursor:pointer;padding:4px 12px;font-size:12px}.header-actions button:disabled{opacity:.4;cursor:default}.header-actions button.active{background:var(--accent-gold,#d4a860);color:#1a1208;border-color:var(--accent-gold,#d4a860)}.game-layout{flex:1;display:flex;overflow:hidden}.game-main{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.game-main.dock-right{grid-template-columns:1fr var(--dock-right-width,420px);grid-template-rows:1fr auto;grid-template-areas:"log panel""action panel";display:grid}.game-main.dock-right>.game-log{grid-area:log;min-height:0}.game-main.dock-right>.floating-panel{grid-area:panel;min-width:0;min-height:0}.game-main.dock-right>.action-bar{grid-area:action}.game-main.snap-top-left{grid-template:"map log"55%"log log"1fr"action action"/45% 1fr;display:grid}.game-main.snap-top-right{grid-template:"log map"55%"log log"1fr"action action"/1fr 45%;display:grid}.game-main.snap-bottom-left{grid-template:"log log"1fr"map log"55%"action action"/45% 1fr;display:grid}.game-main.snap-bottom-right{grid-template:"log log"1fr"log map"55%"action action"/1fr 45%;display:grid}.game-main[class*=snap-]>.game-log{grid-area:log;min-height:0}.game-main[class*=snap-]>.floating-panel{grid-area:map;min-width:0;min-height:0}.game-main[class*=snap-]>.action-bar{grid-area:action}.snap-preview{pointer-events:none;z-index:90;background:#8b1e3f2e;border:2px dashed #8b1e3f99;border-radius:4px;width:45%;height:55%;transition:opacity .12s;position:absolute}.snap-preview.snap-top-left{top:0;left:0}.snap-preview.snap-top-right{top:0;right:0}.snap-preview.snap-bottom-left{bottom:0;left:0}.snap-preview.snap-bottom-right{bottom:0;right:0}@media (width<=768px){.game-layout{flex-direction:column}.game-main[class*=snap-],.game-main.dock-right{flex-direction:column;display:flex}.game-main[class*=snap-]>.game-log,.game-main[class*=snap-]>.floating-panel,.game-main[class*=snap-]>.action-bar,.game-main.dock-right>.game-log,.game-main.dock-right>.floating-panel,.game-main.dock-right>.action-bar{grid-area:auto}}