@font-face{font-family:Drift;src:url('./fonts/display.ttf') format('truetype');font-weight:900;font-display:swap}:root{font-family:ui-monospace,'SFMono-Regular',Consolas,monospace;background:#080a14;color:#f4f1ff;--violet:#aa74ff;--cyan:#66f6ff}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}#game{width:100%;height:100dvh;position:relative;overflow:hidden}#screen{display:block;width:100%;height:100%;touch-action:none}header{position:absolute;top:max(28px,env(safe-area-inset-top));left:36px;right:36px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.brand,.top-right{pointer-events:auto}.brand{text-decoration:none;font-size:13px;font-weight:900;letter-spacing:2px;color:#f4f1ff;line-height:1.3}.brand>span{display:block;color:var(--cyan)}.brand>i{font-style:normal;display:block;font-size:8px;font-weight:400;letter-spacing:1.5px;color:#737387;margin-top:9px}.score{position:absolute;left:50%;transform:translateX(-50%);text-align:center}.score>span,.best>span{font-size:9px;color:#898799;letter-spacing:2px;display:block}.score>strong{font:900 49px/.98 Drift,Impact,sans-serif;letter-spacing:2px;display:block;margin:5px 0 6px}.score>small{color:var(--cyan);font-size:9px;letter-spacing:1px}.top-right{display:flex;gap:24px;align-items:center}.best{text-align:right}.best b{display:block;margin-top:6px;font-size:14px;color:#ccc4e9;letter-spacing:2px}.icon{position:relative;border:1px solid #464157;background:#0b0d19b0;color:#d8cef0;border-radius:50%;width:42px;height:42px;font-size:19px}.icon:hover{border-color:var(--cyan);color:var(--cyan)}.rail-label{position:absolute;left:36px;top:158px;display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:1.5px;color:#8b83a4;writing-mode:vertical-rl}.rail-label i{height:40px;width:1px;background:#71617d}.rail-label b{font-weight:400;color:#d5c6ef}#lives{position:absolute;right:43px;top:162px;display:flex;flex-direction:column;gap:10px}#lives i{width:9px;height:21px;background:var(--cyan);transform:skewY(-25deg);box-shadow:0 0 12px #66f6ff55;transition:.2s}#lives i.lost{background:#262836;box-shadow:none}.overlay{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);width:370px;text-align:center}.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--cyan);font-weight:600}h1{font:900 108px/.79 Drift,Impact,sans-serif;font-style:italic;letter-spacing:-2px;margin:23px 0 24px;position:relative;text-shadow:0 0 45px #aa74ff22}h1>span{color:var(--violet)}h1 em{position:absolute;right:12px;top:39px;color:var(--cyan);font-size:43px;font-style:normal;font-family:monospace}.overlay p{font-size:13px;line-height:1.8;color:#bbb2ce;margin:0 0 25px}.main-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#f0eafa;border:0;color:#161120;padding:18px 22px;font-size:12px;font-weight:900;letter-spacing:1.5px;transform:skewX(-7deg);box-shadow:5px 5px 0 #aa74ff}.main-button span{font-size:22px;line-height:1}.main-button:hover{background:var(--cyan);box-shadow:5px 5px 0 #627adc}.instructions{display:flex;justify-content:center;gap:22px;margin:28px 0 12px;font-size:8px;letter-spacing:.6px;color:#8f849f}.instructions b{font-size:10px;padding:5px 7px;border:1px solid #51485d;margin-right:6px;color:#dcd0ed}.overlay>small{font-size:9px;color:#716a83;line-height:1.5}footer{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:36px;right:36px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.footer-note{display:flex;flex-direction:column;gap:7px}.footer-note span{font-size:16px;color:#cac1e3;letter-spacing:2px}.footer-note b{font-size:8px;color:#726782;letter-spacing:1px;font-weight:400}.phase-wrap{position:absolute;left:50%;transform:translateX(-50%);pointer-events:auto}#phase{position:relative;display:flex;align-items:center;gap:12px;border:1px solid #aa74ff77;background:#100e1deb;color:#f4eaff;min-width:250px;padding:12px 21px;text-align:left;overflow:hidden}#phaseIcon{font-size:29px;color:var(--cyan)}#phase b{font-size:10px;letter-spacing:1.8px;display:block}#phase small{font-size:8px;letter-spacing:1px;color:#9484af;display:block;margin-top:4px}#phaseFill{position:absolute;bottom:0;left:0;height:2px;width:100%;background:var(--cyan);transition:width .1s}#phase:disabled{border-color:#302939;color:#777080;cursor:default}#phase:disabled #phaseIcon{color:#5f506f}footer>.icon{pointer-events:auto}#mute{font-size:10px;position:absolute;bottom:5px;right:7px}#flashText{position:absolute;top:22%;left:50%;transform:translate(-50%,-50%);font-size:13px;letter-spacing:3px;color:var(--cyan);text-align:center;pointer-events:none;opacity:0;transition:opacity .2s;white-space:nowrap}#flashText.on{opacity:1}#game.playing .overlay{display:none}#game:not(.playing) .phase-wrap{display:none}dialog{color:#f4efff;background:#0c0d19f5;border:1px solid #5f497c;width:min(415px,calc(100% - 40px));padding:32px;text-align:center;box-shadow:0 0 90px #9e5eff18;max-height:90dvh}dialog::backdrop{background:#040612a8;backdrop-filter:blur(5px)}dialog h2{font:900 55px/1 Drift,Impact,sans-serif;font-style:italic;margin:19px 0}dialog p{font-size:12px;line-height:1.9;color:#a69abb;margin-bottom:27px}.quiet{background:none;border:0;color:#8f809f;font-size:10px;text-decoration:underline;margin-top:22px}.final-score{font:900 74px/1 Drift,Impact,sans-serif;letter-spacing:2px;color:var(--cyan);margin:22px 0}.results{display:flex;justify-content:space-between;margin:27px 0 30px}.results span{display:block;font-size:8px;letter-spacing:1px;color:#897696}.results b{display:block;font-size:17px;font-weight:400;margin-top:9px;color:#d5c6e2}
@media(max-width:750px){header{left:20px;right:20px;top:20px}.brand{font-size:11px}.brand i{display:none}.best{display:none}.score>strong{font-size:42px}.score>span{font-size:8px}.score>small{font-size:8px}.icon{width:36px;height:36px}.rail-label{left:15px;top:140px;font-size:8px;letter-spacing:1px}#lives{right:18px;top:140px;gap:8px}#lives i{width:7px;height:17px}.overlay{width:290px;top:47%}h1{font-size:94px}h1 em{right:0;font-size:34px}.eyebrow{font-size:8px;letter-spacing:1.5px}.overlay p{font-size:12px}.main-button{padding:17px 19px;font-size:11px}.instructions{gap:12px;font-size:7px}.overlay>small{font-size:8px}footer{left:20px;right:20px;bottom:max(22px,env(safe-area-inset-bottom))}.footer-note b{display:none}.footer-note span{font-size:12px}#phase{min-width:194px;padding:10px 14px;gap:8px}#phase b{font-size:8px;letter-spacing:1px}#phase small{font-size:7px}#phaseIcon{font-size:25px}#flashText{font-size:11px;letter-spacing:1.5px;top:25%}}
@media(max-height:620px){.overlay{top:49%}h1{font-size:75px;margin:17px 0}.overlay p{font-size:11px;line-height:1.5;margin-bottom:17px}.instructions{margin-top:20px}.overlay>small{display:none}.score>strong{font-size:36px}.rail-label{top:128px}#lives{top:125px}}
@media(max-height:460px){.overlay{width:480px;display:grid;grid-template-columns:1fr 1fr;column-gap:25px;align-items:center}.overlay .eyebrow{grid-column:1/-1}.overlay h1{grid-row:2/5;font-size:80px}.overlay p{margin:18px 0}.overlay .instructions{margin:14px 0}.overlay .main-button{padding:13px}.footer-note,.rail-label{display:none}footer{justify-content:flex-end}.phase-wrap{left:0;transform:none}dialog{padding:20px}dialog h2{font-size:38px}.final-score{font-size:48px;margin:12px}.results{margin:15px 0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}