*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-user-select:none;user-select:none;background:#07030d;width:100%;height:100%;font-family:Courier New,monospace;overflow:hidden}#app{width:100%;height:100%;position:relative}#app canvas{display:block}@keyframes hueShift{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}:root{--hud-accent:#be78ff;--hud-accent-distance:#8ad0ff;--hud-accent-wipe:#ff7cf0;--hud-intensity:0}.hud-speed{color:#fdfbff;text-shadow:0 0 calc(12px + var(--hud-intensity) * 26px) var(--hud-accent), 0 0 calc(34px + var(--hud-intensity) * 60px) var(--hud-accent);pointer-events:none;font-size:60px;font-weight:700;position:absolute;bottom:6vh;left:50%;transform:translate(-50%)}.hud-distance{letter-spacing:.2em;color:#f2ecff;text-shadow:0 0 calc(9px + var(--hud-intensity) * 14px) var(--hud-accent-distance);pointer-events:none;font-size:28px;position:absolute;top:4vh;left:50%;transform:translate(-50%)}.hud-overlay{color:#efe2ff;text-align:center;cursor:pointer;pointer-events:none;background:radial-gradient(#1406248c 0%,#07030de0 75%);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:none;position:absolute;inset:0}.hud-overlay h1{letter-spacing:.38em;color:#fdfbff;text-shadow:0 0 22px var(--hud-accent-wipe), 0 0 70px var(--hud-accent-wipe);margin-left:.38em;font-size:76px}.hud-overlay p{font-size:20px}.hud-overlay .level-name{letter-spacing:.62em;color:#9ef0e4;text-shadow:0 0 14px #50ffdce6;margin-left:.62em;font-size:22px;animation:16s linear infinite hueShift}.hud-overlay .cta{color:#ffd9fb;text-shadow:0 0 12px #ff78f0e6;margin-top:18px;font-size:22px;animation:1.6s ease-in-out infinite pulse}.hud-overlay .hint{opacity:.72;margin-top:30px;font-size:14px;line-height:1.9}.hud-overlay .hint p{font-size:14px}.hud-overlay .death-title{letter-spacing:.34em;margin-left:.34em;font-size:58px}.hud-overlay .stats{margin-top:10px;font-size:22px;line-height:2.1}.hud-overlay .stats p{justify-content:space-between;gap:28px;min-width:360px;display:flex}.hud-overlay .stat-label{opacity:.55;letter-spacing:.18em}.hud-overlay .stat-value{color:#fdfbff;text-shadow:0 0 14px var(--hud-accent-wipe)}.hud-overlay .death-menu{pointer-events:auto;border:1px solid var(--hud-accent-wipe);color:#fdfbff;letter-spacing:.22em;cursor:pointer;text-shadow:0 0 10px var(--hud-accent-wipe);background:#10081e80;border-radius:5px;margin-top:22px;padding:9px 22px;font-family:Courier New,monospace;font-size:15px;transition:background .15s,transform .15s}.hud-overlay .death-menu:hover{background:#281240b3;transform:scale(1.05)}.blocker{z-index:50;text-align:center;color:#efe2ff;background:radial-gradient(at 30% 20%,#7828dc59,#0000 60%),radial-gradient(at 70% 80%,#28c8dc4d,#0000 60%),#07030d;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;font-family:Courier New,monospace;display:flex;position:fixed;inset:0}.blocker h1{letter-spacing:.3em;text-shadow:0 0 24px #cd82ff,0 0 80px #8250ffcc;margin-left:.3em;font-size:13vw;animation:16s linear infinite hueShift}.blocker p{opacity:.85;font-size:18px;line-height:1.8}.anomaly-flash{pointer-events:none;opacity:0;transition:opacity 80ms linear;position:absolute;inset:0;box-shadow:inset 0 0 0 6px #ff285ae6,inset 0 0 80px #ff285a73}.live-readout{color:#d8c8ff;white-space:pre;pointer-events:none;text-shadow:0 0 6px #965ae699;z-index:20;background:#080412b8;border:1px solid #be78ff59;border-radius:4px;padding:8px 10px;font-family:Courier New,monospace;font-size:12px;line-height:1.5;position:absolute;top:12px;left:12px}.landing{z-index:30;color:#eaf6ff;background:radial-gradient(#0806144d 0%,#04030cb8 82%);font-family:Courier New,monospace;position:absolute;inset:0;overflow:hidden}.landing-bg{pointer-events:none;opacity:.9;mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}.landing-scanlines{pointer-events:none;opacity:.5;mix-blend-mode:overlay;background:repeating-linear-gradient(#ffffff09 0 1px,#0000 2px 3px);position:absolute;inset:0}.landing-vignette{pointer-events:none;background:radial-gradient(#0000 50%,#0000008c 100%);position:absolute;inset:0}.landing-content{text-align:center;will-change:transform, opacity, filter;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.landing-brand{flex-direction:column;align-items:center;gap:10px;display:flex}.landing-title{letter-spacing:.3em;margin-left:.3em;font-size:100px;font-weight:700;display:inline-flex}.landing-title .tch{background:linear-gradient(180deg, #fff 0%, var(--hud-accent) 58%, var(--hud-accent-distance) 100%);color:#0000;filter:drop-shadow(0 0 26px var(--hud-accent));-webkit-background-clip:text;background-clip:text;display:inline-block}.landing-tiles{perspective:1100px;flex-wrap:wrap;justify-content:center;gap:30px;margin-top:26px;display:flex}.tile{border:1px solid color-mix(in srgb, var(--tile-a,#c98cff) 50%, transparent);cursor:pointer;width:300px;height:212px;transform-style:preserve-3d;background:#07061280;border-radius:14px;padding:0;transition:border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 12px 42px #00000080}.tile.theme-iris{--tile-a:#c98cff;--tile-b:#ff86ea}.tile.theme-matrix{--tile-a:#2bff84;--tile-b:#8affda}.tile.theme-space{--tile-a:#5bc8ff;--tile-b:#bfeaff}.tile-preview{opacity:.95;width:100%;height:100%;display:block;position:absolute;inset:0}.tile-shade{pointer-events:none;background:linear-gradient(#04030c00 0%,#04030c38 38%,#04030cd1 72%,#04030cf5 100%);position:absolute;inset:0}.tile-glow{opacity:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%), color-mix(in srgb, var(--tile-a) 60%, transparent) 0%, transparent 62%);position:absolute;inset:0}.tile-body{text-align:left;pointer-events:none;padding:18px 22px;position:absolute;bottom:0;left:0;right:0}.tile .tile-title{letter-spacing:.14em;color:#fff;text-shadow:0 0 16px var(--tile-a,#c98cff);font-size:33px}.tile .tile-sub{letter-spacing:.14em;color:#eaf2ff;opacity:.95;text-shadow:0 1px 6px #000000f2,0 0 2px #000000e6;margin-top:6px;font-size:12px}.tile .tile-go{letter-spacing:.26em;color:var(--tile-b,#8ad0ff);text-shadow:0 0 12px var(--tile-b,#8ad0ff);margin-top:12px;font-size:13px}.tile:hover{border-color:var(--tile-a,#c98cff);box-shadow:0 0 36px color-mix(in srgb, var(--tile-a) 60%, transparent), 0 16px 52px #0009}.tile.soon{cursor:default;opacity:.45}.tile.soon:hover{box-shadow:0 12px 42px #00000080}.landing-hint{opacity:.62;margin-top:22px;font-size:13px;line-height:1.9}.landing-settings-btn{border:1px solid var(--hud-accent-distance);color:#f2ecff;letter-spacing:.22em;cursor:pointer;text-shadow:0 0 8px var(--hud-accent-distance);background:#100c1e80;border-radius:6px;margin-top:8px;padding:9px 24px;font-family:Courier New,monospace;font-size:13px;transition:background .15s,transform .15s}.landing-settings-btn:hover{background:#281a40b3;transform:scale(1.04)}.landing-dive{z-index:60;pointer-events:none;will-change:transform, opacity;display:none;position:absolute;inset:0}.dive-core{filter:blur(10px);will-change:transform, opacity;border-radius:50%;width:44vmax;height:44vmax;margin-top:-22vmax;margin-left:-22vmax;position:absolute;top:50%;left:50%}.settings-panel{z-index:40;color:#efe6ff;background:#06030e99;justify-content:center;align-items:center;font-family:Courier New,monospace;display:flex;position:absolute;inset:0}.settings-card{border:1px solid var(--hud-accent);background:#0e071ceb;border-radius:12px;width:420px;max-width:90vw;padding:30px 32px;box-shadow:0 0 40px #0009}.settings-card h2{letter-spacing:.3em;color:#fdfbff;text-shadow:0 0 14px var(--hud-accent);margin-bottom:22px;margin-left:.3em;font-size:24px}.settings-row{margin:18px 0}.settings-row label{letter-spacing:.14em;opacity:.85;justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.settings-row .val{color:var(--hud-accent-distance);text-shadow:0 0 8px var(--hud-accent-distance)}.settings-row input[type=range]{accent-color:#c98cff;cursor:pointer;width:100%}.settings-row.toggle label{cursor:pointer}.settings-row.toggle input{accent-color:#c98cff;cursor:pointer;width:18px;height:18px}.settings-close{border:1px solid var(--hud-accent);color:#fdfbff;letter-spacing:.22em;cursor:pointer;width:100%;text-shadow:0 0 10px var(--hud-accent);background:#28124080;border-radius:6px;margin-top:26px;padding:10px;font-family:Courier New,monospace;font-size:14px;transition:background .15s}.settings-close:hover{background:#3c1a5cb3}