:root{font-family:Arial,Helvetica,sans-serif;color:#f7faf2;background:#102629;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:5px}header{height:64px;display:flex;align-items:center;padding:0 28px;gap:20px;background:#102629;border-bottom:1px solid #355154}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px;text-decoration:none;color:inherit}.brand>img{width:40px;height:40px;object-fit:contain}.arcade{font:10px monospace;color:#a8c3c0}.free{font:10px monospace;color:#dbedbd;margin-left:auto}.exit{width:30px;height:30px;display:grid;place-items:center;border-left:1px solid #355154;padding-left:12px}.exit img{width:17px;filter:invert(1)}main{height:calc(100dvh - 64px);min-height:280px;position:relative;overflow:hidden;touch-action:none;outline:none;isolation:isolate}#scene{position:absolute;inset:0}canvas{display:block;width:100%;height:100%}.hud{position:absolute;inset:26px 28px auto;display:flex;justify-content:space-between;gap:20px;z-index:2;pointer-events:none}.metrics{display:flex;gap:36px;align-items:start}.metrics>div{display:flex;flex-direction:column;gap:5px}.metrics span{font:9px monospace;color:#1d3e41}.metrics strong{font:700 30px monospace;color:#102c2f;font-variant-numeric:tabular-nums}.metrics>div+div strong{font-size:19px;color:#2e5053}.tools{display:flex;gap:8px;pointer-events:auto}.tools button{height:37px;width:37px;background:#16363de8;border:1px solid #668383;border-radius:4px;display:grid;place-items:center;color:white}.tools img{width:16px;filter:invert(1)}.tools span{font-size:23px}.flight-readout{position:absolute;bottom:26px;left:28px;display:flex;align-items:center;gap:10px;font:10px monospace;color:#cce1df;z-index:2}.live-dot{height:6px;width:6px;border-radius:50%;background:#e0eea6}.flight-readout>span:last-child{margin-left:20px;color:#f4d175}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:12vh 8% 11vh;pointer-events:none;z-index:3}.overlay[hidden]{display:none}.intro{align-self:flex-end;max-width:600px;text-align:right}.intro>p:first-child{font:10px monospace;color:#294a4d;margin:0 0 18px}h1{font-size:82px;line-height:.95;letter-spacing:0;margin:0;color:#17373b;font-weight:900}h1 span{color:#d43141}.subtitle{font-size:14px;color:#2c4c4f;margin:20px 0 0;line-height:1.5}.menu-actions{align-self:flex-end;display:flex;flex-direction:column;align-items:end;gap:12px;pointer-events:auto}.launch{display:flex;align-items:center;justify-content:space-between;gap:48px;min-width:205px;background:#183b3e;color:#f7faf2;border:1px solid #4c7372;border-radius:4px;padding:17px 22px;font-weight:700;box-shadow:0 4px 0 #0b2527}.launch:hover{background:#28565a}.launch img,#share img{width:18px;filter:invert(1)}#share{background:#17383cc7;color:#f7faf2;display:flex;align-items:center;gap:22px;border:1px solid #648383;border-radius:4px;padding:12px 18px}#share[hidden]{display:none}#final{display:flex;align-items:end;flex-direction:column;gap:5px;color:#fff}#final[hidden]{display:none}#final>span{font:10px monospace}#final>strong{font:700 44px monospace}#final>small{font:11px monospace;color:#f0d38d;min-height:14px}.boost{position:absolute;right:28px;bottom:24px;height:80px;width:80px;border-radius:50%;border:1px solid #d6ecb8;background:#b5de94ed;color:#1a3430;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;user-select:none;-webkit-user-select:none;touch-action:none;box-shadow:0 5px 0 #355743}.boost>img{width:26px;transform:rotate(-45deg)}.boost span{font:bold 9px monospace}.boost.held{background:#e6f9cf;transform:translateY(3px);box-shadow:0 2px 0 #355743}.boost:disabled{visibility:hidden}.impact{position:absolute;inset:0;background:#ed344c;opacity:0;pointer-events:none;z-index:1}.impact.hit{animation:hit .55s ease-out}@keyframes hit{0%{opacity:.55}100%{opacity:0}}body[data-mode=dead] .overlay,body[data-mode=paused] .overlay{background:#1021266b}body[data-mode=dead] h1{color:#fff;font-size:64px}body[data-mode=paused] h1{color:#fff}body[data-mode=dead] .intro>p,body[data-mode=paused] .intro>p{color:#e3efea}body[data-mode=dead] .subtitle,body[data-mode=paused] .subtitle{color:#f7e4d9}body[data-mode=running] .boost{visibility:visible}#failure{position:absolute;inset:0;z-index:8;background:#102629;display:grid;place-items:center;padding:30px;text-align:center}#failure[hidden]{display:none}.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}@media(max-width:650px){header{padding:0 16px;height:58px}.brand{font-size:13px}.arcade{display:none}main{height:calc(100dvh - 58px)}.hud{inset:20px 16px auto}.metrics{gap:22px}.metrics strong{font-size:25px}.metrics span{font-size:8px}.metrics>div+div strong{font-size:16px}.tools{gap:6px}.tools button{width:33px;height:33px}.overlay{padding:17vh 22px 14vh}.intro{align-self:flex-start;text-align:left}h1{font-size:64px}.subtitle{font-size:12px;max-width:250px}.menu-actions{align-self:flex-end}.flight-readout{left:16px;bottom:22px;font-size:8px;gap:6px}.flight-readout>span:last-child{margin-left:6px}.boost{right:18px;bottom:24px;height:78px;width:78px}body[data-mode=dead] h1{font-size:42px}.launch{min-width:185px}}@media(max-height:500px){.overlay{padding:65px 8% 38px;flex-direction:row;align-items:end}.intro{align-self:center}h1{font-size:48px}.subtitle{margin-top:8px}.intro>p:first-child{margin-bottom:10px}.menu-actions{gap:7px}.flight-readout{bottom:13px}.boost{height:63px;width:63px;bottom:16px}body[data-mode=dead] h1{font-size:38px}#final>strong{font-size:28px}}@media(prefers-reduced-motion:reduce){.impact.hit{animation:none}}