:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f6f1e7;background:#0d0f10;--bg: #0d0f10;--surface: #151716;--surface-strong: #1d201f;--panel: #101313;--line: #303735;--line-strong: #45524d;--text: #f6f1e7;--muted: #b9b2a4;--green: #2f8069;--green-bright: #7ad99b;--amber: #d6a43a;--red: #963f36}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#0d0f10f0,#12100efa),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 96px)}a{color:#84d7b8}h1,h2,p{margin-top:0}button,.button-like{background:var(--green);color:#fff;border:1px solid rgba(132,215,184,.25);border-radius:6px;padding:.7rem .95rem;cursor:pointer;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff14}button.secondary,.button-like.secondary{background:#272b2c;border-color:#3b4240}button.active{background:var(--amber);color:#151515}button.danger{background:var(--red);border-color:#ff9b8c40}button:disabled{opacity:.6;cursor:not-allowed}input{width:100%;padding:.85rem .9rem;border-radius:6px;border:1px solid var(--line);background:#0f1111;color:#fff;font-size:1rem}input:focus{border-color:#7ad99b;outline:2px solid rgba(122,217,155,.18)}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.card,.lobby-shell{width:100%;max-width:1100px;background:#151716f5;border:1px solid var(--line);border-radius:8px;padding:1.35rem;box-shadow:0 22px 60px #0000006b}.room-card{max-width:1220px}.lobby-page{align-items:flex-start;padding-block:.65rem}.lobby-shell{max-width:1420px;padding:1rem 1.15rem;background:linear-gradient(180deg,#1a1d1cfa,#101212fa),radial-gradient(circle at top left,rgba(122,217,155,.12),transparent 42%)}.auth-card{max-width:440px}.auth-card form,.panel,.log-panel,.video-panel{display:flex;flex-direction:column;gap:.9rem}.brand-mark{display:flex;align-items:center;gap:.8rem;min-width:0}.brand-mark img{width:72px;height:72px;object-fit:contain;flex:0 0 auto}.brand-mark.compact img{width:48px;height:48px}.brand-copy{display:flex;flex-direction:column;gap:.1rem;min-width:0}.brand-copy strong{color:var(--text);font-size:clamp(1.25rem,3vw,1.85rem);line-height:1.05}.auth-heading{margin:1.2rem 0 1rem}.auth-heading h1,.lobby-intro h1{margin-bottom:.35rem;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.05}.auth-heading p,.lobby-intro p,.action-panel p,.auth-switch{color:var(--muted)}.auth-switch{margin-bottom:0}.lobby-header,.account-strip{display:flex;align-items:center;justify-content:space-between;gap:1rem}.account-strip span{border:1px solid var(--line);border-radius:999px;color:var(--muted);padding:.4rem .65rem}.lobby-header .brand-mark img{width:62px;height:62px}.lobby-header .brand-copy strong{font-size:1.55rem}.lobby-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,410px);gap:.8rem;align-items:start;margin:.7rem 0 .8rem}.lobby-eyebrow{margin-bottom:.25rem;color:#86e6bd;font-size:.9rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.lobby-hero h1{max-width:870px;margin:0;color:#fff7dd;font-size:clamp(1.75rem,3.2vw,3rem);line-height:1}.quick-join{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:end;padding:.65rem;border:1px solid var(--line);border-radius:8px;background:#111414}.quick-join label,.quick-join span{display:grid;gap:.35rem}.quick-join span{color:var(--muted);font-size:.82rem;font-weight:800}.page-social-layout{width:100%;display:grid;grid-template-columns:minmax(0,1420px) minmax(270px,320px);gap:.75rem;align-items:start;justify-content:center}.room-social-layout{grid-template-columns:minmax(0,1220px) minmax(270px,320px)}.room-side-rail{position:sticky;top:.65rem;display:grid;gap:.75rem;max-height:calc(100vh - 1.3rem)}.room-side-rail .social-sidebar{position:static;max-height:min(42vh,430px)}.social-sidebar{position:sticky;top:.65rem;display:grid;gap:0;max-height:calc(100vh - 1.3rem);overflow-y:auto;border:1px solid var(--line);border-radius:8px;background:#101313fa}.social-sidebar-section{display:grid;align-content:start;gap:.55rem;min-width:0;padding:.75rem}.social-sidebar-section+.social-sidebar-section{border-top:1px solid var(--line)}.room-invites{background:#181713}.social-heading,.social-player,.friend-add{display:flex;align-items:center;gap:.55rem}.social-heading{justify-content:space-between}.social-heading h2,.social-heading p,.social-message{margin:0}.social-heading h2{color:#fff7dd;font-size:1.05rem}.social-heading p,.social-empty,.outgoing-requests,.social-player small{color:var(--muted)}.social-refresh,.social-action{min-height:34px;padding:.35rem .55rem;font-size:.78rem}.social-list,.friend-requests{display:grid;gap:.35rem}.friend-requests{padding:.55rem;border:1px solid rgba(214,164,58,.4);border-radius:6px;background:#181713}.friend-requests>strong{color:#f3c66b;font-size:.82rem}.social-player{min-height:38px;padding:.3rem .45rem;border:1px solid #292f2d;border-radius:6px;background:#151818}.social-player strong{min-width:0;overflow-wrap:anywhere}.social-player small{margin-left:auto}.social-player>.social-action:first-of-type{margin-left:auto}.social-invite{display:grid;grid-template-columns:minmax(0,1fr) auto}.social-invite>span{display:grid;gap:.1rem}.social-invite>span small{margin-left:0}.social-invite>.social-action{grid-column:1 / -1;margin-left:0}.online-dot,.offline-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:#75df9a;box-shadow:0 0 0 3px #75df9a1f}.offline-dot{background:#69716e;box-shadow:none}.friend-add{align-items:stretch}.friend-add input{min-width:0;padding-block:.6rem}.friend-add button{flex:0 0 auto}.social-empty{margin:0;padding:.5rem 0}.social-message{color:#86e6bd;font-size:.85rem}.room-chat{display:grid;grid-template-rows:auto minmax(150px,1fr) auto;min-height:280px;max-height:calc(58vh - 2.05rem);overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#101313fa}.room-chat-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem;border-bottom:1px solid var(--line)}.room-chat-head h2,.room-chat-head p,.room-chat-message p,.room-chat-empty{margin:0}.room-chat-head h2{color:#fff7dd;font-size:1.05rem}.room-chat-head p,.room-chat-empty{color:var(--muted);font-size:.82rem}.room-chat-messages{display:flex;flex-direction:column;gap:.5rem;min-height:0;padding:.7rem;overflow-y:auto}.room-chat-message{align-self:flex-start;display:grid;gap:.25rem;max-width:92%;padding:.5rem .6rem;border:1px solid #303735;border-radius:6px;background:#171a1a}.room-chat-message.mine{align-self:flex-end;border-color:#7ad99b6b;background:#17221e}.room-chat-message div{display:flex;align-items:baseline;justify-content:space-between;gap:.65rem}.room-chat-message strong{color:#fff7dd;font-size:.78rem}.room-chat-message small{color:var(--muted);font-size:.68rem}.room-chat-message p{overflow-wrap:anywhere;color:#e4e0d7;line-height:1.35;white-space:pre-wrap}.room-chat-empty{margin:auto;text-align:center}.room-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem;padding:.6rem;border-top:1px solid var(--line);background:#121515}.room-chat-form input{min-width:0;padding:.65rem .7rem;font-size:.9rem}.room-chat-form button{padding-inline:.7rem}@media (max-width: 1180px){.page-social-layout{grid-template-columns:1fr}.social-sidebar{position:static;max-height:none}.room-side-rail{position:static;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.room-side-rail .social-sidebar,.room-chat{max-height:480px}}.library-layout{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(290px,380px);gap:.75rem;align-items:start}.platform-tabs{display:grid;gap:.45rem}.platform-tabs button{min-height:58px;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.65rem .75rem;text-align:left}.platform-tabs span{font-size:1.05rem}.platform-tabs small{color:inherit;opacity:.75}.system-library,.mode-panel{min-height:470px;border:1px solid var(--line);border-radius:8px;background:#101313;padding:.85rem}.library-head{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.65rem}.library-head h2,.mode-head h2{margin:0 0 .3rem;color:#fff7dd}.library-head p,.mode-head p,.system-summary{color:var(--muted)}.system-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.65rem}.system-card{position:relative;display:grid;gap:.45rem;min-height:170px;align-items:start;justify-content:stretch;padding:.9rem;overflow:hidden;text-align:left;background:#171a1a;border-color:#303735}.system-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-left:5px solid #7ad99b;pointer-events:none}.system-card-green:before{border-left-color:#7ad99b}.system-card-ruby:before{border-left-color:#ff768b}.system-card-blue:before{border-left-color:#72b8ff}.system-card-violet:before{border-left-color:#b498ff}.system-card-amber:before{border-left-color:#f5c461}.system-card-gold:before{border-left-color:#e2b84d}.system-card.active{background:#1b211e;border-color:#7ad99b94;color:#fff}.system-card.locked{cursor:not-allowed;background:#151818;border-color:#343a38;opacity:.72}.system-card.locked:hover{transform:none}.system-short{width:fit-content;border:1px solid rgba(255,255,255,.16);border-radius:6px;padding:.25rem .45rem;color:#fff7dd;font-size:.78rem;font-weight:900}.system-name{color:#fff7dd;font-size:1.15rem;font-weight:900;line-height:1.05}.system-summary{line-height:1.4}.system-foot{align-self:end;display:flex;align-items:center;justify-content:space-between;gap:.65rem;color:#c8c8c2}.system-foot em{max-width:150px;border:1px solid rgba(214,164,58,.45);border-radius:999px;padding:.2rem .45rem;color:#f3c66b;font-size:.72rem;font-style:normal;font-weight:900;line-height:1.2;text-align:center}.mode-panel{position:sticky;top:.65rem;display:grid;gap:.65rem}.mode-head span{display:inline-flex;margin-bottom:.35rem;border:1px solid var(--line-strong);border-radius:999px;padding:.25rem .5rem;color:#86e6bd;font-weight:900}.mode-list{display:grid;gap:.45rem}.mode-card{display:grid;grid-template-columns:68px minmax(0,1fr);gap:.15rem .65rem;justify-content:stretch;min-height:66px;padding:.6rem .7rem;text-align:left;background:#171a1a}.mode-card span{grid-row:1 / 3;align-self:center;border-right:1px solid var(--line);color:#f3c66b;font-size:.72rem;font-weight:900;text-transform:uppercase}.mode-card strong{color:#fff7dd;font-size:1rem}.mode-card small{color:#c8c8c2;line-height:1.3}.mode-card.active{background:var(--amber)}.mode-card.active span,.mode-card.active strong,.mode-card.active small{color:#151515}.mode-card:disabled{background:#151818}.launch-button{min-height:52px;font-size:1.05rem}.mode-party-select{border:1px solid var(--line);border-radius:8px;padding:.7rem;background:#151818}.party-player-select{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;color:var(--muted);font-weight:700}.party-player-select small{flex-basis:100%;font-weight:500}.party-player-select select{width:92px;min-height:40px}.admin-card{max-width:1180px}.admin-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem;margin-bottom:1rem}.admin-stat{min-height:110px;justify-content:space-between}.admin-stat span{color:var(--muted);font-weight:700}.admin-stat strong{font-size:2rem;line-height:1}.admin-users-panel h2{margin-bottom:0;font-size:1.15rem}.feedback-card{max-width:1180px}.feedback-notifications{display:grid;gap:.5rem;margin-bottom:1rem}.feedback-notifications h2{margin:0;font-size:1.1rem}.feedback-notifications button{display:flex;justify-content:space-between;gap:.75rem;text-align:left}.feedback-notifications small{color:var(--muted);white-space:nowrap}.feedback-layout{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:1rem;align-items:start}.feedback-form{gap:.9rem}.feedback-form label,.feedback-row label{display:grid;gap:.35rem;color:var(--muted);font-weight:700}.feedback-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.feedback-list-panel h2{margin-bottom:0;font-size:1.15rem}.feedback-list-toolbar,.feedback-filters,.feedback-admin-actions{display:flex;align-items:end;justify-content:space-between;gap:.65rem;flex-wrap:wrap}.feedback-filters label{display:grid;gap:.25rem;color:var(--muted);font-size:.78rem;font-weight:700}.feedback-filters select,.feedback-admin-actions select{min-width:130px}.feedback-list{display:grid;gap:.75rem}.feedback-item{display:grid;gap:.45rem;padding:.8rem;border:1px solid var(--line);border-radius:8px;background:#121515}.feedback-item h3,.feedback-item p{margin:0}.feedback-item p{color:#d3d0c7;white-space:pre-wrap}.feedback-item-head,.feedback-item-foot{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap}.feedback-item-head small,.feedback-item-foot{color:var(--muted)}.feedback-pill{display:inline-flex;align-items:center;min-height:28px;margin:0 .35rem .35rem 0;padding:.25rem .55rem;border:1px solid #343739;border-radius:999px;color:#d3d0c7;font-size:.78rem;font-weight:800;text-transform:uppercase}.feedback-pill.bug{border-color:#8f4c44;color:#ffb4aa}.feedback-pill.suggestion{border-color:#3f7465;color:#9cf0d2}.feedback-pill.status-done,.feedback-pill.status-resolved{border-color:#4c7c52;color:#a7f3b3}.feedback-pill.status-reviewing,.feedback-pill.status-in_review{border-color:#8a7137;color:#ffe08a}.feedback-pill.status-archived{border-color:#555b5d;color:#aeb4b6}.feedback-comments{display:grid;gap:.55rem;margin-top:.35rem;padding-top:.65rem;border-top:1px solid var(--line)}.feedback-comment{display:grid;gap:.25rem;padding-left:.65rem;border-left:2px solid #3f7465}.feedback-comment div{display:flex;justify-content:space-between;gap:.65rem;color:var(--muted)}.feedback-comment p{color:#d3d0c7}.feedback-comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}.feedback-comment-form input{min-width:0}@media (max-width: 820px){.feedback-layout,.feedback-comment-form,.lobby-hero,.library-layout,.page-social-layout{grid-template-columns:1fr}.social-sidebar{position:static;max-height:none}.room-side-rail{grid-template-columns:1fr}.platform-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.platform-tabs button{min-height:62px}.mode-panel{position:static;min-height:0}}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;min-width:780px}.admin-table th,.admin-table td{border-bottom:1px solid var(--line);padding:.75rem .65rem;text-align:left}.admin-table th{color:var(--muted);font-size:.82rem;text-transform:uppercase}.room-layout{display:block;margin-top:.75rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:.85rem}.action-panel{min-height:230px;justify-content:space-between}.action-panel h2{margin-bottom:.15rem;font-size:1.35rem}.panel-kicker{align-self:flex-start;border:1px solid rgba(214,164,58,.35);border-radius:999px;color:#f3c66b;padding:.3rem .55rem;font-size:.78rem;font-weight:800;text-transform:uppercase}.room-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.room-title h1{margin:0;font-size:clamp(1.35rem,2vw,2rem);line-height:1.1}.room-code-row{display:flex;align-items:center;gap:.65rem;margin-top:.45rem}.room-code-row button{min-width:92px}.session-strip,.room-summary,.player-strip,.health-strip,.room-actions,.play-header,.input-toolbar,.segmented-control{display:flex;align-items:center;flex-wrap:wrap}.room-identity{display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem .55rem;margin-top:.35rem}.room-identity span,.room-identity small{color:var(--muted)}.room-identity strong{color:#fff7dd;font-size:1.15rem;line-height:1}.room-summary{justify-content:space-between;gap:.8rem;margin-top:.65rem}.player-strip{gap:.5rem}.player-card{display:grid;grid-template-columns:auto 1fr;gap:.05rem .45rem;min-width:150px;padding:.45rem .6rem;border:1px solid var(--line);border-radius:7px;background:#141716}.player-card span{grid-row:1 / 3;align-self:center;color:var(--gold);font-weight:900}.player-card strong{color:#fff7dd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-card small{color:var(--muted)}.player-card.connected{border-color:#7aeba17a}.player-card.you{background:#17201c;border-color:#7aeba1b3}.health-strip{gap:.45rem}.health-item{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.86rem}.health-dot{width:.62rem;height:.62rem;border-radius:999px;background:#8d3b32;box-shadow:0 0 0 3px #b34e441f}.health-item.ok .health-dot{background:var(--green-bright);box-shadow:0 0 0 3px #7aeba11f}.health-item.ok{color:#d9e7dc}.session-strip span,.capture-state{border:1px solid var(--line);border-radius:999px;padding:.35rem .55rem;font-size:.85rem}.room-actions,.input-toolbar{gap:.55rem}.assigned-control{border:1px solid var(--line-strong);border-radius:7px;color:#efeae0;background:var(--surface-strong);padding:.55rem .7rem;font-size:.9rem}.mic-controls{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.mic-controls select{width:min(220px,42vw);min-height:40px;padding:.45rem .55rem;border-color:var(--line-strong);background:var(--surface-strong);color:#efeae0;font-size:.88rem}.arcade-config{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(130px,.7fr) minmax(180px,1fr);gap:.7rem;align-items:end}.arcade-config label{display:flex;flex-direction:column;gap:.35rem;color:var(--muted);font-size:.82rem;font-weight:700}.arcade-config input{min-height:40px;padding:.6rem .7rem;font-size:.92rem}.session-strip{gap:.45rem;margin-top:.5rem;color:#c8c8c2}.diagnostics-summary{opacity:.86}.play-header{justify-content:space-between;gap:.75rem}.play-header h2{margin:0;font-size:1rem;color:#efeae0}.segmented-control{gap:0;border:1px solid #3a3d3f;border-radius:7px;overflow:hidden}.segmented-control button{border-radius:0;background:#1d2021;color:#d8d8d4;padding:.55rem .7rem}.segmented-control button+button{border-left:1px solid #3a3d3f}.segmented-control button.active{background:#d1a33a;color:#151515}.capture-state{align-self:flex-start;color:#a9aaa5;background:#181b1c}.capture-state.captured{color:#0f1714;background:var(--green-bright);border-color:var(--green-bright)}.input-debug-panel{margin-top:1rem}.party-turn-panel{display:grid;gap:.7rem;margin-top:.8rem;padding:.9rem;border:1px solid var(--line);border-radius:8px;background:#121515}.party-turn-header{display:flex;flex-wrap:wrap;gap:.45rem .8rem;align-items:baseline}.party-turn-header span{color:var(--muted);font-size:.92rem}.party-turn-controls{display:flex;flex-wrap:wrap;gap:.5rem}.party-turn-controls button{min-width:54px;display:grid;gap:.1rem;justify-items:center;line-height:1.15}.party-turn-controls button small{max-width:110px;overflow:hidden;text-overflow:ellipsis;font-size:.72rem;font-weight:600;opacity:.82;white-space:nowrap}.party-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem}.party-roster div{display:grid;gap:.15rem;padding:.55rem .65rem;border:1px solid var(--line);border-radius:6px;background:#17191a}.party-roster div.connected{border-color:#7aeba18c}.party-roster strong{color:var(--gold)}.party-roster small{color:var(--muted)}.input-debug-grid{display:grid;grid-template-columns:repeat(5,minmax(70px,1fr));gap:.5rem}.input-bit{min-height:42px;border:1px solid var(--line);border-radius:6px;background:#17191a;color:#9fa29d;display:flex;align-items:center;justify-content:center;font-family:Consolas,Monaco,monospace;font-size:.9rem}.input-bit.active{background:var(--amber);border-color:var(--amber);color:#151515;font-weight:700}.input-debug-meta{display:flex;flex-wrap:wrap;gap:.45rem}.input-debug-meta span{border:1px solid #343739;border-radius:999px;padding:.35rem .55rem;font-size:.85rem;color:#c8c8c2}.input-debug-list{max-height:180px}.row{display:flex}.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.center-gap{gap:.75rem;align-items:center}.status,.success,.error,.muted{margin:.75rem 0}.success{color:#4ade80}.error{color:#ff8b7f}.muted{color:#a5a7a2}.video{width:100%;min-height:320px;max-height:min(52vh,470px);object-fit:contain;background:#000;border-radius:6px;border:1px solid #1f2f4a;cursor:crosshair}.video-panel.fullscreen-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;padding:.75rem;border-radius:0;background:#050606}.fullscreen-room-chat{display:none}.video-panel.fullscreen-screen.fullscreen-with-chat{--fullscreen-chat-width: clamp(270px, 20vw, 340px);padding-right:calc(var(--fullscreen-chat-width) + 1.5rem)}.video-panel.fullscreen-screen .fullscreen-room-chat{position:fixed;z-index:52;top:.75rem;right:.75rem;bottom:.75rem;display:block;width:var(--fullscreen-chat-width)}.video-panel.fullscreen-screen .fullscreen-room-chat .room-chat{height:100%;max-height:none;border-color:#3c4844;box-shadow:-12px 0 32px #0006}.video-panel.fullscreen-screen .play-header{flex:0 0 auto}.video-panel.fullscreen-screen .capture-state{align-self:flex-start}.video-panel.fullscreen-screen .video{flex:1 1 auto;min-height:0;max-height:none;width:min(100%,calc((100vh - 8.5rem)*1.333));height:auto;max-height:calc(100vh - 8.5rem);object-fit:contain}.video-panel.fullscreen-screen.party-fullscreen{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);grid-template-rows:auto auto minmax(0,1fr);gap:.75rem;align-items:start;height:100vh;overflow:hidden}.video-panel.fullscreen-screen.party-fullscreen .play-header{grid-column:1 / -1}.video-panel.fullscreen-screen.party-fullscreen .capture-state{grid-column:1;grid-row:2}.video-panel.fullscreen-screen.party-fullscreen .video{grid-column:1;grid-row:3 / 5;align-self:center;justify-self:center;width:min(100%,calc((100vh - 11rem)*1.333));max-height:calc(100vh - 11rem)}.video-panel.fullscreen-screen.party-fullscreen .host-control-bar{grid-column:2;grid-row:2;align-self:stretch}.video-panel.fullscreen-screen.party-fullscreen .host-control-bar button{flex:1 1 145px}.video-panel.fullscreen-screen.party-fullscreen .party-turn-panel{grid-column:2;grid-row:3 / 5;min-height:0;max-height:calc(100vh - 11rem);margin-top:0;overflow:auto}.video-panel.fullscreen-screen.party-fullscreen .party-roster{grid-template-columns:1fr}.log-list{display:flex;flex-direction:column;gap:.5rem;max-height:260px;overflow:auto}.log-entry{background:#17191a;border:1px solid #2c2f31;border-radius:6px;padding:.7rem;color:#cbd5e1;font-family:Consolas,Monaco,monospace;font-size:.9rem}ul{margin:0;padding-left:1.2rem}@media (max-width: 640px){.page,.card{padding:1rem}.room-topbar,.play-header,.lobby-header,.account-strip,.quick-join{flex-direction:column;align-items:stretch}.quick-join,.platform-tabs,.mode-card{grid-template-columns:1fr}.mode-card span{grid-row:auto;border-right:0}.system-library{min-height:0}.room-actions,.input-toolbar{width:100%}.segmented-control,.segmented-control button{flex:1}.video{min-height:260px}}.amstrad-surface-wrap{width:100%;display:flex;justify-content:center}.amstrad-surface{width:100%;max-width:100%;min-height:320px;background:#000;border-radius:6px;border:1px solid #343739;image-rendering:pixelated;outline:none}