:root{color-scheme:dark;background:#050907;color:#edf2e9;font:14px/1.6 Arial,Helvetica,sans-serif;--green:#bbef85;--muted:#879e8d;--pink:#db78b3;--amber:#e5bc7c}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,select,input{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:5px}[hidden]{display:none!important}
#shell{position:fixed;inset:0;background:#000}#screen{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#000;image-rendering:pixelated}#gate{position:absolute;inset:0;z-index:5;overflow:auto;text-align:center;background:#050907}.cover{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;opacity:.42;filter:blur(2px)}.shade{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 36%,#06140b20 0%,#06100a87 58%,#040807f5 100%),linear-gradient(0deg,#040807db,transparent 60%)}.edge{position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#5bba76,var(--green) 35%,#80b58d 60%,var(--pink) 87%,var(--amber));opacity:.75}
.masthead{position:relative;display:flex;justify-content:space-between;gap:16px;margin:0 auto;max-width:1320px;padding:25px 32px;color:#b6c8b6;font:10px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.16em;text-transform:uppercase}.masthead .edition{color:#809583}.gate-content{position:relative;min-height:calc(100svh - 180px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 22px 38px}.eyebrow{margin:0 0 15px;color:var(--green);font:10px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.3em;text-transform:uppercase}.gate-content h1{margin:0 0 0 -.07em;font:italic 900 clamp(82px,12vw,150px)/.94 Arial,Helvetica,sans-serif;letter-spacing:-.085em;color:#eff8e5;text-shadow:0 0 70px #5de25324,3px 4px 0 #10201770}.group{margin:25px 0 0;font:16px/1 Arial,Helvetica,sans-serif;letter-spacing:.65em;padding-left:.65em;color:#e2eddb}.meta{margin:14px 0 0;font:11px/1.6 Arial,Helvetica,sans-serif;color:#a5b6a5;letter-spacing:.08em}.rule{width:42px;height:1px;margin:30px 0 22px;background:var(--pink);opacity:.75}.credits{margin:0;color:#9bad9e;font:11px/1.8 Arial,Helvetica,sans-serif}.credits div{display:grid;grid-template-columns:110px 200px;gap:18px}.credits dt{text-align:right;color:#8da38e}.credits dd{margin:0;text-align:left;color:#d6e2d2}.credits .music dd{color:var(--amber)}.start{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-width:215px;min-height:49px;margin-top:32px;padding:11px 25px;border:1px solid #a2ce7d88;background:#10211099;color:#ddf6c3;text-transform:uppercase;font:11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.18em;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s}.start::after{content:'↗';font:19px/1 Arial,sans-serif;letter-spacing:0}.start:hover{background:#21371bd9;border-color:var(--green);box-shadow:0 0 35px #91da4412}.start:disabled{cursor:progress;color:#829a7e;border-color:#50644b;background:#0b160c80}.start:disabled::after{content:'·';animation:pulse 1s ease-in-out infinite}.audio-status{margin:10px 0 0;min-height:1.7em;color:#819780;font:10px/1.7 Arial,Helvetica,sans-serif;letter-spacing:.04em}footer{position:relative;padding:12px 24px max(20px,env(safe-area-inset-bottom));color:#829786;font:10px/1.7 Arial,Helvetica,sans-serif;letter-spacing:.025em}footer p{margin:10px 0 0}footer kbd{font:inherit;color:#c5d5bc}.links{display:flex;justify-content:center;align-items:center;gap:24px;margin-bottom:15px}.links a{color:#b7cba9;text-decoration:none;border-bottom:1px solid #7b9a5c50;padding:3px 0;transition:color .15s,border-color .15s}.links a:last-child{color:#d59abd;border-color:#875d7b50}.links a:hover{color:#f2f7dc;border-color:currentColor}.port-note{color:#667c6c}
.hud{position:absolute;z-index:3;bottom:max(17px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 12px;width:min(1120px,calc(100% - 32px));padding:12px 16px;border:1px solid #9fbf8b3d;background:#071009eb;box-shadow:0 8px 32px #0008;color:#c6d7bb}.hud button{padding:5px 8px;border:0;background:none;color:#d4e7c5;cursor:pointer;white-space:nowrap;font-size:12px}.hud button:hover{color:var(--green)}.hud button:disabled{opacity:.35;cursor:default}.hud select{min-width:140px;max-width:270px;flex:1;padding:6px 9px;border:1px solid #7e9b683d;background:#102015;color:#d0e2c2;font-size:11px}.hud label{display:flex;align-items:center;gap:5px;font-size:11px;color:#a4b99a;white-space:nowrap}.hud input{accent-color:var(--green)}#time{color:var(--amber);font:11px/1.5 Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}.separator{height:18px;width:1px;background:#819b6e3b}#status{position:absolute;z-index:3;top:max(17px,env(safe-area-inset-top));left:20px;right:130px;color:#a4bc95;font:11px/1.6 Arial,Helvetica,sans-serif;pointer-events:none;text-shadow:0 1px 4px #000}.home-button{color:var(--pink)!important}.hud .secondary{color:#8fa683;font-size:11px}.gate-footer-note{font-size:9px}
@keyframes pulse{50%{opacity:.2}}@media(max-width:700px){.masthead{padding:19px 20px}.masthead .edition{display:none}.gate-content{min-height:calc(100svh - 155px);padding:30px 16px 24px}.credits div{grid-template-columns:83px 185px;gap:12px}.gate-content h1{font-size:clamp(82px,20vw,120px)}.hud{gap:7px;width:calc(100% - 20px);padding:9px}.hud select{max-width:none;flex-basis:45%;order:1}.hud .section-label{display:none}.hud .secondary{display:none}.hud label{font-size:10px}.separator{display:none}#status{top:12px;left:12px;right:110px;font-size:10px}footer{padding-left:15px;padding-right:15px}.keys{max-width:290px;margin:10px auto 0!important}}@media(max-height:650px) and (min-width:701px){.masthead{padding-top:15px;padding-bottom:5px}.gate-content{min-height:calc(100svh - 140px);padding:14px}.gate-content h1{font-size:92px}.eyebrow{margin-bottom:8px}.group{margin-top:15px}.rule{margin:17px 0 12px}.start{margin-top:20px}.credits{font-size:10px}.meta{margin-top:10px}footer{padding-top:0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.credits dt{white-space:nowrap}@media(max-width:700px){.gate-content{min-height:calc(100svh - 190px)}.credits div{grid-template-columns:92px 185px}}
.masthead{font-size:11px;font-weight:600;letter-spacing:.12em}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em}.group{font-size:21px;font-weight:900;font-style:italic;letter-spacing:.32em;padding-left:.32em}.meta{font-size:12px;letter-spacing:.06em}.credits{font-size:12px;line-height:1.85}.credits dd{font-weight:600}.start{font-size:12px;font-weight:700;font-style:italic;letter-spacing:.12em}.audio-status{font-size:11px}footer{font-size:11px}.links a{font-weight:600}
.hud{display:block;padding:10px 14px;border-radius:5px}.hud-main,.hud-sections{display:flex;align-items:center;gap:9px;width:100%}.hud-sections{justify-content:center;margin-top:8px;padding-top:8px;border-top:1px solid #8eaa7630}.hud select{max-width:330px}.hud-main button{flex-shrink:0}.hud-main #timeline{display:block;flex:1;min-width:70px;height:20px;margin:0;cursor:pointer;accent-color:var(--green)}.stats-switch{cursor:pointer}.stats-switch input{appearance:none;position:relative;width:28px;height:16px;margin:0 3px 0 0;border-radius:9px;background:#46543e;cursor:pointer;flex-shrink:0}.stats-switch input::after{content:'';position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#e4eedb;transition:transform .15s}.stats-switch input:checked{background:#739c4f}.stats-switch input:checked::after{transform:translateX(12px)}#geek-panel{position:absolute;z-index:4;top:20px;right:20px;width:min(440px,calc(100% - 32px));padding:14px 16px;border:1px solid #9fbf8b50;border-radius:5px;background:#071009f0;box-shadow:0 8px 30px #0006;font-size:12px;line-height:1.8;font-variant-numeric:tabular-nums;pointer-events:none}#geek-panel h2{margin:0 0 7px;color:#d9edcb;font-size:12px;font-weight:700;letter-spacing:.04em}#geek-panel output{display:block;color:#b3c7a7}#geek-panel #stats{color:var(--green)}#geek-panel #status{position:static;margin-top:5px;color:#81967b;font-size:11px;text-shadow:none}#notice{position:absolute;z-index:8;top:20px;left:50%;transform:translateX(-50%);max-width:calc(100% - 40px);padding:10px 16px;background:#30151fee;border:1px solid var(--pink);color:#f5d6e8;font-size:13px}#loading{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:#03080570;pointer-events:none}#loading span{padding:15px 24px;border:1px solid #96b77c70;border-radius:5px;background:#0b180eea;color:#dfefce;font-size:13px}#shell:fullscreen{width:100%;height:100%;background:#000}#shell:fullscreen .hud{z-index:6}#shell:fullscreen #geek-panel{z-index:7}@media(max-width:760px){.hud-main{flex-wrap:wrap;justify-content:center;gap:5px}.hud-main #timeline{order:2;flex-basis:65%}.hud-main #time{order:3}.hud-main .stats-switch{margin-left:auto}.hud-sections{gap:5px}.hud-sections select{order:0;min-width:80px;max-width:none}.hud-sections .section-label{display:none}#geek-panel{right:12px;top:12px;padding:10px 12px;font-size:11px}.hud button{padding:5px;font-size:11px}.hud-main #fullscreen{display:block;font-size:11px}.hud .secondary{display:none}}