/* Approved 1672 × 941 illustration, used as a shared UI atlas.
   Upper scene: y 0..500. Persistent console: y 500..941.
   Live controls cover the sample text; artwork never acts as a form. */
:root{--console-height:calc(var(--app-height, 100svh) * .46865)}
body:has(#entry:not([hidden])) .masthead{display:none}
body:has(#entry:not([hidden])) main{padding:0;max-width:none}
.creation-screen{position:fixed;inset:0 0 auto;height:calc(var(--app-height, 100svh) * .53135);min-height:0;display:block;padding:0;border:0;border-radius:0;box-shadow:none;background:url('./creation-ui.png') 0 0/100% 188.2% no-repeat;overflow:visible}
.creation-brand,.creation-card>h1,.creation-card>p:not(.identity-status),.creation-card form>label,.creation-card #solo>span{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.creation-card{position:absolute;inset:0;width:auto;max-width:none;padding:0;color:#f7e4b9;text-align:left}
.creation-card form{position:static;display:block;padding:0;border:0;border-radius:0;background:none;outline:0;box-shadow:none}
.creation-card #name,.creation-card #character{position:absolute;left:39.83%;width:24.44%;height:10.1%;min-height:0;margin:0;padding:0 .9%;border:2px solid #8b8b91;border-radius:clamp(4px,.5vw,9px);background:#f7f3ed;color:#132039;font-family:system-ui,-apple-system,sans-serif;font-size:clamp(12px,1.74vw,29px);font-weight:750;line-height:1;box-shadow:inset 0 1px 2px #0001;letter-spacing:0}
.creation-card #name{top:41.5%}.creation-card #character{top:61.8%}
.creation-card #solo{position:absolute;left:37.4%;top:76.1%;width:25.65%;height:19.4%;min-height:0;margin:0;padding:0;border:0;border-radius:20%;background:transparent;box-shadow:none;color:transparent;font-size:0;text-shadow:none;display:block;transition:background .15s}
.creation-card #solo:hover{background:#fff1}.creation-card #solo:active{background:#0002;transform:none}.creation-card #solo:disabled{background:#14142488;opacity:1}
.creation-card #identity-status{position:absolute;left:64.1%;top:89.8%;width:17%;height:7.6%;margin:0;padding:.15% .4%;background:#111923;color:#f9f2df;border-radius:5px;font-size:clamp(8px,1.15vw,19px);font-weight:750;line-height:1.6;white-space:nowrap;display:flex;align-items:center;gap:5px;overflow:hidden}
.creation-card #identity-status:before{content:'';width:.8em;height:.8em;flex-shrink:0;border-radius:50%;background:#d49c55;box-shadow:0 0 5px #000}.creation-card #identity-status.connected:before{background:#57d63b}
.creation-card #multiplayer-options{position:absolute;right:max(10px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));z-index:35;margin:0;padding:0;border:0;color:#fff0c9;font-size:11px;max-width:min(310px,44vw)}
.creation-card #multiplayer-options summary{min-height:32px;padding:7px 11px;text-align:center;background:#101b2bb8;border:1px solid #d0a86299;border-radius:6px;cursor:pointer}
.creation-card #multiplayer-options[open]{padding:10px;border:2px solid #bd914e;border-radius:10px;background:#152437;box-shadow:0 5px 20px #0009}
.creation-card #multiplayer-options label{font-size:12px;color:#f7e4b9;margin-top:8px}.creation-card #multiplayer-options input{min-height:40px;border-radius:5px}.creation-card #multiplayer-options small{color:#d0c9b4}.creation-card #multiplayer-options button{background:#c83b29;border:1px solid #eece83;border-radius:6px;color:#fff4ce}.creation-card #multiplayer-options #create{min-height:40px}
.creation-card #resume{position:absolute;right:1%;top:15%;width:auto;border-radius:7px}
/* Console details and lettering come directly from the approved illustration. */
.tv-console{height:var(--console-height);display:block;padding:0;border:0;gap:0;background:url('./creation-ui.png') 0 100%/100% 213.3787% no-repeat;box-shadow:none;overflow:hidden}
.tv-console .console-tv,.tv-console .console-public,.tv-console .console-meters{position:absolute;inset:0;border:0;padding:0;background:none;border-radius:0;box-shadow:none;display:block}
.tv-console .console-tv{right:65%}.tv-console .console-meters{left:35%;right:37%}.tv-console .console-public{left:63%}
.tv-console h2,.tv-controls,.console-meters>div>span,.console-meters #audience,.console-meters #coverage{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0}
.tv-console .onair-screen{position:absolute;left:9.7%;top:15%;width:72%;height:59%;min-height:0;border:0;border-radius:17%;box-shadow:none;background:radial-gradient(ellipse,var(--program-color),#101b31);padding:6px;display:flex;gap:5px;justify-content:center;align-items:center}
.tv-console .onair-screen.no-signal{background:transparent}.tv-console .no-signal>*{opacity:0}.tv-console .onair-screen strong{font-size:clamp(10px,1.55vw,25px)}.tv-console .onair-screen small{font-size:clamp(7px,.85vw,14px)}
.console-meters>div{position:static;border:0;min-height:0;display:block}
.console-meters strong,.console-meters #clock,.console-meters #cash,.console-meters .unavailable-value{position:absolute;left:51.2%;width:39.5%;height:13.1%;min-height:0;padding:0 2%;border:0;border-radius:10%;background:#071b2a;box-shadow:none;display:flex;align-items:center;justify-content:flex-end;color:#fff3d8;font-size:clamp(12px,2.25vw,38px);font-weight:850;line-height:1;white-space:nowrap;letter-spacing:-.7px}
.console-meters #cash{top:11.8%;color:#ffdb72}.console-meters #cash i{font-size:.8em}.console-meters .spectators-value{top:30.9%;justify-content:center;color:#99e4e8}.console-meters .image-value{top:50.2%;justify-content:center;color:#99e4e8}.console-meters #clock{top:69.8%;justify-content:center}
.tv-console .living-room{position:absolute;left:3%;top:10.7%;width:95%;height:78%;flex:none;border:0;border-radius:0;background:none;box-shadow:none;overflow:hidden}
.tv-console .living-room:after,.tv-console .living-room>.room-picture,.tv-console .living-room>.room-lamp,.tv-console .living-room>.room-sofa,.tv-console .living-room>.room-table{display:none}
.tv-console .sofa-viewers{bottom:28%;left:13%;width:72%;height:50%;z-index:1}
.tv-console #public-reaction{position:absolute;left:12.1%;top:80.5%;width:71.7%;height:8.4%;min-height:0;padding:0 1%;border-radius:5px;background:#0c1824;display:flex;align-items:center;justify-content:center;font-size:clamp(7px,1.12vw,19px);font-weight:750;line-height:1;white-space:nowrap;margin:0;color:#fff1c1}
body:has(#entry:not([hidden])) #toast{bottom:calc(var(--console-height) + 8px)}
/* Narrow screens reuse the same illustrated panel at a readable size.
   Landscape retains the exact approved composition. */

/* Orientation follows the stable game bounds, never the keyboard height. */
:root[data-layout="portrait"]{--console-height:calc(var(--app-width, 100vw) * .263755981)}
:root[data-layout="portrait"] .creation-screen{height:calc(var(--app-height, 100svh) - var(--console-height));background-size:auto 188.2%;background-position:50% 0}
:root[data-layout="portrait"] .creation-card #name,:root[data-layout="portrait"] .creation-card #character{left:24%;width:57%;font-size:clamp(16px,3vw,24px);height:9.5%}
:root[data-layout="portrait"] .creation-card #name{top:41.5%}
:root[data-layout="portrait"] .creation-card #character{top:61.8%}
:root[data-layout="portrait"] .creation-card #solo{left:19%;width:61%;top:76%;height:19.4%}
:root[data-layout="portrait"] .creation-card #identity-status{left:26%;width:65%;top:91%;font-size:11px;height:6%}
:root[data-layout="portrait"] .creation-card #multiplayer-options{max-width:75vw;top:8px}
:root[data-layout="portrait"] .tv-console{background-size:100% 213.3787%}
:root[data-layout="portrait"] .console-meters strong,:root[data-layout="portrait"] .console-meters .unavailable-value{font-size:clamp(10px,2.8vw,20px)}
:root[data-layout="portrait"] .tv-console #public-reaction{font-size:clamp(6px,1.6vw,10px)}
:root[data-layout="portrait"] .creation-screen{background-size:293.33% 188.2%;background-position:50% 0}
:root[data-layout="portrait"] .creation-card #name,:root[data-layout="portrait"] .creation-card #character{left:20.2%;width:71.7%;height:10.1%;font-size:clamp(16px,4vw,25px)}
:root[data-layout="portrait"] .creation-card #solo{left:13%;width:75.5%}
:root[data-layout="portrait"] .creation-card #identity-status{left:20%;width:72%;top:91%;height:7%;font-size:11px}
:root[data-layout="portrait"] .creation-card:after{content:'';position:absolute;left:92%;right:0;top:89%;bottom:0;background:#111923;pointer-events:none}
:root[data-layout="portrait"] .creation-card #identity-status{top:95%;height:5%;font-size:10px}
/* iOS zooms focused inputs below 16px, shifting the artwork underneath. */
.creation-card #name,.creation-card #character{font-size:clamp(16px,1.74vw,29px)}
body:has(#entry:not([hidden])){overflow:hidden;height:var(--app-height,100svh);overscroll-behavior:none}
body:has(#entry:not([hidden])) main{height:var(--app-height,100svh);overflow:hidden}
html[data-native="true"] .tv-console{bottom:auto;top:calc(var(--app-height,100svh) - var(--console-height))}
/* Live localized lettering replaces baked sample text; illustrations stay shared. */
.creation-card{left:29%;right:29%;top:0;bottom:0;width:42%;padding:10px 16px;border:4px solid #aa743b;border-radius:14px;background:linear-gradient(#193145,#0b1b2a);box-shadow:inset 0 0 0 2px #f0cd83,0 4px 18px #000a;overflow:auto;overscroll-behavior:contain;touch-action:pan-y}
.creation-card>h1,.creation-card>p:not(.identity-status),.creation-card form>label,.creation-card #solo>span{position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;clip-path:none!important;white-space:normal!important}
.creation-card>h1{padding:6px!important;text-align:center;border:2px solid #e6bf6d;border-radius:8px;background:linear-gradient(#a93021,#66150e);color:#ffe39a;font-size:clamp(15px,2vw,25px);line-height:1.1;text-shadow:1px 2px #20110b}
.creation-card>p:not(.identity-status){font-size:clamp(9px,1vw,13px);text-align:center;color:#e6d6b5;padding:5px 0 7px!important}
.creation-card form{display:grid;gap:4px}.creation-card form>label{font-size:clamp(10px,1vw,13px);font-weight:800;color:#fff0c6}
.creation-card #name,.creation-card #character,.creation-card #language{position:static!important;left:auto!important;top:auto!important;width:100%!important;height:32px!important;min-height:32px;margin:0!important;padding:4px 9px!important;border:2px solid #9c8c70;border-radius:5px;background:#faf3e5;color:#17293a;font:700 16px system-ui;box-shadow:inset 0 1px 3px #0002}
.creation-card #solo{position:static!important;width:100%!important;height:40px!important;min-height:40px;margin-top:5px!important;border:2px solid #f4cd76;border-radius:12px;background:linear-gradient(#ef3124,#b00d09 70%,#810906);color:#fff0b6!important;font:900 clamp(16px,1.8vw,24px) system-ui;text-shadow:1px 2px #4a0b08;box-shadow:inset 0 1px 2px #fff6,0 3px #532b13}
.creation-card #solo:hover{background:linear-gradient(#ff5140,#ca1b10)}.creation-card #solo>span{display:inline!important;margin-left:6px!important}
.creation-card #identity-status{position:static!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;min-height:20px;justify-content:center;margin-top:8px!important;padding:3px!important;font-size:10px!important;line-height:1.3;white-space:normal;overflow:visible}
.creation-card .entry-note{display:none!important}.creation-card:after{display:none!important}
.creation-card #multiplayer-options{position:fixed;right:48px;top:7px;max-width:min(310px,40vw);z-index:40}.creation-card #resume{position:fixed;right:8px;top:46px;font-size:10px;max-width:25%;min-height:34px}
.language-settings-trigger{position:fixed;right:7px;top:6px;z-index:60;width:34px;height:32px;min-height:32px;padding:0;border:1px solid #cba364;border-radius:8px;background:#102334dd;color:#ffe5a8;font:22px system-ui;box-shadow:0 2px 4px #0007}
.arrival-heading .arrival-channel{margin-right:34px}.language-dialog{width:min(360px,90vw);border:3px solid #c99c53;border-radius:14px;background:#152d3e;color:#ffedc5;padding:22px;box-shadow:0 8px 40px #000a}.language-dialog::backdrop{background:#0009}.language-dialog h2{margin:0 0 16px}.language-dialog label{display:block;margin-bottom:7px}.language-dialog select{display:block;width:100%;height:46px;background:#fff5df;font-size:16px;margin-bottom:18px}.language-dialog button{width:100%}
.tv-console h2{position:absolute!important;clip-path:none!important;overflow:hidden!important;left:14%;top:1%;width:63%!important;height:7.3%!important;margin:0!important;padding:0 2%!important;display:flex;align-items:center;justify-content:center;white-space:nowrap!important;border:1px solid #a67d44;border-radius:5px;background:#101d29;color:#ffe29a;font:900 clamp(6px,1.4vw,18px)/1 system-ui;text-shadow:0 1px #000}

.tv-console .console-meters>div>span{position:absolute!important;clip-path:none!important;left:20%;width:29%!important;height:13%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#0d2130;font-size:0;display:flex;align-items:center;justify-content:flex-start}
.console-meters>div:nth-child(1)>span{top:11.8%}.console-meters>div:nth-child(2)>span{top:30.9%}.console-meters>div:nth-child(3)>span{top:50.2%}.console-meters>div:nth-child(4)>span{top:69.8%}
.tv-console .console-meters label{font:800 clamp(5px,.9vw,13px)/1.1 system-ui;color:#fff0d0;white-space:normal;overflow-wrap:anywhere}
.tv-console .onair-screen.no-signal{background:repeating-linear-gradient(0deg,#0003 0 1px,transparent 1px 4px),linear-gradient(90deg,#b5b9ae 0 14%,#d4c14c 14% 28%,#76c2be 28% 42%,#85bb64 42% 56%,#ac78aa 56% 70%,#b45f58 70% 84%,#7994ba 84%);border:2px solid #253443}
.tv-console .no-signal>*{opacity:1}.tv-console .no-signal #onair-detail,.tv-console .no-signal #onair-icon{display:none}.tv-console .no-signal strong{background:#17202bea;font-weight:900;color:#fff4d6}
:root[data-layout="portrait"] .creation-card{left:2%;right:2%;top:40px;bottom:5px;width:96%;padding:18px 20px;display:flex;flex-direction:column;justify-content:center}
:root[data-layout="portrait"] .creation-card>h1{font-size:25px}:root[data-layout="portrait"] .creation-card>p:not(.identity-status){font-size:12px;padding:10px 0 15px!important}
:root[data-layout="portrait"] .creation-card form{gap:8px}:root[data-layout="portrait"] .creation-card form>label{font-size:13px}:root[data-layout="portrait"] .creation-card #name,:root[data-layout="portrait"] .creation-card #character,:root[data-layout="portrait"] .creation-card #language{height:44px!important;font-size:17px}
:root[data-layout="portrait"] .creation-card #solo{height:50px!important;font-size:23px}:root[data-layout="portrait"] .creation-card #multiplayer-options{max-width:75vw;right:48px;top:6px}:root[data-layout="portrait"] .creation-card #resume{left:8px;right:auto;top:7px;max-width:45%}
@media(max-height:520px){.creation-card{padding:7px 12px}.creation-card>h1{font-size:16px}.creation-card>p:not(.identity-status){font-size:9px;padding:3px 0!important}.creation-card form{gap:3px}}


.creation-card{z-index:2}.creation-screen:after{content:'';position:absolute;left:69.5%;top:89%;width:14%;height:11%;background:#102130;border-radius:5px;z-index:1}:root[data-layout="portrait"] .creation-screen:after{display:none}

.creation-card #identity-status{position:fixed!important;left:70%!important;top:calc((var(--app-height,100svh) - var(--console-height)) * .89)!important;width:13%!important;height:calc((var(--app-height,100svh) - var(--console-height)) * .11)!important;min-height:0;margin:0!important;z-index:3;font-size:clamp(7px,.8vw,11px)!important}
:root[data-layout="portrait"] .creation-card #identity-status{position:static!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;min-height:24px;margin-top:10px!important;font-size:11px!important}

.console-meters #cash{cursor:pointer;font-family:inherit;letter-spacing:inherit;transition:none}.console-meters #cash:hover{background:#153347}.console-meters #cash:active{transform:none}.console-meters #cash:focus-visible{outline:2px solid #ffe29a;outline-offset:1px}
.console-meters #clock{cursor:pointer;font-family:inherit;transition:none}.console-meters #clock:hover{background:#153347}.console-meters #clock:active{transform:none}.console-meters #clock:focus-visible{outline:2px solid #ffe29a;outline-offset:1px}.clock-days{margin:24px 0;text-align:center;font-size:32px;font-weight:850;color:#ffdc82}

/* Brass screws, a walnut surround and an inset monitor echo the permanent console. */
.hold-info{position:fixed;z-index:90;left:50%;bottom:calc(var(--console-height) + 10px);transform:translateX(-50%);width:min(420px,92vw);margin:0;padding:18px;border:5px solid #795027;border-radius:16px;background:repeating-linear-gradient(2deg,#744222 0,#85502b 3px,#66391f 5px,#89512c 9px);box-shadow:0 0 0 2px #e9be70,inset 0 0 0 2px #e8af55,0 8px 20px #0008;color:#fff0be;font-family:system-ui;pointer-events:none}
.hold-info[hidden]{display:none!important}.hold-info::before,.hold-info::after{content:"✦";position:absolute;top:3px;font-size:13px;color:#ffda87;text-shadow:0 1px 2px #25170d}.hold-info::before{left:5px}.hold-info::after{right:5px}
.hold-info h2{position:relative;width:fit-content;max-width:100%;margin:-9px auto 10px;padding:5px 22px;border:2px solid #cba25c;border-radius:7px;background:linear-gradient(#223442,#0b1925);box-shadow:0 2px 3px #0009;color:#ffda7f;font-size:clamp(12px,2.5vw,17px);font-weight:900;letter-spacing:1px;text-align:center;text-shadow:0 2px #000}
.hold-info dl{margin:0;padding:6px 14px;border:3px solid #bb955c;border-radius:9px;background:linear-gradient(120deg,#1b3546,#081b29);box-shadow:inset 0 3px 8px #0009,0 1px #f3d28b}
.hold-info dl>div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 0}.hold-info dl>div+div{border-top:1px solid #7e9a9a55}.hold-info dt{font-size:clamp(11px,2.5vw,14px);font-weight:700;color:#e5e0ca}.hold-info dd{margin:0;padding:5px 8px;border:1px solid #54717f;border-radius:5px;background:#061924;box-shadow:inset 0 2px 4px #0008;color:#ffda78;font-size:clamp(17px,4vw,25px);font-weight:850;white-space:nowrap}
.hold-info .clock-days{margin:0;padding:13px;border:3px solid #bb955c;border-radius:9px;background:linear-gradient(120deg,#1b3546,#081b29);box-shadow:inset 0 3px 8px #0009;color:#ffda78;font-size:29px;text-align:center}
.console-meters #cash,.console-meters #clock{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
@media(max-height:480px){.hold-info{padding:12px;bottom:calc(var(--console-height) + 6px)}.hold-info h2{margin-bottom:5px;font-size:12px;padding:3px 18px}.hold-info dl>div{padding:4px 0}.hold-info dd{font-size:18px;padding:3px 6px}.hold-info .clock-days{padding:7px;font-size:24px}}

/* Lettering fits inside the original brass plaques (1672×941 console artwork). */
.tv-console h2{top:4.55%!important;height:6.8%!important;padding:0 1%!important;border:0;border-radius:3px;transform:none!important;background:#101d29}
.tv-console .console-tv>h2{left:27.35%;width:46.45%!important}
.tv-console .console-public>h2{left:29.35%;width:41.7%!important}

/* The colour bars already identify an idle broadcast monitor. */
.tv-console .onair-screen.no-signal #onair-title{display:none}

.tv-channel-controls{position:absolute;left:26.4%;top:79%;width:48%;height:12.6%;display:flex;align-items:center;gap:7%;z-index:4}
.tv-channel-controls .tv-key{flex:1;min-width:0;width:0;min-height:0;height:72%;padding:0;border:2px solid #21150f;border-bottom:4px solid #25180f;border-radius:4px;background:linear-gradient(#ffffff80,transparent 45%),var(--key);box-shadow:0 0 0 1px #b78b50,inset 1px 1px 1px #fff9,0 3px 2px #0009;color:#fff9;font:bold clamp(6px,1vw,13px) system-ui;line-height:1;text-shadow:0 1px #000;touch-action:manipulation}
.tv-key.tv-off{--key:#6b7780}.tv-key.tv-own{--key:#be251e}.tv-key.tv-second{--key:#2d9c3f}.tv-key.tv-third{--key:#287bc3}
.tv-channel-controls .tv-key[aria-pressed="true"]{transform:translateY(2px);border-bottom-width:2px;background:linear-gradient(#0007,#0001),var(--key);box-shadow:0 0 0 1px #b78b50,inset 1px 3px 4px #000b;color:#fff4cb}
.tv-channel-controls .tv-key:focus-visible{outline:2px solid #ffe29b;outline-offset:3px}
.tv-console .onair-screen{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:pointer;overflow:hidden}
.tv-console .onair-screen.tv-powered-off{background:radial-gradient(ellipse at 30% 20%,#26343c,#050a0e 75%);border:2px solid #253443}
.tv-console .onair-screen.tv-powered-off>*{display:none!important}
.broadcast-info{width:min(460px,92vw)}.broadcast-info dl>div{padding:7px 0}.broadcast-info dd{font-size:clamp(12px,2.8vw,19px);white-space:normal;text-align:right;overflow-wrap:anywhere}.broadcast-info dt{flex-shrink:0}

/* Icon-only instrument panel: painted sofa and heart replace embedded artwork and labels. */
.tv-console .console-meters::before{content:"";position:absolute;left:4.2%;right:5.5%;top:8.8%;bottom:10.2%;border:1px solid #45606d;border-radius:4%;background:linear-gradient(115deg,#1b3546,#0a1c2a 70%);box-shadow:inset 0 2px 6px #0009;pointer-events:none}
.tv-console .console-meters>div>span{left:7%!important;width:20%!important;height:17%!important;background:none;justify-content:center;overflow:visible!important}
.tv-console .console-meters>div:nth-child(1)>span{top:10%}.tv-console .console-meters>div:nth-child(2)>span{top:29%}.tv-console .console-meters>div:nth-child(3)>span{top:48.2%}.tv-console .console-meters>div:nth-child(4)>span{top:67.8%}
.tv-console .console-meters>div>span svg{display:block;width:100%;height:100%;filter:drop-shadow(1px 2px 1px #0008)}
.tv-console .console-meters label{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.tv-console .console-meters #cash,.tv-console .console-meters #clock,.tv-console .console-meters .unavailable-value{left:32%;width:58%;height:14.5%;border:1px solid #47606e;border-top-color:#728894;border-radius:8%;background:linear-gradient(#051522,#0b2130);box-shadow:inset 0 2px 5px #0009,0 1px 0 #d2bb7c22}

/* Living-room animation fills the television, including the old baked caption area. */
.tv-console .living-room{left:3.6%;top:11.2%;width:93.5%;height:79.3%;background:#122532;border-radius:3%;overflow:hidden}
#family-canvas{display:block;position:absolute;inset:0;width:100%;height:100%}
#public-reaction{display:none!important}.tv-console .console-meters .spectators-value{font-variant-numeric:tabular-nums}
.tv-console .onair-screen.has-cover{padding:0;background:#0a1720}
#onair-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none}
#onair-cover[hidden],#onair-badge[hidden]{display:none!important}
.tv-console .onair-screen.has-cover #onair-icon,.tv-console .onair-screen.has-cover #onair-detail{display:none}
.tv-console .onair-screen.has-cover #onair-title{position:absolute;left:0;right:0;bottom:0;margin:0;padding:10% 5% 4%;border:0;border-radius:0;background:linear-gradient(transparent,#07131be8);color:#fff0c7;text-shadow:0 1px 2px #000;font:850 clamp(8px,1.2vw,19px)/1.1 system-ui;text-align:center;white-space:normal;z-index:1}
#onair-badge{position:absolute;top:6%;left:7%;z-index:2;padding:3px 6px;border:1px solid #f0c87b;border-radius:4px;background:#a82e22e8;color:#ffedbb;font:bold clamp(6px,.7vw,11px) system-ui;letter-spacing:.5px;pointer-events:none}

/* The complete sofa row is a single press target, including its icon and value. */
#audience-trigger{cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
#audience-trigger:focus-visible{outline:2px solid #ffda78;outline-offset:-5px;border-radius:8px}
#audience-trigger[aria-expanded="true"] .spectators-value{color:#fff1ae;text-shadow:0 0 8px #e4bd6570}
.audience-info{width:min(460px,92vw)}
.audience-info dd{font-size:clamp(14px,3vw,22px)}
.audience-info .audience-next{align-items:flex-start;flex-direction:column;gap:7px}
.audience-info .audience-next dd{width:100%;box-sizing:border-box;white-space:normal;background:linear-gradient(#962f25,#591e1c);border-color:#c5894e;color:#ffe3a0;font-size:clamp(13px,2.6vw,17px)}
#audience-trigger::after{content:"";position:absolute;left:8%;top:29%;width:85%;height:18%;border-radius:9px}
#audience-trigger:focus-visible::after{outline:2px solid #ffda78}
.tv-console .console-meters #audience-trigger{position:absolute;left:8%;top:29%;width:85%;height:18%;padding:0;background:none;border:0}
#audience-trigger::after{inset:0;width:100%;height:100%}
.console-meters #audience-trigger .spectators-value{left:50.82%;top:10.56%;width:46.47%;height:72.78%}
.tv-console .console-meters #audience-trigger>span{left:-1.176%!important;top:0;width:23.529%!important;height:94.444%!important}

.tv-console .onair-screen.has-cover #onair-title{padding:7% 5% 3%;font-size:clamp(8px,1vw,16px);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}