@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;800&family=Space+Mono:wght@400;700&display=swap";:root{color-scheme:light;--display-font: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--body-font: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--bg-0: #fdf5e6;--bg-1: #f7eddc;--bg-2: #efe5d2;--ink-0: #2f261d;--ink-1: #6f6053;--line: rgba(127, 140, 141, .24);--panel: rgba(253, 245, 230, .86);--panel-strong: rgba(253, 245, 230, .96);--brand: #e67e22;--brand-soft: #f8d8b8;--accent: #7f8c8d;--accent-soft: #dde3e3;--tertiary: #2ecc71;--danger: #c0392b;--shadow: 0 18px 48px rgba(83, 65, 48, .14);--viewport-height: 100vh}@supports (height: 100dvh){:root{--viewport-height: 100dvh}}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--body-font);color:var(--ink-0);background:radial-gradient(circle at top left,rgba(234,88,12,.18),transparent 26%),radial-gradient(circle at top right,rgba(46,204,113,.16),transparent 24%),linear-gradient(160deg,var(--bg-0),var(--bg-1) 44%,var(--bg-2))}#root{min-height:100vh}.app-shell{max-width:1840px;margin:0 auto;padding:1.2rem;animation:fadeIn .32s ease}.app-shell-board{max-width:none;padding:.75rem;color:var(--ink-0)}.hero,.panel{border:1px solid var(--line);border-radius:1.35rem;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.hero{display:flex;justify-content:space-between;gap:1rem;padding:1.4rem 1.5rem;margin-bottom:1rem;background:linear-gradient(135deg,#fffffff5,#fff3d6eb),linear-gradient(135deg,rgba(46,204,113,.08),transparent)}.eyebrow,.section-kicker,.hero h1,h2,h3,h4,.hud-logo{font-family:var(--display-font)}.hero h1,h2,h3,h4{letter-spacing:0}.eyebrow,.section-kicker{letter-spacing:.02em}.hero-copy{max-width:42rem;margin:.55rem 0 0;color:var(--ink-1)}.hero-chips{display:flex;gap:.55rem;align-items:flex-start;flex-wrap:wrap;justify-content:flex-end}.hero-action{width:auto}.hero-chip,.status-pill,.tag{display:inline-flex;align-items:center;gap:.35rem;min-height:2rem;padding:.4rem .8rem;border-radius:999px;border:1px solid var(--line);background:#ffffffe6;font-size:.82rem;font-weight:700}.status-pill{color:var(--brand);background:var(--brand-soft)}.status-idle,.status-closed{color:#475569;background:#7f8c8d2e}.status-connecting{color:#a16207;background:#e67e2233}.status-connected{color:var(--brand);background:var(--brand-soft)}.status-error{color:#991b1b;background:#fee2e2}.product-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:1rem;align-items:start;position:relative}.lobby-screen{max-width:1320px;margin:0 auto}.lobby-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:start}.panel{padding:1rem}.stage-panel{min-height:calc(var(--viewport-height) - 9rem)}.board-screen{min-height:calc(var(--viewport-height) - 2rem)}.app-shell-board .board-screen{height:calc(var(--viewport-height) - 1.5rem);min-height:0;overflow:hidden;padding:.75rem;border-radius:1.35rem;border:1px solid rgba(127,140,141,.28);background:radial-gradient(circle at 15% 12%,rgba(230,126,34,.14),transparent 30%),radial-gradient(circle at 82% 5%,rgba(46,204,113,.13),transparent 28%),linear-gradient(165deg,#f7eddc,#f2e8d5 42%,#ebe0cc);box-shadow:0 22px 60px #4a3a2b2e}.board-hud-layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr) minmax(260px,360px);gap:.85rem;align-items:stretch;height:100%}.hud-panel{display:grid;gap:.75rem;align-content:start;min-height:0}.hud-left,.hud-right{min-width:0;overflow:auto}.hud-brand{border-radius:1rem;padding:.95rem 1rem;border:1px solid rgba(230,126,34,.34);background:linear-gradient(120deg,#fdf5e6fa,#f8d8b85c)}.hud-logo{margin:0;font-family:Space Mono,monospace;font-size:1.7rem;letter-spacing:.04em;font-weight:700;color:var(--ink-0)}.hud-subline{margin:.2rem 0 0;color:#6f6053e0;font-size:.86rem}.hud-card{border-radius:1rem;border:1px solid rgba(127,140,141,.28);background:linear-gradient(165deg,#fdf5e6fa,#f7eddceb);box-shadow:0 12px 22px #53413021;padding:.85rem}.hud-pill-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:.2rem 0 .7rem}.hud-scroll-card{max-height:40vh;overflow:auto}.invite-controls{display:grid;gap:.55rem;margin-top:.55rem}.invite-controls input{font-size:.78rem}.hud-feed-list,.scoreboard-list,.property-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.hud-feed-list li{display:grid;gap:.2rem;border-radius:.72rem;border:1px solid rgba(127,140,141,.3);background:#f8efdff5;padding:.55rem;font-size:.8rem}.hud-feed-list li span:first-child{color:#7f8c8deb;font-family:Space Mono,monospace;font-size:.67rem}.hud-muted-copy{margin:0;color:var(--ink-1);font-size:.86rem;line-height:1.4}.chat-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem;max-height:12rem;overflow:auto;align-content:start}.chat-row{display:grid;gap:.22rem;width:fit-content;max-width:86%;padding:.55rem .7rem;border:1px solid rgba(127,140,141,.3);border-radius:1rem;background:#f8efdff5;word-break:break-word}.chat-row-other{justify-self:start;border-bottom-left-radius:.35rem}.chat-row-self{justify-self:end;border-color:#2ecc7157;border-bottom-right-radius:.35rem;background:#dcfce7f5}.chat-list p{margin:0;font-size:.83rem;line-height:1.35;color:var(--ink-0)}.chat-empty{color:var(--ink-1);font-size:.82rem;text-align:center}.chat-meta{display:flex;justify-content:space-between;gap:.5rem;color:var(--ink-1);font-size:.72rem;font-family:Space Mono,monospace}.chat-meta-self{justify-content:flex-end}.chat-meta-other{justify-content:space-between}.chat-form{margin-top:.55rem;display:grid;gap:.5rem}.socket-diag-fold{margin-top:.45rem}.socket-diag-fold summary{cursor:pointer;font-size:.78rem;color:var(--ink-1);font-weight:700;-webkit-user-select:none;user-select:none}.socket-diag-fold[open] summary{margin-bottom:.2rem}.socket-diag-list{list-style:none;margin:.45rem 0 0;padding:0;display:grid;gap:.4rem}.socket-diag-item{border:1px solid rgba(127,140,141,.3);border-radius:.72rem;background:#f8efdff5;padding:.5rem;display:grid;gap:.2rem}.socket-diag-item p{margin:0;color:var(--ink-1);font-size:.72rem;line-height:1.35;word-break:break-word}.socket-diag-meta{display:flex;justify-content:space-between;gap:.5rem;font-family:Space Mono,monospace;color:var(--ink-1);font-size:.67rem}.socket-diag-close{border-left:3px solid rgba(230,126,34,.9)}.socket-diag-error{border-left:3px solid rgba(192,57,43,.86)}.socket-diag-empty{border:1px dashed rgba(127,140,141,.4);border-radius:.72rem;padding:.45rem;text-align:center;color:var(--ink-1);font-size:.76rem}.hud-board-center{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto}.board-topbar-rich{margin-bottom:.65rem}.board-frame-rich{border:0;background:transparent}.app-shell-board .section-kicker{color:var(--brand)}.app-shell-board .hero-chip,.app-shell-board .status-pill,.app-shell-board .tag{border-color:#7f8c8d61;background:#fdf5e6f5;color:var(--ink-0)}.app-shell-board .status-idle,.app-shell-board .status-closed,.app-shell-board .status-connecting,.app-shell-board .status-connected,.app-shell-board .status-error{color:var(--ink-0)}.app-shell-board button{background:linear-gradient(135deg,#e67e22,#c56e1f);box-shadow:0 12px 22px #96521538}.app-shell-board button:hover:not(:disabled){box-shadow:0 14px 26px #96521552}.app-shell-board .button-secondary{color:var(--ink-0);border:1px solid rgba(127,140,141,.45);background:linear-gradient(140deg,#fdf5e6fa,#ede4d1eb)}.board-control-card-rich{border-color:#7f8c8d59;background:linear-gradient(140deg,#fdf5e6fa,#f3e9d6f0);color:var(--ink-0)}.board-control-card-rich .spotlight-stats span,.board-control-card-rich .spotlight-stats strong{color:var(--ink-0)}.score-row{display:flex;justify-content:space-between;align-items:center;gap:.6rem;border-radius:.72rem;border:1px solid rgba(127,140,141,.35);background:#fdf5e6f0;padding:.56rem .62rem;color:var(--ink-0)}.score-row-self{border-color:#2ecc71ad;box-shadow:inset 0 0 0 1px #2ecc7161}.score-row-turn{border-color:#e67e2285;box-shadow:inset 0 0 0 1px #e67e2238}.score-row-bankrupt{opacity:.62}.score-player-meta{display:grid;gap:.3rem;min-width:0}.score-player{font-weight:700}.score-badges{display:flex;flex-wrap:wrap;gap:.35rem}.score-turn-badge{color:#9a3412;background:#fbbf2438}.score-bankrupt-badge{color:#991b1b;background:#fee2e2f5}.property-list li{display:flex;justify-content:space-between;align-items:center;gap:.6rem;border-radius:.72rem;border:1px solid rgba(127,140,141,.35);background:#fdf5e6f0;padding:.56rem .62rem;font-size:.82rem}.item-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.item-list li{display:flex;justify-content:space-between;align-items:center;gap:.55rem;border-radius:.72rem;border:1px solid rgba(127,140,141,.35);background:#fdf5e6f0;padding:.52rem .62rem;font-size:.82rem}.item-row-selected{border-color:#e67e228f;box-shadow:inset 0 0 0 1px #e67e2238;background:linear-gradient(135deg,#fff8ebfa,#f8d8b866)}.item-row-auto{border-style:dashed}.item-select-button{width:auto;min-width:4.2rem;padding:.42rem .66rem;border-radius:.62rem}.item-select-button-active{border-color:#e67e226b;background:linear-gradient(135deg,#f8d8b8f2,#fffffffa);box-shadow:inset 0 0 0 1px #e67e2238}.item-help-warning{color:#8a5a1f}.item-use-form{margin-top:.65rem;display:grid;gap:.55rem}.board-topbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:.9rem}.section-heading{display:flex;justify-content:space-between;gap:.85rem;align-items:flex-start;margin-bottom:.9rem}h2{font-size:1.2rem;letter-spacing:-.02em}h3{font-size:1rem}h4{margin-bottom:.35rem}.stack{display:grid;gap:.7rem;margin-bottom:1rem}label{display:grid;gap:.3rem;font-size:.9rem;color:var(--ink-1)}input,select,textarea,button{width:100%;border-radius:.9rem;padding:.65rem .8rem;font:inherit}input,select,textarea{border:1px solid rgba(72,101,129,.22);background:#fffffff2}input,select,textarea,button,summary{outline:none}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid rgba(230,126,34,.28);outline-offset:2px;box-shadow:0 0 0 4px #f8d8b8e0}.room-code-input-shell{position:relative;border-radius:.9rem}.room-code-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;z-index:1;cursor:text}.room-code-input:focus-visible+.room-code-boxes{outline:3px solid rgba(230,126,34,.28);outline-offset:2px;box-shadow:0 0 0 4px #f8d8b8e0}.room-code-boxes{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.45rem;padding:.6rem;border:1px solid rgba(72,101,129,.22);border-radius:.9rem;background:#fffffff2}.room-code-boxes-display{padding:0;border:0;background:transparent}.room-code-box{display:grid;place-items:center;min-height:3rem;border-radius:.7rem;border:1px solid rgba(127,140,141,.28);background:#f7eddcb8;color:#6f605394;font-family:Space Mono,monospace;font-size:1rem;font-weight:700;text-transform:lowercase;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .14s ease}.room-code-box-filled{color:var(--ink-0);background:#fff8f0fa;border-color:#e67e2257}.room-code-box-active{border-color:#e67e2285;box-shadow:inset 0 0 0 1px #e67e2233;transform:translateY(-1px)}.room-code-box-group-break{margin-left:.4rem}.room-code-boxes-display .room-code-box{min-height:2.4rem;background:#fdf5e6f5}.room-code-help{font-size:.8rem;line-height:1.4}.hud-room-fallback{margin:0;color:#6f6053e0;font-size:.86rem;font-family:Space Mono,monospace;word-break:break-word}.character-picker{margin:0;padding:0;border:0;min-width:0;display:grid;gap:.5rem}.character-picker-legend{padding:0;font-size:.9rem;color:var(--ink-1)}.character-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(7.25rem,1fr));gap:.55rem}.character-swatch-option{position:relative;min-width:0}.character-swatch-input{position:absolute;width:1px;height:1px;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.character-swatch-card{display:inline-flex;width:100%;align-items:center;gap:.5rem;min-width:0;padding:.5rem .7rem;border-radius:999px;border:1px solid rgba(72,101,129,.22);background:#ffffffeb;box-shadow:0 1px #fff9 inset;transition:transform .14s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;cursor:pointer}.character-swatch-option:hover .character-swatch-card{transform:translateY(-1px);border-color:#e67e2257;box-shadow:0 10px 18px #9652151f}.character-swatch-dot{width:1.2rem;height:1.2rem;border-radius:50%;flex:0 0 auto;background:var(--character-accent);border:1px solid rgba(47,38,29,.22);box-shadow:0 0 0 2px #fffffff2}.character-swatch-label{font-size:.82rem;font-weight:700;letter-spacing:.02em;color:var(--ink-0)}.character-swatch-input:checked+.character-swatch-card{border-color:#e67e2285;background:#fff8f0fa;box-shadow:0 0 0 3px #e67e2224}.character-swatch-input:focus-visible+.character-swatch-card{outline:3px solid rgba(230,126,34,.28);outline-offset:2px;box-shadow:0 0 0 4px #f8d8b8e0}.character-swatch-text{display:grid;min-width:0}.character-swatch-status{font-size:.72rem;color:var(--ink-1)}.character-swatch-option-disabled .character-swatch-card{opacity:.6;cursor:not-allowed}.character-swatch-option-disabled:hover .character-swatch-card{transform:none;border-color:#48658138;box-shadow:0 1px #fff9 inset}.character-picker-note{margin:-.15rem 0 0;font-size:.82rem;color:var(--danger)}.character-swatch-input:disabled+.character-swatch-card{background:#f1f3f5e6}.character-swatch-input:checked:disabled+.character-swatch-card{border-color:#e67e2285;background:#fff8f0fa}textarea{min-height:94px;resize:vertical}button{cursor:pointer;border:none;font-weight:800;color:#f8fffe;background:linear-gradient(135deg,var(--brand),#c56e1f);transition:transform .14s ease,box-shadow .16s ease,opacity .16s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 18px #9652153d}button:disabled{opacity:.45;cursor:not-allowed}.button-secondary{color:var(--ink-0);background:linear-gradient(135deg,#fffffffa,#e9f4f2fa);border:1px solid rgba(72,101,129,.22);box-shadow:none}.inline-controls{display:flex;gap:.55rem;flex-wrap:wrap}.inline-controls>*{flex:1 1 140px}.error-line{margin:0;color:var(--danger);font-size:.88rem}.info-card,.action-card,.meta-grid>div,.player-card{border:1px solid var(--line);border-radius:1rem;background:var(--panel-strong)}.info-card,.action-card,.player-card{padding:.9rem}.info-card{display:grid;gap:.35rem;margin-bottom:1rem}.info-card span,.spotlight-stats span,.meta-grid span{font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-1)}.info-card p,.action-card p,.player-card p{margin:.2rem 0 0;color:var(--ink-1);font-size:.9rem}.empty-state{min-height:100%;display:grid;place-content:center;gap:.5rem;text-align:center;padding:2rem}.meta-grid{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:.65rem;min-width:min(100%,28rem)}.meta-grid>div{padding:.7rem;display:grid;gap:.2rem}.stage-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,280px);gap:1rem;align-items:start}.board-column{min-width:0;display:flex}.board-frame{position:relative;display:grid;place-items:center;aspect-ratio:1 / 1;width:min(100%,1040px);padding:.85rem;border-radius:1.25rem;border:0;background:transparent}.board-stage-full{display:flex;justify-content:center;align-items:center;min-height:0}.board-frame-full{width:min(100%,calc(var(--viewport-height) - 6.5rem),1380px);max-height:calc(var(--viewport-height) - 6.5rem);max-width:100%}.board-center-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:22%;pointer-events:none}.board-control-card{width:min(100%,16.8rem);pointer-events:auto;box-shadow:0 20px 44px #53413029;background:linear-gradient(135deg,#f0fdfafa,#fff7edfa)}.board-control-card .spotlight-stats{margin:.55rem 0;gap:.45rem}.board-control-card .board-action-grid{margin-top:.6rem}.app-error-toast-stack{position:fixed;top:1rem;right:1rem;z-index:30;display:grid;gap:.55rem;width:min(24rem,calc(100vw - 2rem))}.app-error-toast{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.6rem;padding:.78rem .92rem;border-radius:1rem;border:1px solid rgba(192,57,43,.28);background:#fee2e2fa;box-shadow:0 16px 34px #53413029;color:#991b1b;font-size:.9rem;font-weight:700;line-height:1.38}.app-error-toast p,.board-toast p{margin:0}.board-toast-stack{display:grid;gap:.55rem}.board-toast{padding:.75rem .9rem;border-radius:1rem;border:1px solid var(--line);background:#fffffff5;box-shadow:0 14px 30px #53413024;font-size:.9rem;font-weight:700;line-height:1.35}.toast-dismiss{width:auto;min-width:2rem;padding:.2rem .45rem;border-radius:999px;border:1px solid currentColor;background:transparent;color:inherit;box-shadow:none}.toast-dismiss:hover:not(:disabled){box-shadow:none}.connection-banner{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:.8rem .9rem;border-radius:1rem;border:1px solid rgba(127,140,141,.3);background:#ffffffe6}.connection-banner-info{border-color:#e67e2247;background:#fff8f0f5}.connection-banner-warning{border-color:#c0392b3d;background:#fef2f2fa}.connection-banner-copy{display:grid;gap:.25rem}.connection-banner-copy strong,.connection-banner-copy p{margin:0}.connection-banner-copy p{color:var(--ink-1);font-size:.85rem}.connection-banner-action{width:auto;min-width:6.2rem}.chat-panel{min-height:0}.chat-panel-header,.chat-form-footer{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.chat-panel-header{margin-bottom:.55rem}.chat-panel-header .section-kicker{margin:0}.chat-jump-button{width:auto;min-width:0;padding:.45rem .75rem}.chat-form-footer{justify-content:space-between}.chat-counter{font-size:.78rem;color:var(--ink-1)}.chat-counter-invalid{color:var(--danger)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell-board .board-toast{border-color:#7f8c8d70;background:#fdf5e6fa;color:var(--ink-0)}.board-toast-gain{background:#dcfce7fa;color:#166534}.board-toast-loss{background:#fee2e2fa;color:#991b1b}.board-toast-quiz{background:#7f8c8d2e;color:#4d5859}.board-toast-info{color:var(--ink-0)}.board-grid{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));grid-template-rows:repeat(13,minmax(0,1fr));gap:.28rem;width:100%;max-width:100%;aspect-ratio:1 / 1;height:auto;min-width:0;min-height:0}.app-shell-board .board-grid{gap:.22rem}.board-slot{aspect-ratio:1 / 1;width:100%;height:100%;min-width:0;min-height:0;border-radius:.72rem;border:1px solid #d6dee6;padding:.24rem;font-size:clamp(.45rem,.72vw,.72rem);display:grid;align-content:start;gap:.14rem;overflow:hidden}@supports not (aspect-ratio: 1 / 1){.board-slot{position:relative;height:0;padding:calc(100% + .48rem) .24rem .24rem}.board-slot>*{position:relative;z-index:1}}.app-shell-board .board-slot{border-radius:.44rem;border:1px solid rgba(127,140,141,.45);background:#fdf5e6f5;color:var(--ink-0);box-shadow:inset 0 0 0 1px #7f8c8d29}.board-slot-empty,.app-shell-board .board-slot-empty{border-color:transparent;background:transparent;box-shadow:none}.tile{background:#ffffffe6}.app-shell-board .tile{background:#fbf2e2f5}.tile-property{background:#ffe9c7fa}.app-shell-board .tile-property{background:#ffe9c7fa;border-color:#7f8c8d73;box-shadow:inset 0 0 0 1px #7f8c8d29}.tile-quiz{background:#d5edfffa}.app-shell-board .tile-quiz{background:#d5edfffa;border-color:#7f8c8d73;box-shadow:inset 0 0 0 1px #7f8c8d29}.tile-punishment{background:#ffdcdcfa}.app-shell-board .tile-punishment{background:#ffdcdcfa;border-color:#7f8c8d73;box-shadow:inset 0 0 0 1px #7f8c8d29}.tile-reward{background:#d7fae5fa}.app-shell-board .tile-reward{background:#d7fae5fa;border-color:#7f8c8d73;box-shadow:inset 0 0 0 1px #7f8c8d29}.tile-random{background:#f7f0b3fa}.app-shell-board .tile-random{background:#f7f0b3fa;border-color:#7f8c8d73;box-shadow:inset 0 0 0 1px #7f8c8d29}.tile-special{background:#d2f2ecfa}.app-shell-board .tile-special{background:#d2f2ecfa;border-color:#7f8c8d73;box-shadow:inset 0 0 0 1px #7f8c8d29}.tile-start{background:#ffe7d1fa}.app-shell-board .tile-start{background:#ffe7d1fa;border-color:#7f8c8d73;box-shadow:inset 0 0 0 1px #7f8c8d29}.app-shell-board .tile-owned{border-color:var(--tile-owner-accent)}.app-shell-board .tile-property.tile-owned{box-shadow:inset 0 3px 0 var(--tile-owner-accent),inset 0 0 0 1px #7f8c8d57}.app-shell-board .tile-topline{color:var(--ink-1)}.tile-topline{display:flex;justify-content:space-between;gap:.2rem;font-family:Space Mono,monospace;font-size:.86em}.tile-name{font-weight:800;line-height:1.1}.room-sidebar{display:grid;gap:.8rem}.spotlight-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:.8rem 0}.spotlight-stats>div{display:grid;gap:.16rem}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.board-action-grid{margin-top:.9rem}.floating-decision{max-width:32rem;margin:1rem auto 0}.in-game-feed{max-width:1380px;margin:1rem auto 0}.in-game-feed-rich{margin-top:.72rem;border-color:#7f8c8d5c;background:linear-gradient(165deg,#fdf5e6f5,#f3e9d6eb)}.decision-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:21;display:grid;place-items:center;padding:1rem;pointer-events:none}.decision-modal>.action-card{width:min(100%,34rem);pointer-events:auto;box-shadow:0 24px 56px #53413033}.players-grid{display:grid;gap:.65rem}.players-grid-compact{grid-template-columns:1fr}.player-card-active{border-color:#2ecc7199;box-shadow:inset 0 0 0 1px #2ecc7140}.quiz-options,.advanced-grid,.debug-panel{display:grid;gap:.75rem}.advanced-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.game-log-list,.feed-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.game-log-list li,.feed-list li{display:grid;gap:.15rem;padding:.65rem;border:1px solid var(--line);border-radius:.85rem;background:#fffc;font-size:.82rem}.app-shell-board .game-log-list li,.app-shell-board .feed-list li{border-color:#7f8c8d57;background:#f8efdff5;color:var(--ink-0)}.log-tone-gain{border-left:4px solid #16a34a}.log-tone-loss{border-left:4px solid #dc2626}.log-tone-quiz,.log-tone-info{border-left:4px solid #7f8c8d}.game-log-list li span:first-child,.feed-list li span:first-child{font-family:Space Mono,monospace;color:var(--ink-1);font-size:.72rem}.app-shell-board .game-log-list li span:first-child,.app-shell-board .feed-list li span:first-child{color:#7f8c8deb}.feed-in{border-left:4px solid var(--brand)}.feed-out{border-left:4px solid var(--accent)}.feed-sys{border-left:4px solid #7f8c8d}.tag-list{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.55rem}.tag{min-height:auto;padding:.35rem .65rem}.tag-muted{background:var(--accent-soft);color:#536062}.quiz-result-correct{background:#dcfce7;color:#166534}.quiz-result-wrong{background:#fee2e2;color:#991b1b}.quiz-result-text{margin-top:.6rem;font-weight:800;display:inline-flex;align-items:center;padding:.35rem .7rem;border-radius:999px;letter-spacing:.06em}.subheading{margin-top:.9rem}.debug-note{background:linear-gradient(135deg,#f8d8b8b8,#fdf5e6f5)}.debug-drawer{max-width:960px;margin:1rem auto 0}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#2f261d2e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:19;border:0;border-radius:0;padding:0}.modal-scrim-soft{z-index:20;background:#2f261d1a}.lobby-modal{position:fixed;top:1rem;left:1rem;bottom:1rem;width:min(26rem,calc(100vw - 2rem));overflow:auto;z-index:20}pre{margin:0;max-height:26rem;overflow:auto;padding:.8rem;border-radius:.95rem;border:1px solid var(--line);background:#fff8ec;font-size:.76rem}@media (max-width: 1600px){.app-shell-board .board-screen{height:auto;min-height:calc(var(--viewport-height) - 1.5rem);overflow:visible}.board-hud-layout{grid-template-columns:minmax(220px,280px) minmax(0,1fr);height:auto}.hud-right{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.board-frame{max-width:900px;margin:0 auto}.board-frame-full{width:100%}.app-error-toast-stack{width:min(20rem,calc(100vw - 1.5rem))}.board-toast-stack{width:min(20rem,calc(100% - 1.5rem))}}@media (max-width: 1320px){.lobby-grid,.product-grid,.stage-layout{grid-template-columns:1fr}.stage-panel{min-height:auto}.activity-panel{order:2}}@media (max-width: 760px){.app-shell{padding:.75rem}.app-shell-board .board-screen{height:auto;min-height:calc(var(--viewport-height) - 1.5rem);overflow:visible;padding:.55rem}.board-hud-layout{grid-template-columns:1fr}.hud-board-center{order:1}.hud-left{order:2}.hud-right{order:3;grid-column:auto;grid-template-columns:1fr;overflow:visible}.hud-scroll-card{max-height:18rem}.hero,.section-heading{flex-direction:column}.board-topbar,.hero-chips{justify-content:flex-start}.meta-grid,.spotlight-stats,.action-grid{grid-template-columns:1fr 1fr}.board-center-overlay{padding:10%}.room-code-box{min-height:2.6rem;font-size:.92rem}.app-error-toast-stack{top:.75rem;right:.75rem;width:min(16rem,calc(100vw - 1.5rem))}.board-toast-stack{top:.75rem;right:.75rem;width:min(16rem,calc(100% - 1.5rem))}}@media (max-width: 560px){.meta-grid,.spotlight-stats,.action-grid{grid-template-columns:1fr}.board-frame{padding:.45rem}.board-frame-full{width:100%;max-height:none}.board-center-overlay{position:static;padding:.5rem 0 0;place-items:stretch}.app-error-toast-stack{top:auto;right:.75rem;bottom:.75rem;width:calc(100vw - 1.5rem)}.app-error-toast{font-size:.84rem}.board-toast-stack{position:static;width:100%;margin-bottom:.5rem}.decision-modal{padding:.75rem;align-items:end}.board-control-card{width:100%}.board-grid{gap:.18rem}.board-hud-layout{gap:.6rem}.room-code-boxes{gap:.35rem;padding:.45rem}.room-code-box{min-height:2.2rem;font-size:.82rem;border-radius:.58rem}.room-code-box-group-break{margin-left:.18rem}.board-slot{padding:.16rem;font-size:clamp(.4rem,1.7vw,.58rem)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}