:root{--bg: #0f1320;--panel: #171c2c;--panel2: #1f2638;--line: #2c3550;--text: #e6e9f2;--muted: #8b93ab;--accent: #f2c94c}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.4 Segoe UI,system-ui,sans-serif}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;gap:16px;padding:8px 14px;background:var(--panel);border-bottom:1px solid var(--line)}.title{font-size:16px;font-weight:700}.title .sub{color:var(--muted);font-weight:400;font-size:13px}.status{display:flex;align-items:center;gap:12px;margin-left:auto}.active-house{padding:3px 10px;border-radius:12px;color:#0b0e16;font-weight:700}.thing-badge{color:#ff6b6b;font-weight:700}.only-mine-toggle{display:inline-flex;align-items:center;gap:5px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.only-mine-toggle input{cursor:pointer}.cell-figlist{font:12px/1.3 system-ui,sans-serif;background:var(--panel);border:1px solid var(--line);border-radius:6px;box-shadow:0 4px 14px #00000080;overflow:hidden;color:var(--text)}.cfl-head{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:3px 4px 3px 7px;background:var(--panel2);border-bottom:1px solid var(--line)}.cfl-title{font-size:11px;color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cfl-close{border:none;background:none;color:var(--muted);cursor:pointer;font-size:12px;line-height:1;padding:1px 3px;border-radius:3px}.cfl-close:hover{color:var(--text);background:#2b3450}.cfl-empty{padding:5px 8px;color:var(--muted);font-style:italic}.cfl-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 8px;cursor:pointer;border-left:2px solid transparent}.cfl-row:hover{background:#232c44}.cfl-row.sel{background:#2a3350;border-left-color:var(--accent)}.cfl-row.atk{border-left-color:#ff6b6b}.cfl-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cfl-hp{color:var(--muted);font-size:11px;flex:none}.newgame{display:flex;align-items:center;gap:8px}.topbar-controls{display:flex;align-items:center;gap:12px}.newgame button,.topbar-controls button{display:inline-flex;align-items:center;gap:6px;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .12s,background .12s,color .12s}.newgame button:hover,.topbar-controls button:hover{border-color:var(--accent);color:var(--accent);background:#232c44}.newgame button:active,.topbar-controls button:active{transform:translateY(1px)}.newgame label{display:inline-flex;align-items:center;gap:4px;font-size:13px}.newgame input{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:4px 6px}.newgame input:focus{outline:none;border-color:var(--accent)}.main{display:flex;flex:1;min-height:0}.board-wrap{position:relative;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;padding:8px}.board-cardactions{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;gap:6px;align-items:center;max-width:min(70%,520px);pointer-events:none}.board-cardactions:not(.board-fig-actions){display:none}.board-cardactions>*{pointer-events:auto}.board-cardactions .hint,.board-cardactions .error{margin:0;text-align:center;box-shadow:0 4px 14px #00000073}.board-cardactions .apply{background:var(--accent);color:#1a1300;border:none;border-radius:6px;padding:8px 22px;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 4px 14px #00000073}.board-cardactions .apply:hover:not(:disabled){filter:brightness(1.08)}.board-cardactions .apply:disabled{opacity:.45;cursor:not-allowed;filter:none}.board-fig-actions{align-items:stretch;text-align:left;background:#171c2cf0;border:1px solid var(--line);border-radius:10px;padding:8px 12px;box-shadow:0 4px 16px #00000080;max-width:min(60%,420px)}.board-fig-actions .apply.wrath-armed{background:#c0392b;color:#fff;box-shadow:0 0 0 2px #ff6b6b inset}.board-fig-actions .subh{margin:6px 0 3px}.board-fig-actions .subh:first-child{margin-top:0}.board{width:100%;height:100%;background:radial-gradient(circle at 50% 45%,#15203a,#0c1020 70%);border-radius:8px}.panel{width:410px;background:var(--panel);border-left:1px solid var(--line);overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:10px}.panel-head{border-left:4px solid;padding:4px 0 8px 10px}.panel-head h2{margin:0 0 4px;font-size:18px}.panel section{background:var(--panel2);border-radius:8px;padding:8px 10px}.panel h3{margin:0 0 6px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.hand{display:flex;flex-direction:column;gap:6px}.card{text-align:left;background:#232c44;border:1px solid var(--line);color:var(--text);border-radius:6px;padding:6px 8px;cursor:pointer}.card:hover:not(:disabled){border-color:var(--accent)}.card:disabled{opacity:.45;cursor:not-allowed}.card.foreign{border-style:dashed;border-color:#555f7a}.card.foreign .card-meta{color:#c98}.card.sel{border-color:var(--accent);background:#2c3658;box-shadow:0 0 0 1px var(--accent)}.cardactions{margin-top:8px;border-top:1px dashed var(--line);padding-top:8px;display:flex;flex-direction:column;gap:6px}.cardactions .apply{background:var(--accent);color:#1a1300;border:none;border-radius:6px;padding:8px;font-weight:700;cursor:pointer}.cardactions .apply:hover{filter:brightness(1.08)}.card-name{font-weight:700}.card-meta{color:var(--muted);font-size:12px}.card-desc{font-size:12px;color:#c3c9da;margin-top:2px}.hand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;align-items:stretch}.handcard{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:4px;text-align:left;cursor:pointer;background:#1c2540;border:2px solid var(--line);border-radius:8px;padding:6px 7px;color:var(--text);aspect-ratio:3 / 4}.handcard:hover{filter:brightness(1.1)}.hc-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.handcard.has-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,#080b14d6,#080b1433 34%,#080b142e 60%,#080b14e6)}.handcard.has-img .hc-name,.handcard.has-img .hc-type,.handcard.has-img .hc-foot{position:relative;z-index:2;text-shadow:0 1px 3px #000,0 0 2px #000}.handcard.sel{outline:2px solid var(--accent);outline-offset:1px}.handcard.foreign{opacity:.6}.hc-name{font-size:12px;font-weight:700;line-height:1.15;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.hc-type{font-size:10px;color:var(--muted);margin-top:1px}.hc-foot{display:flex;justify-content:space-between;font-size:11px;font-weight:700;margin-top:auto}.hc-cost{color:var(--accent)}.hc-rounds{color:#9fb0cc}.focus-wrap{padding:0;background:none}.focus-box{width:100%;aspect-ratio:3 / 4;border:2px solid var(--line);border-radius:12px;background:#1c2540;overflow:hidden;display:flex;flex-direction:column}.focus-box.empty{align-items:center;justify-content:center}.focus-card{padding:14px 16px;gap:10px}.focus-charcard{position:relative;cursor:pointer}.focus-charcard .cc-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:inherit;display:block}.focus-charcard .cc-overlay{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:linear-gradient(to bottom,#0a0e188c,#0a0e18d9 60%)}.focus-card .fb-name{font-size:19px;font-weight:700;line-height:1.2}.focus-card .fb-type{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.focus-card .fb-target{align-self:flex-start;font-size:12px;font-weight:700;color:#cdd4e6;background:#2a3450;border:1px solid var(--line);border-radius:12px;padding:2px 10px}.focus-card .fb-desc{font-size:14px;color:#c3c9da;line-height:1.4;white-space:pre-line}.focus-card .fb-stats{font-size:14px;font-weight:700;color:#e6e9f2}.focus-card .fb-reqs{font-size:13px}.focus-card .fb-reqs-title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;margin-bottom:3px}.focus-card .fb-reqs ul{margin:0;padding-left:16px;color:#d6c7a0}.focus-card .fb-reqs li{margin:1px 0;line-height:1.3}.focus-card .fb-foot{display:flex;gap:18px;font-size:14px;font-weight:700;margin-top:auto}.focus-fig{position:relative}.focus-fig .fb-img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:calc(100% - 4px);object-fit:cover;object-position:top center;cursor:pointer;border-radius:inherit;display:block}.focus-fig .fb-figname{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;cursor:pointer}.focus-fig .fb-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;transition:opacity .2s ease}.focus-fig .fb-bottom.dim{opacity:.1;pointer-events:none}.focus-fig .fb-caption{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:#0a0e18d9}.focus-fig .fb-caption.clickable{cursor:pointer}.focus-fig .fb-caption.clickable:hover{background:#141a2ceb}.fb-cap-row1{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px}.fb-cap-name{font-size:16px;font-weight:700}.fb-cap-toggle{margin-right:6px;color:var(--accent);font-size:12px}.fb-cap-meta,.fb-cap-stat{font-size:13px;color:#c3c9da}.fb-cap-row2{margin-top:1px}.fb-cap-arts{display:flex;flex-wrap:wrap;gap:8px}.fb-art{font-size:15px;cursor:help;line-height:1}.focus-fig .fb-abilities{max-height:0;overflow:hidden;transition:max-height .25s ease,padding .25s ease;padding:0 12px;background:#0a0e18f2;color:#d6c7a0;font-size:12px}.focus-fig .fb-abilities.open{max-height:65%;overflow-y:auto;padding:8px 12px}.focus-fig .fb-abilities .fb-reqs-title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;margin-bottom:3px}.focus-fig .fb-abilities ul{margin:0;padding-left:16px}.focus-fig .fb-abilities li{margin:1px 0;line-height:1.3}.figs{display:flex;flex-direction:column;gap:4px}.figbtn{text-align:left;background:#232c44;border:1px solid var(--line);color:var(--text);border-radius:6px;padding:5px 8px;cursor:pointer}.figbtn.sel{border-color:var(--accent);background:#2c3658}.figactions{margin-top:8px;border-top:1px dashed var(--line);padding-top:8px}.figactions .row{display:flex;justify-content:space-between;align-items:center}.charcard{margin-bottom:8px}.charcard-img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid var(--line)}.charcard-body{margin-top:4px}.charcard-name{font-size:15px;font-weight:700}.charcard-stat{font-size:12px}.atk-energy{font-size:12px;color:var(--muted)}.subh{margin:6px 0 3px;font-size:12px;color:var(--muted)}.btns{display:flex;flex-wrap:wrap;gap:5px}.btns button{background:#2a3450;border:1px solid var(--line);color:var(--text);border-radius:5px;padding:4px 8px;cursor:pointer;font-size:12px}.btns button:hover:not(:disabled){border-color:var(--accent)}.btns button:disabled{opacity:.4;cursor:not-allowed}.btns button.atk{background:#5a2330;border-color:#7a3340}button{font-family:inherit}.big{width:100%;padding:10px;font-size:15px;font-weight:700;background:var(--accent);color:#1a1300;border:none;border-radius:8px;cursor:pointer}.big:hover{filter:brightness(1.08)}.topbar-endturn{background:var(--accent);color:#1a1300;border:none;border-radius:6px;padding:6px 16px;font-size:14px;font-weight:700;cursor:pointer}.topbar-endturn:hover{filter:brightness(1.08)}.topbar-play{background:var(--accent);color:#1a1300;border:none;border-radius:6px;padding:6px 16px;font-size:14px;font-weight:700;cursor:pointer}.topbar-play:hover{filter:brightness(1.08)}.error{background:#5a2330;border:1px solid #8a3a48;color:#ffd7dd;padding:6px 8px;border-radius:6px}.hint{background:#2a3a2a;border:1px solid #3f6b3f;padding:6px 8px;border-radius:6px}.link{background:none;border:none;color:var(--accent);cursor:pointer;margin-left:8px;text-decoration:underline}.muted{color:var(--muted);font-size:12px}.routing .route-src{margin-top:6px}.routing .route-from{font-size:12px;color:var(--muted)}.route-card-row{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:2px 0}.route-to button{background:#2a3450;border:1px solid var(--line);color:var(--text);border-radius:4px;padding:2px 6px;margin-left:3px;cursor:pointer;font-size:12px}.log ul{list-style:none;margin:0;padding:0;font-size:12px;max-height:220px;overflow-y:auto}.log li{padding:2px 0;border-bottom:1px solid var(--line);color:#c3c9da}.path-line{stroke:#2a335055;stroke-width:1}.path-step-dot{fill:var(--accent);opacity:.8;stroke:#6b5410;stroke-width:.5;pointer-events:none}.star{cursor:pointer}.star-glow{transform-box:fill-box;transform-origin:center;animation:star-twinkle 3.5s ease-in-out infinite}@keyframes star-twinkle{0%,to{opacity:.4;transform:scale(.96)}50%{opacity:.72;transform:scale(1.05)}}.sys-label{fill:#aeb6d0;font-size:11px;text-anchor:middle}.star-life{fill:#fff;font-size:13px;font-weight:700;text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:#5a3a08;stroke-width:2px;pointer-events:none}.planet{cursor:pointer}.planet-pop{fill:#fff;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:central;pointer-events:none;paint-order:stroke;stroke:#0b0e16;stroke-width:2px}.planet-leader{stroke:#6b7596;stroke-width:1;stroke-dasharray:2 2}.planet-info-bg{fill:#080b12e6;stroke:#2c3550;stroke-width:.5}.planet-info{fill:#e6e9f2;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:middle}.planet-info-icon{cursor:help}.planet-cost{fill:var(--accent);font-size:10px;font-weight:700;text-anchor:middle;pointer-events:none}.planet-eff{font-size:10px;font-weight:700;fill:#fff;paint-order:stroke;stroke:#0b0e16;stroke-width:2px;cursor:help}.house-name{fill:#0b0e16;font-size:13px;font-weight:700;text-anchor:middle}.house-stat{fill:#0b0e16;font-size:11px;text-anchor:middle}.house,.figure{cursor:pointer}.fig-tether{stroke:#cdd2dc;stroke-width:.75;stroke-dasharray:2 2;opacity:.55;pointer-events:none}.fig-label{fill:#e6e9f2;font-size:10px;text-anchor:middle;pointer-events:none}.fig-hp{fill:#0b0e16;font-size:8px;text-anchor:middle;dominant-baseline:middle;font-weight:700;pointer-events:none}.hi-ring{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-dasharray:5 3}.handcard-cost{fill:#0b0e16;font-size:11px;font-weight:700;text-anchor:middle;pointer-events:none}.handcard-back{fill:#5a6b8c;font-size:13px;text-anchor:middle;pointer-events:none}.boardcard{cursor:pointer}.boardcard:hover rect{filter:brightness(1.12)}.reach{cursor:pointer}.reach-dot{fill:transparent;stroke:var(--accent);stroke-width:2;stroke-dasharray:4 3}.reach:hover .reach-dot{stroke-width:3}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060910d1;display:flex;align-items:center;justify-content:center;z-index:50}.overlay-card{background:var(--panel);border:3px solid var(--accent);border-radius:14px;padding:28px 40px;text-align:center;min-width:320px}.overlay-card h2{margin:0 0 8px}.overlay-card .big-house{font-size:40px;font-weight:800;margin:10px 0 20px}.overlay-card .big{width:auto;padding:10px 28px}.victory .winners{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0 18px}.victory .winner{padding:6px 12px;border-radius:14px;color:#0b0e16;font-weight:700}.overlay-card.rules{position:relative;width:min(960px,94vw);max-height:88vh;padding:0;text-align:left;min-width:0;border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column}.rules-close{position:absolute;top:10px;right:20px;z-index:4;width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font-size:20px;line-height:1;cursor:pointer}.rules-close:hover{border-color:var(--accent);color:var(--accent)}.rules-body{overflow-y:auto;padding:24px 30px 30px;line-height:1.55}.rules-body>:first-child{margin-top:0}.rules-body h1{font-size:24px;margin:0 0 14px;color:var(--accent)}.rules-body h2{font-size:19px;margin:26px 0 10px;padding-bottom:5px;border-bottom:1px solid var(--line)}.rules-body h3{font-size:16px;margin:20px 0 8px;color:#cdd5ee}.rules-body p,.rules-body li{color:var(--text)}.rules-body ul,.rules-body ol{padding-left:22px}.rules-body a{color:var(--accent);text-decoration:none}.rules-body a:hover{text-decoration:underline}.rules-body code{background:#0f1322;border:1px solid var(--line);border-radius:4px;padding:0 4px;font-size:13px}.rules-body blockquote{margin:10px 0;padding:6px 12px;border-left:3px solid var(--accent);background:#f2c94c12;color:#d8ddee}.rules-body hr{border:none;border-top:1px solid var(--line);margin:22px 0}.rules-body table{border-collapse:collapse;width:100%;margin:10px 0;font-size:13.5px}.rules-body th,.rules-body td{border:1px solid var(--line);padding:5px 9px;text-align:left;vertical-align:top}.rules-body th{background:var(--panel2);color:var(--accent)}.rules-body tr:nth-child(2n) td{background:#ffffff05}.rules-section{border-top:1px solid var(--line)}.rules-section:first-of-type{border-top:none}.rules-section>summary{cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:baseline;gap:8px;padding:12px 4px 6px}.rules-section>summary::-webkit-details-marker{display:none}.rules-section>summary:before{content:"▸";color:var(--accent);font-size:13px;flex:0 0 auto}.rules-section[open]>summary:before{content:"▾"}.rules-section>summary:hover .rules-section-title{color:var(--accent)}.rules-section-title{font-size:19px;font-weight:700;color:var(--text);scroll-margin-top:8px}.rules-section-body{padding:0 4px 10px}.rules-body h3{scroll-margin-top:8px}.rules-top{position:absolute;right:20px;bottom:18px;z-index:4;background:var(--accent);color:#1a1300;border:none;border-radius:18px;padding:8px 15px;font-weight:700;cursor:pointer;box-shadow:0 3px 10px #00000073}.rules-top:hover{filter:brightness(1.08)}.char-strip{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 16px}.char-card{width:96px;margin:0;background:#1c2540;border:1px solid var(--line);border-radius:10px;overflow:hidden}.char-card.clickable{cursor:zoom-in;transition:border-color .12s,transform .12s}.char-card.clickable:hover{border-color:var(--accent);transform:translateY(-2px)}.char-card img,.char-card .char-ph{width:100%;aspect-ratio:3 / 4;display:block}.char-card img{object-fit:cover}.char-card .char-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px;text-align:center;color:var(--muted);background:repeating-linear-gradient(45deg,#1c2540,#1c2540 8px,#222c4a 8px,#222c4a 16px)}.char-card .char-ph span{font-weight:700;font-size:12px;color:#c2c9de}.char-card .char-ph small{font-size:10px}.char-card figcaption{padding:4px 6px 6px;display:flex;flex-direction:column;gap:1px;text-align:center}.char-card figcaption b{font-size:12px}.char-card .char-role{font-size:11px;color:var(--muted)}.rules-lightbox{z-index:60;background:#04060ce0}.lightbox-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;max-width:92vw;max-height:92vh;display:flex;flex-direction:column;gap:10px;align-items:center}.lightbox-card .rules-close{top:10px;right:10px}.lightbox-card img{max-width:min(560px,86vw);max-height:78vh;object-fit:contain;border-radius:10px;display:block}.lightbox-cap{text-align:center;display:flex;flex-direction:column;gap:2px}.lightbox-cap b{font-size:16px}.lightbox-cap span{color:var(--muted);font-size:13px}.menu{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 35%,#16203a,#0c1020 70%)}.menu-poster{position:relative}.menu-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.menu-poster .menu-card{position:relative;z-index:2}.menu-card{background:#171c2c40;border:1px solid var(--line);border-radius:16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:28px 32px;width:100%;max-width:440px;text-align:center;box-shadow:0 12px 40px #00000073;cursor:grab;-webkit-user-select:none;user-select:none}.menu-card input,.menu-card textarea{cursor:text;-webkit-user-select:text;user-select:text}.menu-card.wide{max-width:620px;text-align:left}.menu-card h1{margin:0 0 6px;font-size:26px;line-height:1.15;color:var(--accent)}.menu-card h1 code{color:var(--text);font-size:22px}.menu-buttons{display:flex;flex-direction:column;gap:12px;margin-top:20px}.menu-buttons.row{flex-direction:row}.menu-btn{display:flex;flex-direction:column;gap:3px;align-items:center;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:14px 18px;cursor:pointer;font:inherit;transition:border-color .12s,background .12s,transform .08s}.menu-btn:hover:not(:disabled){border-color:var(--accent)}.menu-btn:active:not(:disabled){transform:translateY(1px)}.menu-btn:disabled{opacity:.5;cursor:default}.menu-btn.primary{background:var(--accent);color:#1a1300;border-color:var(--accent)}.menu-btn.primary:hover:not(:disabled){filter:brightness(1.06)}.menu-btn.ghost{background:transparent}.menu-btn-title{font-size:17px;font-weight:700}.menu-btn-sub{font-size:12px;color:var(--muted)}.menu-btn.primary .menu-btn-sub{color:#5a4a12}.field{display:flex;flex-direction:column;gap:4px;text-align:left;margin-top:14px;font-size:13px;color:var(--muted)}.field.inline{flex-direction:row;align-items:center;gap:8px;margin-top:0}.field input{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit}.field.inline input{width:90px}.field input:focus{outline:none;border-color:var(--accent)}.small{font-size:12px}.menu-card code{background:#0f1322;border:1px solid var(--line);border-radius:4px;padding:0 5px}.seats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.seat{border:2px solid var(--line);border-radius:12px;padding:12px;background:var(--panel2)}.seat-house{font-weight:700;font-size:15px;margin-bottom:4px}.seat-occ{font-size:13px;margin-bottom:10px;min-height:18px;display:flex;align-items:center;gap:6px}.conn-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:0 0 auto}.conn-dot.online{background:#46c46a;box-shadow:0 0 5px #46c46a88}.conn-dot.offline{background:#8a8f9a}.seat-drop{font-size:12px;color:#e0a23a;margin:-4px 0 10px}.seat-btn{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:6px 12px;cursor:pointer;font:inherit;font-size:13px}.seat-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.seat-btn:disabled{opacity:.45;cursor:default}.lobby-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}.create-row,.join-row{display:flex;align-items:center;gap:10px;margin-top:14px}.match-list{margin-top:18px}.match-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--line)}.match-row .muted{flex:1;font-size:12px}.turn-banner{padding:4px 12px;border-radius:12px;font-weight:700;font-size:13px}.turn-banner.you{background:#2e7d4f;color:#eafff0}.turn-banner.wait{color:#0b0e16}.view-switch{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:5px 8px;font:inherit;font-size:13px}.overlay-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.overlay-card .big.ghost{background:transparent;border:1px solid var(--line);color:var(--text)}.overlay-card .big.ghost:hover{border-color:var(--accent);color:var(--accent)}.overlay-card.channel-card{min-width:300px;max-width:420px}.channel-opts{display:flex;flex-direction:column;gap:8px;margin-top:12px}.channel-opts .big{width:100%}