*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--surface: #0A0A06;--surface-container-low: #1c1c17;--surface-container: #14140f;--surface-container-high: #2a2820;--surface-container-highest: #36352f;--surface-bright: #45433a;--primary: #ffb95b;--primary-container: #C8820A;--on-primary: #1a1508;--on-primary-container: #fff3e0;--primary-dim: #8B5A00;--tertiary: #6B8B6B;--tertiary-light: #adcfab;--text-primary: #d4c5a9;--text-dim: #8B7355;--text-bright: #fff3e0;--outline-variant: rgba(82, 68, 53, .2);--architectural-border: #C8820A;--hp-green: #4a8a4a;--mp-blue: #4a6a8a;--danger: #c05050;--font-mono: "Space Grotesk", monospace}body{font-family:var(--font-mono);background:var(--surface);color:var(--text-primary);overflow:hidden;height:100vh}#root{height:100vh;display:flex;flex-direction:column}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.loading-blink:after{content:"▮";margin-left:4px;animation:cursor-blink .8s step-end infinite;color:var(--primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface-container-low)}::-webkit-scrollbar-thumb{background:var(--surface-container-highest)}button{font-family:var(--font-mono);cursor:pointer;border:none;border-radius:0;font-size:.875rem;letter-spacing:.5px;text-transform:uppercase;transition:filter .15s}button:disabled{opacity:.3;cursor:default}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-container) 100%);color:var(--on-primary);padding:12px 24px;font-weight:600;border-bottom:4px solid var(--primary-dim)}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-primary:active:not(:disabled){border-bottom-width:2px;transform:translateY(2px)}.btn-secondary{background:transparent;color:var(--primary);padding:10px 20px;border:2px solid var(--primary)}.btn-secondary:hover:not(:disabled){background:#ffb95b1a}.btn-ghost{background:transparent;color:var(--text-dim);padding:8px 16px}.btn-ghost:hover:not(:disabled){color:var(--primary)}input,select{font-family:var(--font-mono);padding:10px 14px;border:2px solid transparent;border-radius:0;background:var(--surface-container-highest);color:var(--text-primary);font-size:.875rem}input:focus,select:focus{outline:none;border-color:var(--primary)}.label{font-size:.75rem;color:var(--tertiary);text-transform:uppercase;letter-spacing:1px}.bar-track{height:8px;background:var(--surface-container-highest);position:relative;overflow:hidden}.bar-fill{height:100%;transition:width .3s ease;background:repeating-linear-gradient(90deg,var(--hp-green) 0px,var(--hp-green) 5px,transparent 5px,transparent 7px)}.bar-fill.mp{background:repeating-linear-gradient(90deg,var(--mp-blue) 0px,var(--mp-blue) 5px,transparent 5px,transparent 7px)}.bar-fill.danger{background:repeating-linear-gradient(90deg,var(--danger) 0px,var(--danger) 5px,transparent 5px,transparent 7px)}.bar-fill.xp{background:repeating-linear-gradient(90deg,#ffb95b 0px,#ffb95b 5px,transparent 5px,transparent 7px)}.loading-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--surface);color:var(--text-dim);font-family:var(--font-ui);letter-spacing:.1em}.auth-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--surface)}.auth-frame{width:400px;background:var(--surface-container-low);border:4px solid var(--architectural-border);padding:40px 36px 32px}.auth-title{font-size:3.5rem;font-weight:700;color:var(--primary);letter-spacing:4px;text-align:center;margin-bottom:2px}.auth-subtitle{font-size:.75rem;color:var(--tertiary);text-transform:uppercase;letter-spacing:4px;text-align:center;margin-bottom:32px}.auth-tab-row{display:flex;margin-bottom:24px}.auth-tab{flex:1;padding:10px 0;background:var(--surface-container);color:var(--text-dim);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;border:2px solid var(--surface-container-highest);cursor:pointer;transition:all .15s}.auth-tab.active{background:var(--surface-container-highest);color:var(--primary);border-color:var(--primary)}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field input{width:100%}.auth-error{color:var(--danger);font-size:.8rem;text-align:center}.auth-submit{width:100%;margin-top:8px;padding:14px 0;font-size:1rem;letter-spacing:3px}.auth-switch{text-align:center;margin-top:20px;font-size:.8rem;color:var(--text-dim)}.auth-switch .btn-ghost{font-size:.8rem;padding:4px 8px;color:var(--primary);text-transform:none}.start-screen{position:relative;height:100vh;display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:40px 20px;background:var(--surface)}.start-signout-btn{position:absolute;top:16px;right:20px;padding:6px 14px;background:transparent;color:var(--text-dim);font-size:.65rem;font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:2px;border:1px solid var(--surface-container-high);cursor:pointer;transition:all .1s}.start-signout-btn:hover{border-color:var(--architectural-border);color:var(--primary)}.start-title{font-size:3.5rem;font-weight:700;color:var(--primary);letter-spacing:2px;margin-bottom:4px}.start-subtitle{font-size:.75rem;color:var(--tertiary);text-transform:uppercase;letter-spacing:4px;margin-bottom:48px}.start-form{width:100%;max-width:720px;display:flex;flex-direction:column}.start-section{width:100%;max-width:720px;margin-bottom:32px}.start-section-header{font-size:.75rem;color:var(--tertiary);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--architectural-border)}.map-grid{display:flex;flex-direction:column;gap:8px}.map-card{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--surface-container-low);cursor:pointer;transition:background .15s;border:2px solid transparent}.map-card:hover{background:var(--surface-container-high)}.map-card.selected{border-color:var(--primary);background:var(--surface-container-high)}.map-card-name{font-size:1rem;font-weight:600;color:var(--text-bright)}.map-card-meta{font-size:.75rem;color:var(--text-dim)}.class-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.class-card{padding:14px 16px;background:var(--surface-container-low);cursor:pointer;transition:background .15s;border:2px solid transparent}.class-card:hover{background:var(--surface-container-high)}.class-card.selected{border-color:var(--primary);background:var(--surface-container-high)}.class-card-name{font-size:1rem;font-weight:600;color:var(--text-bright);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.class-card-desc{font-size:.75rem;color:var(--text-dim);line-height:1.4;margin-bottom:8px}.class-card-stats{font-size:.7rem;color:var(--tertiary);display:flex;gap:10px}.name-row{display:flex;gap:12px;align-items:center}.name-row input{flex:1;max-width:300px}.start-action{display:flex;justify-content:center;margin-top:12px}.start-action .btn-primary{padding:16px 48px;font-size:1.1rem;letter-spacing:2px}.start-empty{padding:40px;text-align:center;color:var(--text-dim);font-size:.875rem;background:var(--surface-container-low)}.start-error{color:var(--danger);font-size:.875rem;text-align:center;margin-top:8px}.inn-screen{height:100vh;position:relative;display:flex;flex-direction:column}.inn-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/tavern.png) center/cover no-repeat;z-index:0}.inn-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a06c7;z-index:1}.inn-content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;padding:24px;overflow:hidden}.inn-header{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--architectural-border)}.inn-title{font-size:2rem;font-weight:700;color:var(--primary);letter-spacing:2px;flex-shrink:0}.inn-header-invite{display:flex;align-items:center;gap:10px;flex:1;justify-content:center}.inn-header-invite-label{font-size:.7rem;color:var(--tertiary);text-transform:uppercase;letter-spacing:1px;flex-shrink:0}.inn-header-invite-code{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;color:var(--primary);letter-spacing:3px;-webkit-user-select:all;user-select:all}.inn-header-invite-copy{background:var(--surface-container-highest);color:var(--primary);border:2px solid var(--architectural-border);padding:4px 12px;font-size:.7rem;font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;flex-shrink:0}.inn-header-invite-copy:hover{background:#ffb95b26}.inn-code{font-size:.875rem;color:var(--text-dim);flex-shrink:0}.inn-code span{color:var(--primary);font-weight:600}.inn-body{flex:1;display:flex;gap:20px;overflow:hidden}.inn-party{width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:8px}.inn-party-title{font-size:.75rem;color:var(--tertiary);text-transform:uppercase;letter-spacing:2px;margin-bottom:4px}.inn-player{padding:10px 12px;background:#1c1c17cc;border:2px solid var(--surface-container-highest)}.inn-player.leader{border-color:var(--architectural-border)}.inn-player.self{background:#28200ccc}.inn-player.empty{background:#14140f80;border-style:dashed;opacity:.55}.inn-player-name{font-size:.875rem;font-weight:600;color:var(--text-bright);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.inn-player-name.empty{color:var(--text-dim);font-weight:500;font-style:italic}.inn-player-meta{font-size:.7rem;color:var(--tertiary);text-transform:uppercase;letter-spacing:1px;margin-top:4px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.inn-player-tag{font-size:.6rem;color:var(--primary-container);text-transform:uppercase;letter-spacing:1px;padding:1px 5px;background:var(--surface-container);border:1px solid var(--surface-container-highest);margin-left:auto}.inn-player-meta .inn-player-tag{margin-left:0}.inn-player-tag.leader-tag{color:var(--on-primary);background:var(--primary-container);border-color:var(--primary)}.inn-player-tag.you-tag{color:var(--primary);border-color:var(--primary);background:transparent}.reroll-btn{margin-left:auto;background:transparent;border:none;cursor:pointer;font-size:.85rem;padding:0 2px;line-height:1;opacity:.75;transition:opacity .15s}.reroll-btn:hover:not(:disabled){opacity:1}.reroll-btn:disabled{cursor:default;opacity:.4}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reroll-spinning{animation:spin .5s linear infinite;display:inline-block}.reroll-msg{font-size:.65rem;color:var(--tertiary);margin-top:2px}.invite-banner{background:#1c1c17e0;border:2px solid var(--architectural-border);padding:14px 20px 16px;margin-bottom:18px}.invite-banner-label{font-size:.7rem;color:var(--tertiary);text-transform:uppercase;letter-spacing:3px;margin-bottom:6px}.invite-banner-row{display:flex;align-items:center;gap:20px}.invite-banner-code{font-family:var(--font-mono);font-size:2.25rem;font-weight:700;color:var(--primary);letter-spacing:6px;flex:1;-webkit-user-select:all;user-select:all}.invite-copy{padding:10px 20px;min-width:100px;font-size:.8rem}.invite-banner-hint{margin-top:8px;font-size:.7rem;color:var(--text-dim);letter-spacing:1px;text-transform:uppercase}.inn-error{color:var(--danger);font-size:.8rem;text-align:center;padding:6px 0}.inn-waiting{font-size:.8rem;color:var(--tertiary);text-transform:uppercase;letter-spacing:2px;padding:18px 0}.inn-chat{flex:1;display:flex;flex-direction:column;background:#14140fb3;border:2px solid var(--surface-container-highest);overflow:hidden}.inn-chat-header{padding:10px 14px;font-size:.75rem;color:var(--tertiary);text-transform:uppercase;letter-spacing:2px;border-bottom:2px solid var(--surface-container-highest)}.inn-chat-messages{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.inn-chat-input{display:flex;border-top:2px solid var(--surface-container-highest)}.inn-chat-input input{flex:1;background:var(--surface-container-low);border:none;padding:10px 14px}.inn-chat-send{background:var(--surface-container-highest);color:var(--primary);border:none;padding:0 14px;font-family:inherit;font-size:.8rem;cursor:pointer;letter-spacing:.05em}.inn-chat-send:hover:not(:disabled){background:#ffb95b26}.inn-chat-send:disabled{opacity:.35;cursor:default}.chat-msg{font-size:.8rem;line-height:1.5}.chat-msg.system{color:var(--primary);text-align:center;font-size:.75rem;letter-spacing:1px;text-transform:uppercase;padding:4px 0}.chat-msg .chat-sender{font-weight:600;color:var(--tertiary-light);margin-right:6px}.chat-msg .chat-sender.human{color:var(--primary)}.chat-msg.ai-thinking{opacity:.6;animation:thinking-pulse 1s ease-in-out infinite}@keyframes thinking-pulse{0%,to{opacity:.4}50%{opacity:.9}}.inn-footer{display:flex;align-items:center;justify-content:space-between;padding-top:20px}.leave-btn{padding:10px 24px;font-size:.8rem;letter-spacing:1px}.descend-btn{padding:18px 64px;font-size:1.2rem;letter-spacing:4px;font-weight:700}.game-screen{height:100vh;display:grid;grid-template-columns:180px 1fr 220px;grid-template-rows:1fr auto;background:var(--surface)}.party-panel{grid-row:1 / 2;grid-column:1;background:var(--surface-container-low);border-right:4px solid var(--architectural-border);display:flex;flex-direction:column;overflow:hidden;padding:0}.party-slot{flex:1;min-height:0;display:flex;flex-direction:column;padding:0;background:var(--surface-container);border-bottom:2px solid var(--surface-container-highest);overflow:hidden}.party-slot.is-leader{border-left:3px solid var(--architectural-border)}.party-slot-tag{font-size:.6rem;color:var(--primary-container);text-transform:uppercase;letter-spacing:1px}.party-slot-meta{display:flex;align-items:center;justify-content:space-between;padding:2px 8px}.party-slot-class{font-size:.65rem;color:var(--tertiary);text-transform:uppercase;letter-spacing:1px}.party-slot-bar{display:flex;align-items:center;gap:4px;margin-bottom:1px;padding:0 8px}.party-slot-bar .label{font-size:.6rem;width:18px;flex-shrink:0}.party-slot-bar .bar-track{flex:1;height:6px}.party-slot-bar .bar-value{font-size:.55rem;color:var(--text-dim);width:40px;text-align:right;flex-shrink:0}.party-slot-gold-value{font-size:.65rem;color:var(--primary);margin-left:auto;flex-shrink:0;letter-spacing:.5px}.party-slot-info{padding:4px 8px 6px}.party-kick-btn{margin:4px 8px 6px;padding:4px 6px;background:transparent;border:2px solid #C8820A;color:#c8820a;font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;cursor:pointer;pointer-events:auto}.party-kick-btn:hover:not(:disabled){background:#c8820a26}.party-kick-btn:disabled{opacity:.4;cursor:not-allowed}.party-portrait{position:relative;flex:1;min-height:0;background:#0a0a06;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:2px solid var(--surface-container-highest)}.party-portrait:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #ffb95b;box-shadow:inset 0 0 20px #ffb95b66;opacity:0;pointer-events:none;z-index:10;transition:opacity .3s ease}.party-portrait.speaking:after{animation:portraitSpeakingGlow 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes portraitSpeakingGlow{0%,to{opacity:.4}50%{opacity:1}}.party-portrait-name{position:absolute;bottom:0;left:0;right:0;font-family:var(--font-mono);font-size:.6rem;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:1px;text-align:center;padding:2px 4px;background:#0a0a06b8;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-portrait video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.party-slot-tags{display:flex;gap:4px}.party-self-strip{flex-shrink:0;background:var(--surface-container-low);border-top:3px solid var(--architectural-border);padding:6px 8px 8px}.party-self-strip-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.party-self-name{font-family:var(--font-mono);font-size:.65rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:1px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-self-class{font-size:.6rem;color:var(--tertiary);text-transform:uppercase;letter-spacing:1px;flex-shrink:0}.viewport{grid-row:1 / 2;grid-column:2;background:#000;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;isolation:isolate}.viewport img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:auto}.viewport-svg{width:100%;height:100%}.viewport-svg svg{width:100%;height:100%;display:block}.viewport-placeholder{color:var(--text-dim);font-size:.875rem;text-transform:uppercase;letter-spacing:2px;border:2px solid var(--surface-container-highest);padding:24px 32px}.viewport-facing{position:absolute;top:8px;left:50%;transform:translate(-50%);font-size:.7rem;color:var(--primary);background:#0a0a06b3;padding:4px 12px;text-transform:uppercase;letter-spacing:2px}.viewport-chat-overlay{position:absolute;top:36px;left:0;right:0;display:flex;flex-direction:column;gap:4px;padding:0 12px;pointer-events:none;z-index:10}.viewport-chat-line{font-family:Space Grotesk,monospace;font-size:13px;color:#ffb95b;background:#0a0804b8;padding:3px 8px;border-left:2px solid #C8820A;opacity:1;transition:opacity .5s ease;max-width:fit-content}.viewport-chat-line.fading{opacity:0}.viewport-chat-sender{color:#c8820a;font-weight:600}.minimap-widget{flex-shrink:0;background:#000;border-bottom:2px solid var(--architectural-border);display:flex;flex-direction:column}.minimap-label{font-size:.6rem;color:var(--tertiary);text-transform:uppercase;letter-spacing:2px;padding:6px 10px 4px;border-bottom:1px solid var(--surface-container-highest)}.minimap-svg-wrap{width:100%;aspect-ratio:4 / 1;max-height:50px;overflow:hidden}.chat-panel{grid-row:1 / 2;grid-column:3;background:var(--surface-container-low);border-left:4px solid var(--architectural-border);display:flex;flex-direction:column;overflow:hidden}.chat-panel-title{font-size:.7rem;color:var(--tertiary);text-transform:uppercase;letter-spacing:2px;padding:10px 10px 8px;border-bottom:2px solid var(--surface-container-highest)}.chat-messages{flex:1;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.chat-input-row{display:flex;border-top:2px solid var(--surface-container-highest)}.chat-input-row input{flex:1;background:var(--surface-container);border:none;padding:8px 10px;font-size:.75rem}.unified-toolbar{grid-row:2;grid-column:1 / -1;display:flex;align-items:center;background:var(--surface-container-low);border-top:4px solid var(--architectural-border);min-height:82px;padding:0}.tb-movement{display:flex;align-items:center;justify-content:center;flex-shrink:0}.tb-nav-grid{display:grid;grid-template-columns:repeat(3,66px);grid-template-rows:repeat(2,30px);gap:3px}.tb-nav-grid .tb-nav-btn:nth-child(1){grid-column:2;grid-row:1}.tb-nav-grid .tb-nav-btn:nth-child(2){grid-column:1;grid-row:2}.tb-nav-grid .tb-nav-btn:nth-child(3){grid-column:2;grid-row:2}.tb-nav-grid .tb-nav-btn:nth-child(4){grid-column:3;grid-row:2}.tb-nav-btn{display:flex;align-items:center;justify-content:center;background:var(--surface-container-high);color:var(--text-dim);font-size:.7rem;font-weight:600;font-family:var(--font-mono);cursor:pointer;border:2px solid var(--surface-container-highest);text-transform:uppercase;letter-spacing:.5px;transition:all .1s;padding:0;white-space:nowrap}.tb-nav-btn:hover:not(:disabled){background:var(--surface-bright);color:var(--text-primary);border-color:var(--primary-container)}.tb-nav-btn.tb-forward{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-container) 100%);color:var(--on-primary);font-size:.9rem;border-color:var(--primary-dim)}.tb-nav-btn.tb-forward:hover:not(:disabled){filter:brightness(1.15)}.tb-nav-btn:disabled{opacity:.3;cursor:not-allowed}.tb-floor-info{display:flex;flex-direction:column;gap:3px;padding:10px 14px;flex-shrink:0;border-right:2px solid var(--surface-container-highest);align-self:stretch;justify-content:center}.tb-stat{display:grid;grid-template-columns:44px 1fr;align-items:baseline;line-height:1}.tb-stat-label{font-size:.6rem;color:var(--tertiary);text-transform:uppercase;letter-spacing:1.5px;font-family:var(--font-mono);text-align:left}.tb-stat-value{font-size:.78rem;color:var(--primary);font-weight:700;font-family:var(--font-mono);text-align:right}.tb-player-status{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:10px 14px;min-width:220px;flex-shrink:0;border-right:2px solid var(--surface-container-highest);align-self:stretch}.tb-status-label{font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--tertiary);margin-bottom:2px}.tb-status-label.my-turn{color:var(--primary)}.tb-status-label.fallen{color:var(--danger)}.tb-status-label.idle{color:var(--text-dim)}.tb-stat-bar{display:flex;align-items:center;gap:6px}.tb-stat-bar .label{font-family:var(--font-mono);font-size:.6rem;color:var(--tertiary);text-transform:uppercase;letter-spacing:1.5px;width:34px;flex-shrink:0}.tb-stat-bar .bar-track{flex:1;height:8px}.tb-stat-bar .bar-value{font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim);width:56px;text-align:right;flex-shrink:0}.tb-stat-bar.tb-stat-gold .bar-track{display:none}.tb-stat-gold-value{font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--primary);letter-spacing:1px;margin-left:auto}.tb-spacer{flex:1}.tb-center-cluster{display:flex;align-items:center;flex-shrink:0;padding:10px 14px}.tb-cluster-sep{width:2px;height:44px;background:var(--surface-container-highest);flex-shrink:0;margin:0 10px}.tb-abilities{display:flex;align-items:center;gap:6px;flex-shrink:0}.tb-ability-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:82px;height:52px;flex-shrink:0;padding:0;background:var(--surface-container-high);color:var(--text-dim);border:2px solid var(--surface-container-highest);font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .1s}.tb-ability-btn.can-act{color:var(--primary);border-color:var(--architectural-border);background:var(--surface-container-highest)}.tb-ability-btn.can-act:hover{background:var(--surface-bright);filter:brightness(1.1)}.tb-ability-btn:disabled{cursor:default}.tb-ability-btn.acting{opacity:.5;filter:saturate(.6)}.tb-ability-label{font-size:.7rem;line-height:1}.tb-mp-cost{font-size:.58rem;color:var(--mp-blue);letter-spacing:.5px;text-transform:lowercase;font-weight:400}.tb-potions{display:flex;align-items:center;gap:6px;padding:10px 14px;flex-shrink:0;border-right:2px solid var(--surface-container-highest);align-self:stretch;justify-content:center}.tb-potion-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 10px;min-width:72px;height:52px;background:var(--surface-container-high);color:var(--text-dim);border:2px solid var(--surface-container-highest);font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .1s}.tb-potion-btn:not(:disabled):hover{color:var(--primary);border-color:var(--architectural-border);background:var(--surface-container-highest)}.tb-potion-label{font-size:.6rem;font-weight:600;line-height:1}.tb-potion-count{font-size:.82rem;color:var(--primary);font-weight:700;line-height:1}.tb-potion-count.empty{color:var(--text-dim)}.tb-leave{display:flex;align-items:center;justify-content:center;padding:10px 16px;flex-shrink:0;align-self:stretch}.tb-leave-btn{padding:0 14px;height:40px;background:transparent;color:var(--text-dim);font-size:.65rem;font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:2px;border:2px solid var(--surface-container-highest);cursor:pointer;transition:all .1s;white-space:nowrap}.tb-leave-btn:hover:not(:disabled){border-color:#c0392b;color:#c0392b}.tb-leave-btn:disabled{opacity:.4;cursor:not-allowed}.tb-mute{display:flex;align-items:center;justify-content:center;padding:10px 0;flex-shrink:0;align-self:stretch}.tb-mute-btn{padding:0 14px;height:40px;background:transparent;color:var(--text-dim);font-size:.65rem;font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:2px;border:2px solid var(--surface-container-highest);cursor:pointer;transition:all .1s;white-space:nowrap}.tb-mute-btn:hover{border-color:var(--amber-accent, #ffb95b);color:var(--amber-accent, #ffb95b)}.tb-mute-btn[aria-pressed=true]{color:var(--text-dim);opacity:.7}.confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#0a0a06e0}.confirm-frame{width:420px;background:var(--surface-container-low);border:4px solid var(--architectural-border);padding:32px 36px 28px}.confirm-title{font-size:1.5rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:3px;margin-bottom:16px}.confirm-body{font-size:.85rem;color:var(--text-dim);line-height:1.6;margin-bottom:28px}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-btn-cancel{padding:10px 20px;background:var(--surface-container);color:var(--text-dim);font-size:.75rem;font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:2px;border:2px solid var(--surface-container-highest);cursor:pointer;transition:all .1s}.confirm-btn-cancel:hover{background:var(--surface-container-high);color:var(--text-primary)}.confirm-btn-cancel:disabled{opacity:.4;cursor:not-allowed}.confirm-btn-end{padding:10px 20px;background:var(--architectural-border);color:#0a0a06;font-size:.75rem;font-family:var(--font-mono);font-weight:700;text-transform:uppercase;letter-spacing:2px;border:2px solid var(--architectural-border);cursor:pointer;transition:all .1s}.confirm-btn-end:hover{filter:brightness(1.15)}.confirm-btn-end:disabled{opacity:.5;cursor:not-allowed;filter:none}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0a0a06eb}.help-frame{width:680px;max-height:85vh;overflow-y:auto;background:var(--surface-container-low);border:4px solid var(--architectural-border);padding:32px 36px}.help-title{font-size:2rem;font-weight:700;color:var(--primary);letter-spacing:3px;text-align:center;margin-bottom:4px}.help-subtitle{font-size:.7rem;color:var(--tertiary);text-transform:uppercase;letter-spacing:4px;text-align:center;margin-bottom:28px}.help-section{margin-bottom:24px}.help-section-title{font-size:.85rem;color:var(--primary);font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;padding-bottom:4px;border-bottom:2px solid var(--surface-container-highest)}.help-section p,.help-section li{font-size:.8rem;color:var(--text-primary);line-height:1.7;margin-bottom:4px}.help-section ul{list-style:none;padding:0}.help-section li:before{content:"▸";color:var(--primary-container)}.help-key{display:inline-block;background:var(--surface-container-highest);color:var(--text-bright);padding:1px 7px;font-size:.75rem;font-weight:600;margin:0 2px;border-bottom:2px solid var(--surface-bright)}.help-formula{font-family:var(--font-mono);color:var(--tertiary-light);background:var(--surface-container);padding:8px 12px;margin:6px 0;font-size:.75rem}.help-close{display:flex;justify-content:center;margin-top:24px}.floor-complete{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface)}.floor-frame{text-align:center;padding:48px 64px;border:4px solid var(--architectural-border);background:var(--surface-container-low);min-width:420px}.floor-title{font-size:2.5rem;font-weight:700;color:var(--primary);letter-spacing:4px;margin-bottom:8px}.floor-sub{font-size:.75rem;color:var(--tertiary);text-transform:uppercase;letter-spacing:3px;margin-bottom:32px}.floor-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:36px}.floor-stat{display:flex;justify-content:space-between;align-items:center;padding:0 24px}.floor-stat .label{font-size:.8rem}.floor-stat .value{font-size:1.1rem;font-weight:600;color:var(--text-bright)}.combat-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;display:flex;flex-direction:column;align-items:center}.combat-countdown-track{width:100%;height:8px;background:var(--surface-container-highest);overflow:hidden}.combat-countdown-fill{height:100%;background:var(--primary, #ffb95b);transition:background-color .2s linear}.combat-countdown-fill.urgent{background:#c33}.combat-monster-strip{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:36px;width:260px}.combat-monster-block{width:100%;display:flex;flex-direction:column;align-items:center;gap:3px}.combat-monster-name{font-size:.8rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:3px;background:#0a0a06d1;padding:3px 14px}.combat-monster-hp-track{width:100%;height:14px;background:var(--surface-container-highest);border:2px solid var(--architectural-border);position:relative;overflow:hidden}.combat-monster-hp-fill{height:100%;background:repeating-linear-gradient(90deg,var(--primary-container) 0px,var(--primary-container) 5px,rgba(200,130,10,.5) 5px,rgba(200,130,10,.5) 7px);transition:width .4s ease}.combat-monster-hp-text{position:absolute;right:5px;top:50%;transform:translateY(-50%);font-size:.62rem;font-weight:700;color:var(--text-bright);line-height:1}.combat-sprite-container{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:220px}.combat-monster-sprite{width:100%;height:auto;display:block;image-rendering:auto;filter:drop-shadow(0 4px 24px rgba(200,130,10,.5))}@keyframes combat-ai-fade-in{0%{opacity:0}to{opacity:1}}.combat-ai-waiting{position:absolute;bottom:30px;left:50%;transform:translate(-50%);font-family:Space Mono,monospace;font-size:.7rem;color:var(--primary);letter-spacing:2px;background:#0a0a06e0;padding:5px 18px;white-space:nowrap;animation:combat-ai-fade-in .35s ease forwards;border:2px solid var(--architectural-border)}.combat-turn-group{position:absolute;bottom:6px;left:50%;transform:translate(-50%);display:inline-flex;flex-direction:column}.combat-turn-label{font-size:.65rem;color:var(--primary);text-transform:uppercase;letter-spacing:3px;background:#0a0a06d1;padding:4px 14px;white-space:nowrap;text-align:center}@keyframes combat-error-flash-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.combat-error-flash{position:absolute;bottom:58px;left:50%;transform:translate(-50%);max-width:560px;padding:6px 16px;background:#0a0a06eb;border:2px solid var(--danger);color:var(--danger);font-family:Space Mono,monospace;font-size:.7rem;letter-spacing:2px;text-transform:uppercase;text-align:center;text-shadow:0 0 6px rgba(192,80,80,.35);animation:combat-error-flash-in .22s ease forwards;z-index:20;pointer-events:none}.combat-victory-flash{margin-top:80px;font-size:2.5rem;font-weight:700;color:var(--primary);letter-spacing:6px;text-transform:uppercase;text-shadow:0 0 20px rgba(255,185,91,.7)}.desktop-warning-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0a0a06eb}.desktop-warning-frame{background:var(--surface-container-low, #1a1a10);border:4px solid var(--architectural-border, #C8820A);padding:36px 40px 32px;max-width:380px;width:90vw}.desktop-warning-msg{font-family:var(--font-primary, "Space Grotesk", sans-serif);font-size:1.1rem;font-weight:700;color:var(--primary, #ffb95b);text-transform:uppercase;letter-spacing:2px;margin:0 0 28px;line-height:1.4}.desktop-warning-actions{display:flex;gap:12px}.desktop-warning-btn{flex:1;padding:12px 0;background:var(--architectural-border, #C8820A);color:#0a0a06;font-family:var(--font-mono, monospace);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;border:2px solid var(--architectural-border, #C8820A);cursor:pointer;transition:filter .1s;min-height:44px}.desktop-warning-btn:hover{filter:brightness(1.15)}@media (max-width: 944px){.unified-toolbar{flex-wrap:wrap;height:auto;min-height:unset;align-items:flex-start;padding:6px 0;overflow-x:hidden}.tb-center-cluster{flex-wrap:wrap;width:100%;order:0;padding:6px 8px}.tb-movement{flex-shrink:0}.tb-abilities{flex-wrap:wrap;gap:4px}.tb-ability-btn{min-height:44px;height:auto;padding:6px 8px;width:auto;min-width:64px}.tb-spacer{display:none}.tb-potions{order:1;border-right:none;border-top:2px solid var(--surface-container-highest);align-self:auto;width:auto;flex-wrap:wrap;gap:4px;padding:6px 8px}.tb-potion-btn{height:auto;min-height:44px;padding:6px 10px}.tb-mute{order:2;padding:6px 8px;align-self:auto}.tb-mute-btn{min-height:44px}.tb-leave{order:3;padding:6px 8px;align-self:auto}.tb-leave-btn{min-height:44px;height:auto;padding:0 14px}.tb-nav-grid{grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,44px)}}@media (max-width: 944px){.inn-screen{height:auto;min-height:100vh;overflow-y:auto}.inn-content{overflow:visible;padding:16px}.inn-header{flex-wrap:wrap;gap:10px}.inn-header-invite{flex-wrap:wrap;justify-content:flex-start;flex:none;width:100%}.inn-body{flex-direction:column;overflow:visible;gap:12px}.inn-party{width:100%}.inn-chat{min-height:240px;height:300px}.inn-footer{flex-wrap:wrap;gap:10px;padding-top:14px}.leave-btn,.descend-btn,.inn-header-invite-copy,.invite-copy,.inn-chat-send{min-height:44px}.descend-btn{padding:12px 32px;width:100%}.inn-player{padding:12px}}