@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Orbitron:wght@700;900&display=swap";.brand small{color:#9890bd;letter-spacing:.12em;margin-top:6px;font-size:7px;line-height:1;display:block}:root{color:#f7f2ff;font-synthesis:none;background:#07051d;font-family:Chakra Petch,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root,main{width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:none}canvas{display:block}.hud{pointer-events:none;z-index:2;padding:clamp(18px,3vw,42px);position:fixed;inset:0}.brand{letter-spacing:.18em;font-family:Orbitron;font-size:13px;line-height:.9;position:absolute;top:24px;left:clamp(18px,3vw,42px);transform:skew(-8deg)}.brand span{color:#00d9ff;display:block}.brand strong{color:#ff3e88;font-size:20px}.score{text-align:center;text-shadow:0 0 18px #00d9ff;position:absolute;top:20px;left:50%;transform:translate(-50%)}.score small{letter-spacing:.4em;color:#8ad9e8;font-size:10px;display:block}.score b{letter-spacing:.08em;font-family:Orbitron;font-size:clamp(24px,4vw,42px)}.score em{color:#ffd166;margin-left:12px;font-style:normal}.lives{gap:9px;display:flex;position:absolute;top:31px;right:38px}.lives i{opacity:.25;border:2px solid #ff3e88;border-radius:50%;width:16px;height:16px}.lives i.on{opacity:1;background:#ff3e88;box-shadow:0 0 12px #ff3e88}.nudge{letter-spacing:.25em;color:#9890bd;font-size:9px;position:absolute;bottom:56px;left:38px}.nudge>i{background:#221b4a;width:110px;height:4px;margin-top:5px;display:block}.nudge b{background:linear-gradient(90deg,#00d9ff,#ffd166,#ff3e88);height:100%;display:block;box-shadow:0 0 8px #ff3e88}.help{letter-spacing:.12em;color:#726a95;white-space:nowrap;font-size:10px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.help span{color:#d5ceef;border:1px solid #4d456f;margin:0 5px;padding:2px 5px}.help small{margin-left:18px}.tilt{color:#ff315f;text-shadow:0 0 45px #ff003c;place-items:center;font:900 clamp(70px,15vw,180px) Orbitron;animation:.12s steps(2,end) infinite glitch;display:grid;position:absolute;inset:0}.modal{z-index:4;text-align:center;background:radial-gradient(circle at 50% 42%,#2d1873db,#07051df7 58%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 3px,#00d9ff09 4px);position:absolute;inset:0}.modal h1{letter-spacing:-.07em;text-shadow:5px 5px #451c86;margin:17px 0 28px;font:900 clamp(60px,10vw,122px)/.75 Orbitron;transform:skew(-5deg)}.modal h1 em{color:#ff3e88;text-shadow:0 0 28px #ff145f;font-style:normal}.modal p:not(.eyebrow){color:#aaa3c8;line-height:1.55}.eyebrow{letter-spacing:.35em;font-size:11px;color:#00d9ff!important}.modal button{pointer-events:auto;color:#08051e;letter-spacing:.13em;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);cursor:pointer;background:#00d9ff;border:1px solid #00d9ff;margin:18px;padding:14px 31px;font:700 14px Chakra Petch;box-shadow:0 0 24px #00d9ff73}.modal small{letter-spacing:.2em;color:#6f678e;font-size:10px}.orbit-logo{width:120px;height:60px;position:relative}.orbit-logo i{border:1px solid #00d9ff;border-radius:50%;position:absolute;inset:16px 20px;transform:rotate(25deg)}.orbit-logo i:nth-child(2){border-color:#ff3e88;transform:rotate(-25deg)}.orbit-logo i:nth-child(3){border-color:#ffd166;transform:rotate(90deg)}.orbit-logo span{color:#fff;position:absolute;top:22px;left:55px}.final-score{letter-spacing:.12em;color:#ffd166!important;font:700 34px Orbitron!important}.touch-controls{pointer-events:auto;grid-template-columns:1fr 100px 1fr;height:42%;display:grid;position:absolute;inset:auto 0 0}.touch-controls button{background:0 0;border:0}.touch-controls .launch-touch{color:#ffd166;letter-spacing:.1em;background:#ffd1660d;border:1px solid #ffd16640;align-self:end;height:88px;font:700 10px Orbitron}@keyframes glitch{50%{opacity:.78;transform:translate(4px,-2px)}}@media (pointer:fine){.touch-controls{display:none}}@media (width<=600px){.help{display:none}.score{top:64px}.lives{right:18px}.nudge{bottom:20px;left:18px}.hud{padding:18px}.modal p:not(.eyebrow){font-size:13px}.modal h1{font-size:64px}.modal small{font-size:8px}}