.nadir-arcade{position:absolute;inset:0;z-index:30;background:#030708;color:#b6ff9a;isolation:isolate;touch-action:none;font-family:monospace;cursor:default}
.nadir-arcade[hidden],.nadir-welcome[hidden]{display:none}
.nadir-arcade::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#0002 3px 4px);box-shadow:inset 0 0 90px #0006}
.nadir-field{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none;cursor:crosshair}
.nadir-field:focus-visible{outline:1px solid #668464;outline-offset:-6px}.nadir-arcade audio{display:none}
.nadir-hud{position:absolute;z-index:3;top:max(24px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));display:flex;justify-content:space-between;gap:12px;pointer-events:none;font-size:12px;letter-spacing:.12em}
.nadir-hud>div{display:grid;gap:7px}.nadir-hud b{font-size:21px;letter-spacing:.12em;font-weight:normal}.nadir-hud small{font:10px/1.4 monospace;color:#93a69a;letter-spacing:.08em}.nadir-hud>div:nth-child(2){text-align:center}.nadir-hud>div:last-child{text-align:right}.nadir-lives{color:#f1c184;white-space:nowrap}
.nadir-welcome{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 20px;text-align:center;pointer-events:none}
.nadir-title{margin:0;position:absolute;top:12%;font:bold clamp(32px,6vw,61px)/1 monospace;letter-spacing:.16em;color:#b6ff9a;text-shadow:3px 3px #274b41}
.nadir-title small{display:block;font:12px/1.6 monospace;color:#cfae85;letter-spacing:.42em;margin-bottom:9px}
.nadir-ready-copy{position:absolute;top:52%;left:18px;right:18px;display:flex;flex-direction:column;align-items:center;gap:16px}
.nadir-ready-copy>p{font-size:13px;line-height:1.65;margin:0;max-width:36ch;color:#b4c4b8}
.nadir-start{pointer-events:auto;min-width:218px;min-height:58px;padding:16px 28px;border:2px solid #b6ff9a;box-shadow:5px 5px 0 #254739;background:#b6ff9a;color:#07140c;font:bold 18px/1 monospace;letter-spacing:.12em;cursor:pointer}
.nadir-start:hover,.nadir-start:focus-visible{background:#e7ffc3;outline:2px solid #c5adff;outline-offset:5px;box-shadow:5px 5px 0 #716089}.nadir-start:active{transform:translate(2px,2px);box-shadow:3px 3px 0 #254739}
.nadir-instructions{display:flex;gap:25px;justify-content:center;color:#8fa795;font:11px/1.8 monospace;letter-spacing:.05em}.nadir-instructions strong{display:block;color:#e1eac4;font-weight:normal;font-size:13px}
.nadir-controls{position:absolute;z-index:4;bottom:max(22px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));display:flex;gap:8px;justify-content:center}
.nadir-controls button{font:11px/1.2 monospace;letter-spacing:.05em;min-height:44px;padding:10px 15px;border:1px solid #42614b;background:#09150f;color:#b6ff9a;cursor:pointer}.nadir-controls button:hover,.nadir-controls button:focus-visible{border-color:#dfff9e;background:#172b20;outline:2px solid #dfff9e;outline-offset:3px}.nadir-controls button:disabled{display:none}
.nadir-help{position:absolute;z-index:3;bottom:max(77px,calc(env(safe-area-inset-bottom) + 58px));left:12px;right:12px;text-align:center;color:#9bb39e;letter-spacing:.05em;font:11px/1.4 monospace;pointer-events:none;margin:0;opacity:0}.is-playing .nadir-help{opacity:1}.nadir-touch-help{display:none}
.nadir-credit{position:absolute;z-index:4;bottom:4px;left:18px;font:8px/1 monospace;letter-spacing:.08em;color:#69816e;text-decoration:none}.nadir-credit:hover,.nadir-credit:focus-visible{color:#dcff91}
.nadir-status{position:absolute;z-index:4;top:44%;left:12px;right:12px;text-align:center;font:bold 20px/1.5 monospace;letter-spacing:.12em;pointer-events:none;opacity:0}.nadir-arcade.is-paused .nadir-status{opacity:1;background:#030708ed;padding:26px 12px}
#experience.nadir-active> :not(#nadir-arcade):not(#status){visibility:hidden!important;pointer-events:none!important}#experience.nadir-active::before,#experience.nadir-active::after{display:none}
@media(pointer:coarse){.nadir-touch-help{display:inline}.nadir-key-help{display:none}}
@media(max-width:480px){.nadir-hud{left:18px;right:18px;font-size:10px}.nadir-hud b{font-size:17px}.nadir-hud small{font-size:8px}.nadir-title{top:15%;font-size:35px}.nadir-title small{font-size:10px}.nadir-ready-copy{top:51%;gap:18px}.nadir-ready-copy>p{font-size:12px}.nadir-instructions{gap:20px}.nadir-controls button{padding:10px 12px}}
@media(max-height:650px) and (min-height:520px){.nadir-title{top:13%;font-size:32px}.nadir-ready-copy{top:55%;gap:10px}.nadir-instructions{line-height:1.5;font-size:10px}.nadir-start{min-height:48px;padding:12px}.nadir-ready-copy>p{font-size:11px}}
@media(max-height:519px){.nadir-hud{top:12px;font-size:9px}.nadir-hud b{font-size:16px}.nadir-hud small{display:none}.nadir-title{top:16%;left:9%;font-size:30px}.nadir-title small{font-size:9px}.nadir-ready-copy{top:43%;gap:8px}.nadir-ready-copy>p{font-size:11px}.nadir-start{min-height:44px;padding:12px 20px;min-width:190px;font-size:16px}.nadir-instructions{font-size:9px;gap:22px;line-height:1.4}.nadir-instructions strong{font-size:11px}.nadir-controls{bottom:7px;justify-content:flex-end;left:12px;right:12px}.nadir-controls button{min-height:40px;padding:8px 10px;font-size:10px}.nadir-help{bottom:52px;font-size:10px}.nadir-credit{bottom:10px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.nadir-start:active{transform:none}}
/* The next transmission. A wood cabinet surrounds an unobstructed player. */
.nadir-title{font-size:clamp(29px,5.5vw,56px);letter-spacing:.11em}.nadir-title small{letter-spacing:.22em}

.nadir-tv[hidden],.tv-max[hidden],.tv-film[hidden],.tv-panel button[hidden]{display:none}
.is-tv>:not(.nadir-tv){display:none!important}.is-tv::after{display:none}
.nadir-tv{position:absolute;inset:0;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:32px 24px;background:radial-gradient(ellipse at 50% 58%,#313334 0,#101419 48%,#030507 82%);touch-action:pan-y;color:#dbd5c3;box-sizing:border-box}
.tv-result{margin:0;color:#a4b6a3;font:11px/1.5 monospace;letter-spacing:.24em;text-align:center}
.tv-cabinet{width:min(100%,1020px);display:grid;grid-template-columns:minmax(0,1fr) 174px;gap:20px;padding:24px;border-radius:16px;border:3px solid #76553a;background:repeating-linear-gradient(1deg,#543720 0,#51341f 2px,#694529 3px,#604025 6px,#49321f 7px,#5d3d24 12px);box-shadow:inset 0 2px 2px #c19b6e,inset 0 -8px 7px #21170f,0 25px 65px #000b;box-sizing:border-box}
.tv-bezel{min-width:0;border-radius:18px;background:linear-gradient(135deg,#393b3b,#131617 60%,#3d4140);padding:16px 16px 10px;box-shadow:inset 2px 2px 5px #050808,1px 2px 1px #97734e}
.tv-screen{position:relative;aspect-ratio:4/3;min-height:200px;background:#020405;border-radius:9% / 7%;overflow:hidden;border:8px solid #080b0c;box-shadow:0 0 0 2px #4e5552,0 0 23px #000 inset}
.tv-film,.tv-film iframe,.tv-max,.tv-max canvas{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.tv-max{overflow:hidden}
.tv-parody{text-align:center;font:8px/1.5 monospace;letter-spacing:.08em;color:#aaa99c}
.tv-brand{padding-top:12px;font:bold 14px/1 monospace;color:#cac6b6}.tv-brand span{float:right;font:8px/1.5 monospace;color:#87928d;letter-spacing:.1em}
.tv-panel{padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:14px;border:2px solid #322a20;background:linear-gradient(100deg,#48483e,#262b28);box-shadow:inset 1px 1px #72786b;border-radius:5px;text-align:center}
.tv-led{width:6px;height:6px;border-radius:50%;background:#ed6d45;box-shadow:0 0 9px #ff7042}.tv-station{font:11px/1.4 monospace;letter-spacing:.1em;color:#dddfc7}.tv-dial{width:66px;height:66px;border:5px solid #161c19;border-radius:50%;background:repeating-conic-gradient(#899186 0 3deg,#272e29 3deg 15deg);box-shadow:1px 3px 5px #000;position:relative}.tv-dial:after{content:"";position:absolute;inset:9px 26px;background:linear-gradient(90deg,#8c9589,#222a24);border-top:5px solid #e9e4c4;transform:rotate(-35deg)}[data-channel="2"] .tv-dial:after{transform:rotate(35deg)}
.tv-panel button{font:10px/1.4 monospace;min-height:44px;width:100%;border:1px solid #828776;border-radius:3px;background:linear-gradient(#626b5d,#373f35);color:#fff4d6;cursor:pointer;padding:8px 5px;box-shadow:0 3px 0 #171c17}.tv-panel button:hover,.tv-panel button:focus-visible{outline:2px solid #c0ff9c;outline-offset:3px}.tv-programme{font:9px/1.5 monospace;letter-spacing:.1em;margin:0;color:#bfc7ae}.tv-speaker{width:100%;flex:1;min-height:44px;background:repeating-linear-gradient(0deg,#0b110e 0 3px,#4a5348 3px 5px);border:4px solid #323b31;border-radius:3px}.tv-panel .tv-power{color:#ffb48b;background:linear-gradient(#403e32,#282b23)}
.tv-hint{margin:0;font:12px/1.5 monospace;color:#a7b2a7;text-align:center}.tv-source{font:10px/1.5 monospace;color:#8c9a91;text-align:center}.tv-source:hover{color:#d6ffb0}
@media(max-width:650px){.nadir-title{font-size:clamp(26px,7.4vw,39px)}.nadir-title small{font-size:8px}.nadir-controls{gap:5px}.nadir-controls button{font-size:9px;padding:8px;min-height:44px}.nadir-tv{padding:24px 12px;gap:15px;justify-content:flex-start}.tv-cabinet{grid-template-columns:minmax(0,1fr);gap:14px;padding:14px;border-radius:12px;margin-top:auto}.tv-bezel{padding:10px 8px}.tv-screen{border-width:5px}.tv-panel{display:grid;grid-template-columns:1fr 1fr;padding:10px;gap:10px}.tv-led,.tv-dial,.tv-speaker{display:none}.tv-station,.tv-programme{grid-column:span 2}.tv-panel .tv-channel{grid-column:span 2}.tv-panel .tv-power{grid-column:span 2}.tv-hint{font-size:10px}.tv-source{margin-bottom:auto;font-size:9px}.tv-parody{font-size:7px}.tv-brand span{font-size:6px}}
@media(max-height:600px) and (min-width:651px){.nadir-tv{justify-content:flex-start;padding:15px;gap:12px}.tv-cabinet{width:min(100%,760px);padding:15px;gap:14px;grid-template-columns:minmax(0,1fr) 156px}.tv-panel{gap:8px;padding:10px}.tv-dial{display:none}.tv-screen{aspect-ratio:16/9}.tv-result{font-size:9px}.tv-hint{display:none}}

#experience.nadir-active{min-height:0;height:100vh;height:100dvh}
#experience:has(.nadir-arcade.is-tv),.nadir-arcade.is-tv{touch-action:pan-y}
@media(max-height:519px) and (max-width:650px){.nadir-title{left:auto;top:14%;font-size:26px}.nadir-ready-copy{top:52%;gap:10px}}

.nadir-gameover[hidden]{display:none}.nadir-gameover{position:absolute;z-index:5;inset:20% 12% 22%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#030708ec;border:1px solid #53785c;padding:24px;gap:14px}.nadir-gameover h2{color:#ffbd83;font:700 clamp(18px,4vw,30px)/1.3 monospace;margin:0}.nadir-gameover p{font:12px/1.6 monospace;margin:0}.nadir-retry{padding:15px 24px;min-height:48px;background:#bbff99;color:#071209;border:0;font:bold 14px monospace;cursor:pointer}.tv-status:empty{display:none}.tv-status{font:10px/1.5 monospace;color:#ffb87d}.tv-parody{grid-column:1/-1}

/* A separate control deck keeps thumbs clear of ships and incoming fire. */
.nadir-thumb{display:none;--ship:50%;position:absolute;z-index:4;left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));bottom:calc(max(22px,env(safe-area-inset-bottom)) + 56px);height:clamp(80px,13vh,112px);border:1px solid #507258;border-radius:12px;background:linear-gradient(#102019,#07100c);touch-action:none;user-select:none;cursor:ew-resize;box-sizing:border-box;visibility:hidden}
.has-thumb .nadir-thumb{display:block}.has-thumb.is-playing .nadir-thumb{visibility:visible}.nadir-thumb:focus-visible{outline:2px solid #c0ff9c;outline-offset:3px}.nadir-thumb.is-held{border-color:#c4ff9b;background:#142a1a;box-shadow:0 0 16px #83e68c20}
.nadir-thumb-label{position:absolute;top:12px;left:8px;right:8px;text-align:center;font:10px/1.4 monospace;letter-spacing:.05em;color:#c7dfb7}.nadir-thumb-track{position:absolute;left:24px;right:24px;top:47%;height:2px;background:#375440}.nadir-thumb-track i{position:absolute;left:var(--ship);top:-5px;width:10px;height:12px;transform:translateX(-50%);background:#b6ff9a;border-radius:2px}.nadir-thumb-rest{position:absolute;bottom:12px;left:8px;right:8px;text-align:center;font:9px monospace;letter-spacing:.17em;color:#809883}
.nadir-touch-guide{display:none}.has-thumb .nadir-touch-guide{display:block}.has-thumb .nadir-key-guide,.has-thumb .nadir-help{display:none}.has-thumb .nadir-ready-copy{gap:13px}.has-thumb.is-paused .nadir-thumb{opacity:.45}
.thumb-side .nadir-thumb{left:auto;right:max(14px,env(safe-area-inset-right));width:176px;top:110px;bottom:72px;height:auto;min-height:96px}.thumb-side .nadir-controls{bottom:max(12px,env(safe-area-inset-bottom))}.thumb-side .nadir-thumb-label{font-size:9px}.thumb-side .nadir-thumb-rest{font-size:8px}
@media(max-width:650px) and (max-height:519px){.has-thumb .nadir-thumb{height:70px;bottom:60px}.has-thumb .nadir-thumb-label{top:8px;font-size:9px}.has-thumb .nadir-thumb-rest{bottom:8px}.has-thumb .nadir-controls{bottom:8px}}
