:root{--bg:#12383f;--deep:#0c272e;--paper:#f2e4bd;--ink:#2d332c;--muted:#727467;--line:#64736b;--gold:#ecc066;--red:#be4b3c;--teal:#498d8d;--shadow:#081e24;--panel:#e4d7b2;color-scheme:light;font-family:'Courier New',monospace;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);background-image:linear-gradient(#ffffff03 1px,transparent 1px);background-size:100% 5px;color:var(--paper);min-width:320px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{min-height:44px;border:2px solid var(--ink);border-bottom-width:4px;background:var(--paper);color:var(--ink);font-size:11px;font-weight:700;padding:10px 14px;cursor:pointer;letter-spacing:.3px;box-shadow:inset 1px 1px #fff7;transition:background .12s}button:hover{background:#fff0c8}button:active{border-bottom-width:2px;transform:translateY(1px)}button:disabled{opacity:.48;cursor:default;transform:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #1da9bf;outline-offset:3px}button.button-primary{background:var(--gold);border-color:#57442a;color:#352f24}button.button-primary:hover{background:#ffd785}button.button-secondary{background:#d7d6b5}button.button-danger{background:#b74e40;color:#fff4d1}.masthead,main,footer{max-width:1440px;margin:0 auto}.masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 38px 22px;border-bottom:1px solid #73938455}.wordmark{font-weight:900;font-size:42px;line-height:.9;letter-spacing:-4px;color:var(--paper);text-decoration:none;text-shadow:3px 3px #071e25}.wordmark span{color:var(--gold)}.wordmark i{display:block;letter-spacing:1.8px;font-style:normal;font-size:8px;margin-top:9px;text-shadow:none}.header-right{display:flex;align-items:center;gap:18px}.edition{font-size:9px;color:#a6b9ad;letter-spacing:1px}.edition b{display:block;color:var(--gold);font-size:9px;margin-top:6px}.sound-button,.key-button{background:transparent;border-color:#6a8b7c;color:var(--paper);min-height:36px;font-size:9px;padding:8px 10px}.key-button{font-size:16px;min-width:36px}.small-label{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#bcccb6}main{padding:26px 38px 38px}h1,h2,h3,p{margin-top:0}.entry-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;max-width:1020px;margin:38px auto 30px}.welcome h1{font-family:Georgia,serif;font-size:clamp(54px,6vw,84px);font-weight:800;line-height:.99;letter-spacing:-3px;margin:22px 0}.welcome h1 em{color:var(--gold);font-style:normal}.welcome>p{font-family:system-ui,sans-serif;font-size:14px;line-height:1.75;color:#bcccb6;max-width:350px}.panel{border:2px solid #252f2d;box-shadow:4px 4px 0 var(--shadow);background:var(--paper);color:var(--ink)}.panel-title{display:flex;align-items:center;justify-content:space-between;min-height:35px;background:var(--panel);padding:8px 12px;border-bottom:2px solid var(--ink);font-size:9px;font-weight:bold;letter-spacing:1px;gap:8px}.panel-title i{font-style:normal;color:#6c7468;font-size:8px;letter-spacing:.3px}.panel-title button{min-height:24px;border:0;padding:0 5px;background:none;box-shadow:none}.start-box{align-self:start;margin-top:12px}.start-content{padding:28px}.start-content .small-label{color:#7b694b;font-size:9px}h2{font-family:Georgia,serif;font-size:27px;letter-spacing:-.7px;margin:12px 0}p{font-family:system-ui,sans-serif;font-size:13px;line-height:1.6}.start-content>p{font-size:11px;color:#6d705f;margin-bottom:25px}label{display:block;font-size:9px;font-weight:700;letter-spacing:1px}input,select{color:var(--ink);background:#fff4d7;border:2px solid #7d806e;border-top-color:#555e51;border-left-color:#555e51;border-radius:0;font-size:16px;min-height:45px;padding:11px;width:100%;margin-top:8px}.start-content form>button{width:100%;display:flex;justify-content:space-between;margin-top:13px;font-size:10px}.start-content form>.button-secondary{justify-content:center;margin-top:9px}.separator{text-align:center;position:relative;margin:27px 0 19px;border-top:1px solid #a9aa8d}.separator span{position:relative;top:-7px;background:var(--paper);padding:0 10px;font-size:8px;color:#767b69}.join-row{display:flex;gap:9px;align-items:end}.join-row input{width:100%;min-width:0;letter-spacing:3px;text-transform:uppercase}.join-row button{white-space:nowrap}.entry-note{font-size:10px!important;text-align:center;line-height:1.8;margin:22px 0 0!important}.resume-button{margin-top:15px;width:100%;background:#c6d7ba;font-size:9px}.entry-art{position:relative;width:265px;margin:25px 0 0}.antenna-symbol{display:block;font-size:22px;line-height:.8;text-align:center;width:210px;color:#abc4b1}.tv-set{display:flex;gap:10px;background:#b77b4e;border:3px solid #071e25;box-shadow:5px 5px #071e25;padding:13px;width:250px;transform:rotate(-2deg)}.tv-screen{width:190px;height:110px;background:repeating-linear-gradient(#326468 0 2px,#2b575c 2px 4px);border:5px solid #4c493b;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#f6e8b6;box-shadow:inset 3px 3px #183b41}.tv-screen span{font-size:30px;font-weight:bold;letter-spacing:-3px}.tv-screen small{font-size:4px;margin-top:10px;letter-spacing:.5px}.tv-knobs{font-size:24px;line-height:1.4;color:#3d4439}.entry-caption{display:block;font-size:8px;letter-spacing:1px;margin-top:17px;color:#a6b9ad}.game-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:14px}.game-topbar h1{font-family:Georgia,serif;font-size:32px;margin:6px 0 0;line-height:1.1;letter-spacing:-1px}.room-tools{display:flex;align-items:center;gap:13px}.room-tools>button{font-size:9px}.room-tools #share{background:#1b454a;border-color:#759484;color:var(--paper)}#share b{font-size:13px;letter-spacing:2px;margin:0 8px}.connection{font-size:8px;letter-spacing:.5px;color:#b4cfac}.connection.offline{color:#edb46c}.quiet-button{color:#b1c2b0;background:none;border:0;box-shadow:none;padding:6px;font-size:9px}.dashboard{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;margin-bottom:20px;border:2px solid #273530;background:var(--deep);box-shadow:3px 3px #081e24}.meter{padding:16px 24px;border-right:1px solid #657c6855}.meter:last-child{border:0}.meter small{display:block;color:#9ab4a3;font-size:8px;letter-spacing:1.8px;margin-bottom:8px}.meter strong{font-weight:700;font-size:28px;letter-spacing:-1.5px}.meter i{font-size:13px;font-style:normal;color:#7d9e8b;letter-spacing:0}.clock-meter strong{color:var(--gold)}.play-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);gap:20px;align-items:start}.tower-panel{min-width:0}.building-scene{position:relative;height:490px;overflow:hidden;background:#91bbbc}.building-scene canvas{position:absolute;width:100%;height:100%;image-rendering:pixelated}#room-map{position:absolute;inset:0}.room-hit{position:absolute;display:flex;justify-content:center;align-items:start;min-height:44px;border:0!important;box-shadow:none;background:transparent!important;color:#263e3c;padding:3px 1px;letter-spacing:.2px;font-size:8px;text-shadow:1px 1px #fff4;overflow:hidden}.room-hit .room-plaque{background:#f1e3b6;border:1px solid #655c43;box-shadow:1px 1px #513c2a;padding:4px 6px;max-width:100%;white-space:nowrap}.room-hit:hover .room-plaque,.room-hit.active .room-plaque{background:var(--gold);border-color:#584823;box-shadow:0 0 0 2px #fff5}.room-hit .room-id{color:#7c7158;font-size:7px;padding-right:5px}.room-hit:focus-visible{outline:3px dashed #f6db7b;outline-offset:-4px}.scene-legend{position:absolute;bottom:8px;left:12px;right:12px;display:flex;align-items:center;font-size:7px;color:#e5e2bd;letter-spacing:.5px}.player-dot{background:#f4c459;width:6px;height:6px;display:inline-block;margin-right:6px;box-shadow:0 0 0 1px #533e26}.elevator-label{margin-left:auto;color:#99b7a4}.tower-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:2px solid var(--ink);background:var(--panel);padding:7px 10px;font-size:9px}.tiny-button{min-height:30px;font-size:8px;padding:5px 8px;border-width:1px 1px 3px}.desk-panel{min-width:0}.desk-content{padding:18px;min-height:490px;max-height:560px;overflow:auto;scrollbar-color:#8d977d #ddd1ad;scrollbar-width:thin}.desk-content h2{font-size:25px;margin:3px 0 8px}.desk-subtitle{color:#727764;font-size:11px;margin:0 0 18px}.desk-tag{font-size:8px;font-weight:bold;letter-spacing:1px;color:#7a795f}.desk-content .tip{border-left:3px solid #7a9774;padding:9px 10px;background:#d8ddbc;font-size:10px;line-height:1.6}.schedule-row{display:grid;grid-template-columns:47px minmax(0,1fr);align-items:center;gap:8px;padding:8px 0;border-top:1px solid #b8b998}.schedule-row time{font-size:14px;font-weight:700;color:#3f7774}.schedule-row select{font-size:12px;padding:8px;margin:0;min-height:43px}.schedule-row select:disabled{color:#888a77;background:#e0d9bb;opacity:1}.schedule-row.current{border-left:3px solid #b5863f;padding-left:6px}.contract-summary{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:13px 10px;background:#d9dcbc;border:1px solid #a4af8d;font-size:10px;line-height:1.8}.contract-summary b{display:block;font-size:11px}.contract-summary a{font-size:9px}.desk-link{background:none;border:0;box-shadow:none;min-height:32px;padding:4px;font-size:9px;color:#386b6c;text-decoration:underline}.catalogue-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.program-card{border:1px solid #a4a88c;background:#eee5c9;padding:9px}.program-art{height:65px;position:relative;overflow:hidden;display:grid;place-items:center;border:2px solid #4b594a;background:var(--poster);box-shadow:inset 0 0 0 4px #fff1}.program-art:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0000 0 2px,#0001 2px 3px)}.program-art svg{width:48px;height:48px;image-rendering:pixelated;filter:drop-shadow(2px 2px #0005)}.program-card h3{font-family:Georgia,serif;font-size:15px;line-height:1.1;margin:10px 0 6px}.program-meta{font-size:8px;color:#6c7460;line-height:1.6;min-height:25px}.program-card button{width:100%;font-size:9px;padding:8px 3px;min-height:38px;margin-top:8px}.contract-card,.news-card,.ranking-row{border:1px solid #a5ad90;background:#ebe4c8;padding:14px;margin-bottom:11px}.contract-card.selected{border:2px solid #4e8172;padding:13px;background:#dce2be}.contract-card h3,.news-card h3{font-family:Georgia,serif;font-size:19px;letter-spacing:-.3px;margin:5px 0 8px}.contract-card p,.news-card p{font-size:10px;color:#70755f;margin-bottom:10px}.contract-numbers{display:flex;gap:20px;font-size:9px;line-height:1.7;margin-bottom:12px}.contract-numbers b{display:block;font-size:14px;color:#40786b}.contract-numbers .penalty{color:#a14b39;font-size:11px}.contract-card button,.news-card button{font-size:9px;width:100%;min-height:39px}.news-card .boost{font-size:15px;color:#447e74;font-weight:bold}.ranking-row{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:9px}.ranking-row .place{font-size:22px;color:#969c7e}.ranking-row b{font-size:11px}.ranking-row small{display:block;font-size:8px;margin-top:5px;color:#6c7760}.ranking-row strong{font-size:20px;color:#407970}.ranking-row.mine{background:#d4dfb8;border-color:#66886c}.coverage-graphic{display:flex;align-items:end;justify-content:center;height:120px;gap:17px;margin:10px;background:#dae1bf;border-bottom:2px solid #849c78}.coverage-graphic span{width:35px;background:#78997e;border:2px solid #4c725f}.coverage-graphic span.active{background:#d9ae54}.coverage-graphic span:nth-child(1){height:30px}.coverage-graphic span:nth-child(2){height:60px}.coverage-graphic span:nth-child(3){height:95px}.info-list{font-size:10px;line-height:2.1;padding-left:17px}.status-chip{font-size:7px;display:inline-block;padding:3px 5px;background:#c9d9b0;color:#43684f;letter-spacing:.5px}.npc-box{background:#dfe2bf;border:1px solid #a5af8f;padding:15px;margin:15px 0}.npc-box .npc{font-size:34px;float:left;margin:0 16px 8px 0;line-height:1}.npc-box p{font-size:11px;margin:0}.lobby-panel{margin-bottom:20px;padding:16px 20px;display:flex;gap:20px;align-items:center}.lobby-panel[hidden]{display:none}.lobby-copy{flex:1}.lobby-copy h2{font-size:21px;margin:0 0 5px}.lobby-copy p{font-size:10px;margin:0}.lobby-players{display:flex;flex-wrap:wrap;gap:7px}.lobby-player{background:#d6dcb6;border:1px solid #a7af8d;padding:7px 9px;font-size:9px;display:flex;align-items:center;gap:6px}.lobby-player button{min-height:20px;min-width:20px;font-size:12px;padding:0;border:0;background:none;box-shadow:none}.lobby-actions{display:flex;gap:8px}.lobby-actions button{font-size:9px;white-space:nowrap}.broadcast-bar{margin-top:20px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:15px;background:#d3dcbb}.broadcast-copy{display:flex;flex-wrap:wrap;align-items:center;gap:8px 15px;min-width:0}.on-air{font-size:8px;font-weight:bold;color:#a44538;letter-spacing:1px}.broadcast-copy strong{font-size:12px}.broadcast-copy>#hint{flex-basis:100%;font-size:9px;color:#627259}.round-actions{display:flex;align-items:center;gap:15px;flex-shrink:0}.round-actions button{font-size:10px;min-width:180px}#countdown{font-size:20px;color:#3c6559;min-width:58px;font-weight:bold}#countdown.urgent{color:#b44937}.bottom-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;margin-top:20px}.event-content{padding:15px 18px}.event-content b{display:block;font-family:Georgia,serif;font-size:17px;margin-bottom:6px}.event-content p{font-size:10px;margin:0;color:#6a745e}.live-mark{color:#a13d34}.ticker-content{padding:12px 16px;max-height:110px;overflow:auto;scrollbar-width:thin}.ticker-line{font-size:9px;line-height:1.65;padding:3px 0;color:#68715e}.ticker-line:first-child{color:#374d40}footer{padding:22px 38px;border-top:1px solid #73938455;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.7px;color:#89a493}#toast{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#f5d98e;border:2px solid #5b4e33;color:#423d2d;padding:14px 20px;font-size:12px;line-height:1.5;box-shadow:4px 4px #071c24;z-index:100;max-width:calc(100vw - 32px);width:max-content}dialog{max-width:min(620px,calc(100vw - 28px));max-height:85dvh;width:620px;border:3px solid #34473b;padding:0;background:var(--paper);color:var(--ink);box-shadow:8px 8px #071d25}dialog::backdrop{background:#08262edb}.game-dialog>.panel-title{position:sticky;top:0;z-index:1}.dialog-content{padding:24px}.dialog-content h2{font-size:29px;margin-top:0}.dialog-content ol{font-family:system-ui,sans-serif;padding-left:20px;font-size:12px;line-height:1.8}.dialog-content li{margin-bottom:12px}.dialog-content>p{font-size:11px;color:#6c745f}.dialog-actions{display:flex;gap:10px}.result-row{padding:14px;border:1px solid #a3ac8b;margin:10px 0;background:#e6dfbd}.result-row.mine{border:2px solid #628570;background:#d6dfb5}.result-row h3{font-size:14px;margin-bottom:8px}.result-row p{font-size:10px;margin-bottom:5px}.result-row .share-value{font-size:28px;float:right;color:#468375}.win-banner{font-family:Georgia,serif;font-size:30px;color:#3c7369;line-height:1.2;margin:15px 0 24px}.result-positive{color:#407352}.result-negative{color:#a14b39}[hidden]{display:none!important}#close-desk{display:none}.filter-bar{display:flex;gap:4px;margin-bottom:14px;flex-wrap:wrap}.filter-bar button{font-size:8px;min-height:30px;padding:5px 9px}.filter-bar .selected{background:#cad7b4}.bank-note{background:#dfb99a;color:#7f3f2d;padding:9px;font-size:10px;margin-top:10px}.empty-state{padding:20px 8px;font-size:12px;text-align:center;color:#737b63}@media(min-width:1500px){.building-scene{height:530px}.desk-content{min-height:530px;max-height:600px}}@media(max-width:1100px){main{padding:22px}.masthead{padding:22px}.play-layout{grid-template-columns:minmax(0,1.5fr) minmax(285px,1fr);gap:14px}.desk-content{padding:14px}.room-tools{gap:8px}.connection{display:none}.room-tools>button{font-size:8px}.entry-layout{gap:45px}.panel-title i{display:none}.meter{padding:15px 18px}.lobby-panel{flex-wrap:wrap}.lobby-players{flex:1}.edition{display:none}.bottom-layout{gap:14px}.program-card h3{font-size:14px}.desk-content h2{font-size:23px}}@media(max-width:760px){.masthead{padding:18px 16px}.wordmark{font-size:35px}.wordmark i{font-size:6px;letter-spacing:1.2px}.header-right{gap:8px}.sound-button{font-size:8px;padding:7px;min-height:34px}main{padding:20px 13px 24px}.entry-layout{grid-template-columns:1fr;gap:20px;margin:12px auto;max-width:470px}.welcome h1{font-size:52px;line-height:1;letter-spacing:-2px;margin:15px 0}.welcome>p{font-size:12px;max-width:100%;margin-bottom:0}.welcome h1 br:nth-child(2){display:none}.welcome h1 em:before{content:' '}.welcome .small-label{font-size:8px}.entry-art{display:none}.start-box{margin:5px 0 20px}.start-content{padding:23px}.game-topbar{gap:8px;margin-bottom:15px;align-items:end}.game-topbar h1{font-size:25px;max-width:48vw;overflow-wrap:anywhere}.game-topbar .small-label{font-size:7px;letter-spacing:1px}.room-tools{gap:8px;flex-wrap:wrap;justify-content:end}.room-tools #share{font-size:7px;min-height:37px;padding:6px 8px}#share b{font-size:11px;margin:0 4px;letter-spacing:1px}#share>span{display:none}.room-tools .quiet-button{font-size:8px;min-height:30px}.dashboard{grid-template-columns:1.2fr 1fr 1fr 1fr;margin-bottom:15px}.meter{padding:12px 8px}.meter small{font-size:6px;letter-spacing:.8px;margin-bottom:7px}.meter strong{font-size:22px;letter-spacing:-1px}.meter i{font-size:9px}.play-layout{display:block}.building-scene{height:420px}.panel-title{font-size:8px;padding:9px;min-height:34px}.panel-title>#building-location{font-size:7px}.room-hit{font-size:8px;padding-top:3px}.room-hit .room-plaque{padding:5px 6px}.room-hit .room-id{font-size:6px}.tower-bottom{font-size:8px}.scene-legend{font-size:6px}.desk-panel{margin-top:15px}.desk-content{max-height:none;min-height:0;padding:20px}.catalogue-grid{grid-template-columns:repeat(2,1fr)}.program-art{height:85px}.program-card h3{font-size:17px}.program-card button{min-height:44px;font-size:10px}.program-meta{font-size:9px}.contract-card button,.news-card button{min-height:44px}.schedule-row{padding:10px 0;grid-template-columns:50px 1fr;gap:12px}.schedule-row select{font-size:14px;min-height:44px}.broadcast-bar{padding:15px;flex-direction:column;align-items:stretch;gap:14px;margin-top:15px}.broadcast-copy{gap:6px 13px}.broadcast-copy strong{font-size:11px}.round-actions{justify-content:space-between}.round-actions button{flex:1;font-size:10px;min-height:46px}.round-actions #countdown{font-size:22px;min-width:54px}.bottom-layout{grid-template-columns:1fr;margin-top:15px;gap:15px}.ticker-content{max-height:125px}.lobby-panel{padding:15px;gap:12px;margin-bottom:15px}.lobby-copy{flex-basis:100%}.lobby-players{flex-basis:100%}.lobby-actions{width:100%}.lobby-actions button{flex:1;font-size:8px}.lobby-player{font-size:8px}.lobby-player button{min-width:28px;min-height:28px}.desk-subtitle{font-size:12px}.desk-tag{font-size:9px}.desk-panel:focus{outline:none}#close-desk{display:block;min-width:30px;min-height:24px;font-size:20px}.bottom-layout p{font-size:11px}.ticker-line{font-size:10px}.dialog-content{padding:20px}footer{padding:20px 16px;font-size:7px}footer span:last-child{display:none}.dialog-actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

@media(max-width:760px){.filter-bar button{min-height:44px;min-width:44px}.sound-button,.key-button{min-height:44px}.key-button{min-width:44px}.masthead{padding-top:max(18px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}footer{padding-bottom:max(20px,env(safe-area-inset-bottom))}}

/* Broadcast console and chain creation, shared by the browser and native app. */
:root{--console-height:clamp(190px,36dvh,310px);--gold:#f5c966;--paper:#f5e6c5}
body{background:#111b2d;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}
.masthead{max-width:none;padding:9px max(20px,env(safe-area-inset-left));height:58px;background:#101a29;border-bottom:1px solid #b4883d}.wordmark{font-size:30px}.wordmark i{font-size:6px;margin-top:5px}.header-right{gap:8px}.edition,footer{display:none}
main{max-width:1600px;padding:16px 22px calc(var(--console-height) + env(safe-area-inset-bottom) + 30px)}
.creation-screen{min-height:calc(100dvh - var(--console-height) - 110px);display:grid;grid-template-columns:1fr minmax(310px,490px) 1fr;align-items:center;gap:20px;padding:20px;border-radius:14px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,#101a29a8,#101a29ed 45%,#101a29ab),url('./studio-art.png') center 38%/cover;box-shadow:inset 0 0 90px #07111e}
.creation-brand{align-self:start;transform:rotate(-6deg);font-weight:950;color:#ffdc75;font-size:clamp(35px,5.6vw,88px);letter-spacing:-5px;line-height:1;text-shadow:3px 5px #250b08,-1px -1px #fff0c1;white-space:nowrap}.creation-brand span{color:#f54c36}.creation-brand small{display:block;letter-spacing:1px;font-size:8px;margin:15px 0 0 8px;color:#fff1cb}
.creation-card{color:#f8e8c3;text-align:center;width:100%;padding:0 8px}.creation-card h1{font-size:clamp(24px,3vw,42px);font-weight:950;letter-spacing:1px;color:#ffda7a;margin:0;text-shadow:0 3px #5d230c}.creation-card>p{margin:5px 0 14px;color:#f3dfb0;font-size:12px}.creation-card form{background:linear-gradient(130deg,#fff2d7,#ddc69d);border:3px solid #b47b37;outline:1px solid #f5d68d;border-radius:14px;padding:16px 22px;box-shadow:0 7px 20px #0008;text-align:left}.creation-card label{font-size:13px;letter-spacing:0;text-transform:none;color:#17253b;margin-bottom:0}.creation-card input{margin:5px 0 11px;background:#fffaf0;border:2px solid #92908b;border-radius:8px;color:#16243a;font-weight:700;min-height:44px;padding:8px 12px;box-shadow:inset 0 2px 3px #0001}.creation-card .button-primary{width:100%;background:linear-gradient(#ef4938,#b2191b);color:#fff4c9;border:2px solid #7f1917;border-bottom:4px solid #641317;border-radius:14px;box-shadow:0 0 0 2px #e8b950,0 4px 10px #0005;font-size:22px;font-weight:950;text-shadow:1px 2px #5e1711;min-height:49px;margin-top:5px;display:flex;justify-content:center;gap:22px}.creation-card .button-primary:hover{background:#ed4634}.creation-card .identity-status{color:#b8df9d;font-size:11px;margin:12px 0 0}.creation-card .entry-note{font-size:10px!important;margin-top:5px!important;color:#b5bccc}
#multiplayer-options{margin:16px 0 0;color:#333b48;font-size:11px}#multiplayer-options summary{cursor:pointer;text-align:center;padding:5px;min-height:30px}#multiplayer-options button{font-size:10px;border-radius:6px;min-height:44px;background:#293d57;color:#f5e6c5;border-color:#52627b}#create{width:100%;margin:7px 0 12px}#multiplayer-options small{display:block;margin-top:7px;font-size:10px}.join-row input{margin-bottom:0}.creation-card .resume-button{color:#152b21;border-radius:8px;min-height:44px}
.tv-console{position:fixed;z-index:20;bottom:0;left:0;right:0;height:calc(var(--console-height) + env(safe-area-inset-bottom));padding:12px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));display:grid;grid-template-columns:1.08fr .82fr 1.12fr;gap:12px;background:repeating-linear-gradient(0deg,#48200e 0,#623218 3px,#48200e 7px);border-top:5px solid #b17b35;box-shadow:0 -5px 18px #0007;color:#ffe5a3}
.console-tv,.console-public{position:relative;min-width:0;border:3px solid #a47336;border-radius:16px;background:linear-gradient(#253240,#111826);box-shadow:inset 0 0 0 2px #0a0d13,0 2px 4px #0009;padding:24px 12px 6px;display:flex;flex-direction:column}.tv-console h2{position:absolute;z-index:2;top:-7px;left:50%;transform:translateX(-50%);font-family:inherit;white-space:nowrap;font-size:clamp(10px,1.6vw,17px);font-weight:900;letter-spacing:1px;background:#131c29;border:2px solid #ac7d39;border-radius:7px;margin:0;padding:4px 18px;color:#ffda74;text-shadow:0 2px #000}.onair-screen{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;border:5px solid #50535a;box-shadow:0 0 0 3px #080d13,inset 0 0 40px #000b;border-radius:22px;background:radial-gradient(ellipse,var(--program-color),#101b31);padding:6px;color:#fff5d8;overflow:hidden}.onair-screen.no-signal{background:repeating-linear-gradient(0deg,#0002 0 2px,#0000 2px 4px),linear-gradient(90deg,#8b9994 0 14%,#d0b75c 14% 28%,#65a9a7 28% 42%,#70a66a 42% 56%,#a873a7 56% 70%,#ad665f 70% 84%,#667999 84%)}.onair-screen strong{font-size:clamp(12px,1.6vw,22px);background:#101827dc;padding:4px 12px;border-radius:5px;max-width:100%;overflow-wrap:anywhere}.onair-screen small{font-size:10px;background:#101827da;border-radius:4px;padding:3px 6px}.onair-screen svg{width:45px;height:45px}.no-signal #onair-icon{display:none}.tv-controls{height:27px;display:flex;justify-content:center;align-items:center;gap:8px}.tv-controls i{width:24px;height:24px;border-radius:50%;background:linear-gradient(90deg,#23282c,#a9a7a0,#23282c);border:2px solid #0c111a}.tv-controls i:first-child{margin-right:auto}.tv-controls i:last-child{margin-left:auto}.tv-controls b{height:12px;width:35px;background:#c64134;border:2px solid #060c12;box-shadow:0 1px 0 #c4964a}.tv-controls b:nth-of-type(2){background:#5d9157}.tv-controls b:nth-of-type(3){background:#4c91b4}
.console-meters{display:flex;flex-direction:column;justify-content:space-evenly;min-width:0;background:linear-gradient(115deg,#243d50,#101c2c);border:3px solid #ad7f3f;border-radius:14px;padding:8px 10px;box-shadow:inset 0 0 0 2px #080f19}.console-meters>div{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:22%;border-bottom:1px solid #7591a533}.console-meters>div:last-child{border:0}.console-meters span{display:flex;align-items:center;gap:8px;font-size:20px}.console-meters label{font-size:clamp(9px,1.3vw,14px);letter-spacing:0;color:#eee7d8}.console-meters strong{font-size:clamp(13px,2vw,25px);padding:5px 8px;background:#0a1829;border:1px solid #536575;border-radius:7px;white-space:nowrap}.console-meters i{font-size:10px;font-style:normal}.console-meters div:first-child strong{color:#ffda74}
.console-public{padding:22px 7px 5px}.living-room{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:8px;background:linear-gradient(90deg,#c8a574,#efd1a0 48%,#9a7854);border:3px solid #161b23;box-shadow:inset 0 0 22px #5e371b99}.living-room:after{content:'';position:absolute;bottom:0;left:0;right:0;height:28%;background:repeating-linear-gradient(90deg,#6c3921 0 20px,#87502e 21px 42px);z-index:0}.room-picture{position:absolute;left:44%;top:7%;width:23%;height:26%;border:5px solid #6b442d;background:linear-gradient(140deg,#91acb3 50%,#678378 51% 68%,#9e784b 69%);box-shadow:0 1px 4px #0005}.room-sofa{position:absolute;bottom:16%;left:9%;width:82%;height:41%;background:linear-gradient(#71815c,#424d35);border:6px solid #3a412f;border-radius:18px 18px 10px 10px;box-shadow:0 7px 0 #3c3022;z-index:1}.room-sofa:before,.room-sofa:after{content:'';position:absolute;bottom:-4px;width:10%;height:70%;background:#67764e;border:3px solid #3c4731;border-radius:10px}.room-sofa:before{left:-8px}.room-sofa:after{right:-8px}.room-lamp{position:absolute;left:5%;top:15%;height:66%;width:3px;background:#665135}.room-lamp:before{content:'';position:absolute;left:-18px;top:0;width:40px;height:24px;background:#ffe4a1;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);filter:drop-shadow(0 0 12px #ffdb6a)}.room-table{position:absolute;bottom:4%;left:24%;width:53%;height:14%;background:linear-gradient(#c08a51,#6f3e23);border:2px solid #4b2e1e;border-radius:50%;z-index:3}.console-public p{text-align:center;font-size:clamp(8px,1.1vw,11px);margin:3px 0 0;white-space:nowrap;color:#ffe6a5}.sofa-viewers{position:absolute;bottom:24%;left:14%;width:73%;height:60%;display:flex;align-items:flex-end;justify-content:center;z-index:2}.sofa-person{width:16%;height:86%;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(2px 2px 1px #0005)}.sofa-person i{width:60%;height:36%;border-radius:45% 45% 43% 43%;background:#e6b28c;border-top:6px solid #5c3c29;position:relative}.sofa-person i:after{content:'· ·';font-style:normal;font-weight:900;color:#402b28;font-size:clamp(10px,1.4vw,18px);position:absolute;top:10%;left:17%;white-space:nowrap}.sofa-person b{width:95%;height:58%;background:var(--shirt);border-radius:35% 35% 12% 12%;border-bottom:12px solid #243246}.person-1,.person-4{height:76%}.person-3{height:92%}.person-5{height:68%}
.restore-screen{text-align:center;padding:50px 20px;min-height:240px}.restore-screen h1{color:#ffda74}.restore-screen button{border-radius:8px}#toast{bottom:calc(var(--console-height) + env(safe-area-inset-bottom) + 12px)}.game-topbar{margin-bottom:14px}.bottom-layout{margin-bottom:15px}
@media(max-width:760px){:root{--console-height:190px}.masthead{height:53px;padding:5px 12px}.wordmark{font-size:26px}.wordmark i{display:none}main{padding:10px 10px calc(var(--console-height) + env(safe-area-inset-bottom) + 20px)}.creation-screen{display:flex;flex-direction:column;gap:14px;padding:18px 10px;min-height:calc(100dvh - var(--console-height) - 90px)}.creation-brand{font-size:39px;letter-spacing:-3px;align-self:center}.creation-brand small{display:none}.creation-card{max-width:430px}.creation-card h1{font-size:27px}.creation-card form{padding:14px 17px}.tv-console{gap:5px;padding:9px 5px calc(5px + env(safe-area-inset-bottom));grid-template-columns:1fr .85fr 1fr;border-top-width:3px}.console-tv,.console-public{padding:17px 4px 3px;border-width:2px;border-radius:9px}.tv-console h2{font-size:8px;padding:4px 7px;border-width:1px;letter-spacing:.3px;top:-5px}.onair-screen{border-width:2px;border-radius:10px;padding:3px;gap:3px}.onair-screen strong{font-size:10px;padding:3px;line-height:1.15}.onair-screen small{font-size:7px;padding:2px}.onair-screen svg{height:28px;width:28px}.tv-controls{height:19px;gap:3px}.tv-controls i{height:16px;width:16px;flex-shrink:0}.tv-controls b{height:8px;width:14px}.console-meters{padding:5px 4px;border-width:2px;border-radius:9px}.console-meters span{font-size:12px;gap:3px}.console-meters label{font-size:8px}.console-meters strong{font-size:11px;padding:4px 3px;border-radius:4px}.console-meters i{font-size:7px}.console-meters #day{font-size:6px}.console-public p{font-size:7px;white-space:normal;min-height:19px;line-height:1.2}.living-room{border-width:2px}.room-picture{border-width:3px}.room-sofa{border-width:3px}.room-table{left:15%;width:70%}.sofa-person i{border-top-width:3px}.sofa-person i:after{font-size:8px;left:5%}.sofa-person b{border-bottom-width:7px}.room-lamp:before{width:24px;height:17px;left:-10px}}
@media(orientation:landscape) and (max-height:600px){:root{--console-height:165px}.masthead{height:40px;padding:2px 16px}.wordmark{font-size:24px}.wordmark i{display:none}.header-right button{min-height:30px}.creation-screen{display:grid;grid-template-columns:1fr minmax(300px,430px) 1fr;min-height:215px;padding:12px}.creation-brand{font-size:45px;align-self:center}.creation-card h1{font-size:25px}.creation-card>p{margin:2px 0 7px;font-size:10px}.creation-card form{padding:10px 17px}.creation-card label{font-size:11px}.creation-card input{min-height:38px;margin:3px 0 7px;padding:6px 10px}.creation-card .button-primary{min-height:40px;font-size:19px}.creation-card .entry-note{display:none}.creation-card .identity-status{margin-top:7px}.tv-console{gap:8px}.onair-screen small{font-size:8px}.console-meters strong{font-size:17px}.console-meters span{font-size:15px}.tv-console h2{font-size:11px}.console-public p{font-size:9px}.play-layout{grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr)}.building-scene{height:360px}.desk-content{min-height:360px;max-height:420px}}
/* Use the approved illustrated living room as the static set; viewers are live overlays. */
.living-room{background:#bca07b url('./audience-room.png') 100% 86%/292% 314% no-repeat}.living-room>.room-picture,.living-room>.room-lamp,.living-room>.room-sofa,.living-room>.room-table,.living-room:after{display:none}.sofa-viewers{bottom:23%;left:15%;width:68%;height:60%}

@media(max-width:760px) and (orientation:portrait){.living-room{background-size:auto 314%;background-position:98% 86%}}
@media(min-width:761px) and (min-height:601px) and (max-height:800px){.creation-screen{padding:12px;min-height:0}.creation-card h1{font-size:30px}.creation-card>p{margin:3px 0 8px}.creation-card form{padding:10px 20px}.creation-card input{margin:4px 0 7px;min-height:40px}.creation-card .button-primary{min-height:44px;font-size:20px}#multiplayer-options{margin-top:8px}#multiplayer-options summary{min-height:22px;padding:2px}.creation-card .identity-status{margin-top:8px}.creation-card .entry-note{font-size:9px!important}}
@media(orientation:landscape) and (max-height:600px){
 main{padding-top:6px}.creation-screen{min-height:0;padding:6px 10px;gap:14px}.creation-brand{font-size:36px;letter-spacing:-3px}.creation-brand small{display:none}.creation-card h1{font-size:23px;margin-bottom:5px}.creation-card>p{display:none}.creation-card form{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;padding:8px 12px}.creation-card label[for="name"]{grid-area:1/1}.creation-card #name{grid-area:2/1}.creation-card label[for="character"]{grid-area:1/2}.creation-card #character{grid-area:2/2}.creation-card input{min-height:38px;font-size:14px;margin:3px 0 5px}.creation-card #solo{grid-column:1/-1;min-height:37px;font-size:18px;margin:3px 0}.creation-card #multiplayer-options{grid-column:1/-1;margin-top:4px}.creation-card #multiplayer-options summary{min-height:20px;padding:1px}.creation-card .identity-status{display:none}.creation-card #multiplayer-options label{margin-top:10px}
}