:root{color-scheme:light;--bg:#8ccbf4;--fg:#f4faff;--accent:#aee6ff;--line:rgba(230,244,255,.22);--surface:rgba(20,40,57,.34)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);font-family:Arial,Helvetica,sans-serif;color:var(--fg)}body{touch-action:none;user-select:none;-webkit-user-select:none}body>canvas:first-of-type{position:fixed;inset:0;width:100%;height:100%;display:block}canvas{touch-action:none}button,a,select,input{touch-action:manipulation}button{cursor:pointer;font:inherit;color:inherit}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:5px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.utilities{position:fixed;z-index:8;right:max(18px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top));display:flex;gap:6px}.icon-btn{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);backdrop-filter:blur(10px);box-shadow:0 2px 8px #10223916;transition:background .2s,transform .2s}.icon-btn:hover{background:rgba(18,40,59,.65);transform:translateY(-1px)}.icon-btn.active{color:#b1edff;border-color:#b1edff}.utilities{opacity:.58;transition:opacity .2s}.utilities:hover,.utilities:focus-within{opacity:1}#ov{position:fixed;inset:0;z-index:5;display:flex;align-items:flex-end;justify-content:center;gap:16px;padding-bottom:max(38px,env(safe-area-inset-bottom));pointer-events:none}#ov button{pointer-events:auto}#ov .icon-btn{width:50px;height:50px}.launch-btn{width:68px;height:68px;border:1px solid rgba(255,255,255,.65);border-radius:50%;display:grid;place-items:center;background:rgba(246,252,255,.92);color:#1b455c;box-shadow:0 5px 28px #18374c25;backdrop-filter:blur(10px);transition:transform .2s,background .2s}.launch-btn:hover{transform:scale(1.08);background:#fff}.launch-btn svg{width:26px;height:26px;fill:currentColor;margin-left:4px}.launch-btn:disabled{opacity:.3;cursor:not-allowed}#player-controls{display:none;position:fixed;z-index:5;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);gap:8px;opacity:.55;transition:opacity .2s}#player-controls:hover,#player-controls:focus-within{opacity:1}body.playing #player-controls{display:flex}body.exploring #pause{display:none}#trigger{display:none}body.exploring #trigger{display:flex}body.finished #player-controls{display:none}
#flash,#fade{position:fixed;inset:0;pointer-events:none;opacity:0}#flash{background:white;z-index:2}#fade{background:black;z-index:3}#end{position:fixed;inset:0;z-index:6;display:none;align-items:center;justify-content:center;background:#010205}#bhs{width:112px;height:112px;border-radius:50%;background:radial-gradient(circle,#000 36%,#0c1741 48%,#688cef 52%,#233c88 57%,transparent 73%);box-shadow:0 0 58px 10px #4279e22b;animation:singularity 6s ease-in-out infinite}#replay{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%)}@keyframes singularity{50%{transform:scale(1.12)}}#joy,#jump{display:none;position:fixed;z-index:5;border:1px solid #effaff55;background:#19384b35;border-radius:50%;touch-action:none;align-items:center;justify-content:center}#joy{width:104px;height:104px;left:max(20px,env(safe-area-inset-left));bottom:max(30px,env(safe-area-inset-bottom))}#knob{position:absolute;left:34px;top:34px;width:34px;height:34px;border-radius:50%;background:#effaff88}#jump{width:60px;height:60px;right:24px;bottom:47px}.t.playing.free #joy,.t.playing.free #jump{display:flex}.t.playing.free #player-controls{bottom:150px}
dialog{position:fixed;border:1px solid #b9d7ee33;border-radius:14px;background:#0d2232;color:#eaf6ff;padding:26px;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;touch-action:pan-y;box-shadow:0 25px 100px #10223988;color-scheme:dark}dialog::backdrop{background:#16344d55;backdrop-filter:blur(8px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.eyebrow{font-size:9px;letter-spacing:.15em;color:#aee6ff}.dialog-heading h2{font-size:28px;font-weight:400;margin:12px 0 0}.setting-row,.command-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding:18px 0;font-size:12px}.setting-row small{display:block;font-size:10px;color:#93b0c4;line-height:1.6;margin-top:6px;max-width:220px}select{max-width:125px;background:#16364c;color:var(--fg);border:1px solid var(--line);border-radius:5px;padding:9px;font-size:10px}input{accent-color:var(--accent)}input[type='range']{width:90px}.dialog-note{color:#94aec2;font-size:11px;line-height:1.7}.command-row kbd{font-size:9px;padding:4px;border-radius:3px;border:1px solid var(--line);white-space:nowrap}#notice{display:none;position:fixed;z-index:11;left:50%;bottom:100px;transform:translateX(-50%);padding:12px 18px;border:1px solid var(--line);border-radius:8px;max-width:90%;background:#18364de8;font-size:12px;text-align:center}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#bhs{position:relative;width:98px;height:98px;background:radial-gradient(circle,#000 43%,#020615 48%,#c6e5ff 50%,#417fcc 52%,#132e63 57%,transparent 70%);box-shadow:0 0 45px 8px #2862bf26}#bhs::before{content:'';position:absolute;inset:-10px;border-radius:50%;background:conic-gradient(from 40deg,transparent 10%,#76b6f877 18%,transparent 28%,#357acf55 52%,transparent 68%,#b0daff88 84%,transparent 94%);mask:radial-gradient(circle,transparent 48%,black 53%,transparent 64%);animation:accretion 24s linear infinite}#transmission{position:absolute;top:calc(50% + 86px);font-size:17px;letter-spacing:.18em;color:#a0bee1;font-variant-numeric:tabular-nums}#end{background:radial-gradient(ellipse at center,#030813,#010205 55%)}.exploring #previous,.exploring #next,.finished #player-controls,.finished #joy,.finished #jump{display:none!important}.reduced *,.reduced *::before,.reduced *::after{animation:none!important;transition:none!important}canvas:focus{outline:none}canvas:focus-visible{outline:2px solid #d2efff;outline-offset:-3px}#joy,#jump{min-width:44px;min-height:44px}@keyframes accretion{to{transform:rotate(360deg)}}
@media(max-width:600px){.utilities{top:max(12px,env(safe-area-inset-top));right:12px;gap:5px}.utilities .icon-btn{width:36px;height:36px}.utilities svg{width:17px;height:17px}#ov{padding-bottom:max(30px,env(safe-area-inset-bottom))}.launch-btn{width:62px;height:62px}.command-row{font-size:10px;gap:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}