:root{--void:#02040a;--abyss:#06101e;--bio:#34efd0;--bio-hot:#9bffee;--hunter:#ff2d6b;--gold:#ffd56b;--paper:#cfe8e4}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;overflow:hidden;background:var(--void)}body{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;color:var(--paper);-webkit-user-select:none;-moz-user-select:none;user-select:none}#c{display:block;touch-action:none}#c,#hud{position:fixed;inset:0}#hud{pointer-events:none;z-index:5}.stat{position:absolute;text-transform:uppercase;letter-spacing:.14em}.stat .lab{display:block;font-size:10px;color:rgba(52,239,208,.55);margin-bottom:5px}.stat .v{font-size:26px;font-weight:700;line-height:1}#depth{top:22px;left:26px}#shards{top:22px;left:50%;transform:translateX(-50%);text-align:center}#shards .v{color:var(--gold)}#lives{top:22px;right:26px;text-align:right}#lives .v{color:var(--hunter);font-size:22px;letter-spacing:6px}#lives .v .x{color:rgba(207,232,228,.15)}#pings{bottom:24px;left:26px}#pings .v{color:var(--bio-hot)}#breath{position:fixed;bottom:24px;right:26px;text-align:right}#breath .lab{display:block;font-size:10px;letter-spacing:.14em;color:rgba(52,239,208,.55);margin-bottom:5px;text-transform:uppercase}#sightbar{width:200px;height:8px;background:hsla(0,0%,100%,.06);border:1px solid rgba(52,239,208,.18);margin-left:auto}#sightfill{height:100%;width:10%;background:var(--bio);box-shadow:0 0 10px var(--bio);transition:width .06s linear}.overlay{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 24px 64px;background:radial-gradient(ellipse at center,rgba(6,16,30,.82),rgba(2,4,10,.98));overflow-y:auto;-webkit-overflow-scrolling:touch}.overlay.hidden{display:none}.title{font-size:min(17vw,18vh,140px);font-weight:800;letter-spacing:.22em;line-height:.9;color:var(--paper);text-shadow:0 0 30px rgba(52,239,208,.55)}.thesis,.title .a{color:var(--bio)}.thesis{margin-top:clamp(10px,2.4vh,22px);font-size:clamp(11px,2.2vw,15px);letter-spacing:.24em;text-transform:uppercase;max-width:520px;line-height:1.8}.panel{margin-top:clamp(14px,2.8vh,30px);max-width:430px;font-size:clamp(12px,1.6vh,13px);line-height:1.85;color:rgba(207,232,228,.65);letter-spacing:.03em}.panel b{color:var(--paper)}.key{display:inline-block;min-width:20px;padding:1px 7px;margin:0 2px;border:1px solid rgba(52,239,208,.4);border-radius:3px;color:var(--bio);font-size:12px}.btn{margin-top:clamp(18px,3.5vh,36px);pointer-events:auto;cursor:pointer;background:var(--bio);color:var(--void);border:none;font-family:inherit;font-weight:800;font-size:17px;letter-spacing:.22em;text-transform:uppercase;padding:15px 44px;border-radius:2px;box-shadow:0 0 30px rgba(52,239,208,.45);transition:transform .12s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 0 44px rgba(52,239,208,.7)}#endTitle{font-size:clamp(38px,9vw,84px);font-weight:800;letter-spacing:.12em;color:var(--hunter);text-shadow:0 0 28px rgba(255,45,107,.5)}#endTitle.win{color:var(--gold);text-shadow:0 0 28px rgba(255,213,107,.5)}#endStats{margin-top:22px;font-size:15px;letter-spacing:.08em;line-height:2.1;color:rgba(207,232,228,.8)}#endStats b{color:var(--gold);font-size:22px;font-weight:800}.hint{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.18em;color:rgba(207,232,228,.3);text-transform:uppercase}@media (prefers-reduced-motion:reduce){.btn{transition:none}}#touch{display:none}#stick{position:fixed;left:28px;bottom:70px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at center,rgba(52,239,208,.1),rgba(52,239,208,.03) 70%,transparent);border:1px solid rgba(52,239,208,.22);touch-action:none;z-index:6;display:flex;align-items:center;justify-content:center}#thumb{width:56px;height:56px;background:rgba(52,239,208,.22);box-shadow:0 0 18px rgba(52,239,208,.45);pointer-events:none;will-change:transform}#pulseBtn,#thumb{border-radius:50%;border:1px solid rgba(155,255,238,.55)}#pulseBtn{position:fixed;right:28px;bottom:92px;width:96px;height:96px;background:rgba(155,255,238,.1);color:var(--bio-hot);font-family:inherit;font-weight:800;font-size:13px;letter-spacing:.18em;box-shadow:0 0 18px rgba(52,239,208,.35);touch-action:none;z-index:6;cursor:pointer;-webkit-tap-highlight-color:transparent}#pulseBtn:active{background:rgba(155,255,238,.25);transform:scale(.96)}.ctrls{margin-top:clamp(12px,2vh,22px)}.ctrls-touch{display:none}.ctrls-touch b{color:var(--bio);font-weight:700}@media (pointer:coarse){#touch{display:block}.ctrls-kb{display:none}.ctrls-touch{display:block}}#rotate{display:none}@keyframes rotateHint{0%,40%{transform:rotate(0deg)}60%,to{transform:rotate(-90deg)}}@media (pointer:coarse) and (orientation:portrait){#rotate{position:fixed;inset:0;z-index:100;background:var(--void);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:var(--bio)}.rotate-icon{color:var(--bio);filter:drop-shadow(0 0 12px rgba(52,239,208,.45));animation:rotateHint 2.4s ease-in-out infinite;transform-origin:50% 50%}.rotate-text{margin-top:28px;font-size:16px;font-weight:800;letter-spacing:.22em;color:var(--paper)}.rotate-sub{margin-top:10px;font-size:11px;letter-spacing:.24em;color:rgba(207,232,228,.5);text-transform:uppercase}}@media (max-width:520px){.title{letter-spacing:.16em}.thesis{margin-top:14px;line-height:1.7;padding:0 8px}.panel{margin-top:20px;line-height:1.9;font-size:12px;padding:0 8px}.btn{margin-top:24px;padding:13px 36px;font-size:15px}.hint{display:none}#depth{left:14px}#depth,#shards{top:14px}.stat .v{font-size:20px}.stat .lab{font-size:9px}#lives{top:14px;right:14px}#lives .v{font-size:16px;letter-spacing:4px}#pings{bottom:auto;top:50px;left:14px;right:auto}#breath{display:none}#stick{left:18px;bottom:28px;width:124px;height:124px}#pulseBtn{right:18px;bottom:40px;width:84px;height:84px}}body:has(.overlay:not(.hidden)) #touch{display:none}@media (pointer:coarse){.hint{display:none}.overlay{padding-bottom:24px}}@media (pointer:coarse) and (orientation:landscape) and (max-height:480px){.overlay{padding:12px 16px;justify-content:center}.title{font-size:min(11vw,15vh,72px);letter-spacing:.18em}.thesis{margin-top:6px;font-size:11px;line-height:1.5;letter-spacing:.2em;max-width:640px}.panel{margin-top:8px;font-size:11px;line-height:1.55;max-width:560px}.ctrls{margin-top:6px}.btn{margin-top:12px;padding:9px 28px;font-size:13px;letter-spacing:.2em}#endTitle{font-size:clamp(32px,7vh,56px)}#endStats{margin-top:10px;font-size:12px;line-height:1.8}#endStats b{font-size:18px}}