*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:system-ui,-apple-system,sans-serif;background:#15262e;color:#f7efda;touch-action:none}body{display:flex;flex-direction:column}.roof{height:27px;flex:0 0 27px;display:flex;align-items:center;gap:7px;padding:3px 12px;background:linear-gradient(#516572,#243944);border-bottom:1px solid #718c93}.brand{font-size:11px;font-weight:900;letter-spacing:1px;margin-right:auto}.roof small{font-size:9px;color:#b5ceca}.roof button{height:22px;min-width:24px;padding:1px 7px;font-size:11px}button{background:#254957;color:#e9f6ed;border:1px solid #799d9e;border-radius:7px;font:800 12px system-ui;cursor:pointer;touch-action:manipulation}button:active{background:#477987}button:disabled{opacity:.45}button:focus-visible,[tabindex]:focus-visible{outline:2px solid #ffde79;outline-offset:2px}#viewport{position:relative;flex:1 1 0;min-height:0;overflow:hidden;margin:0 6px;border:7px solid #3c515d;border-top-width:9px;border-bottom-width:5px;border-radius:28% 28% 8px 8px / 14% 14% 8px 8px;box-shadow:inset 0 0 0 2px #96adb1,0 0 0 2px #152a35}#scene{display:block;width:100%;height:100%;background:#a8d6e8}.glass{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 25px #1c48562a;background:linear-gradient(135deg,#ffffff18,transparent 25%,transparent 87%,#fff1)}.pillar{position:absolute;top:0;bottom:0;width:6px;background:linear-gradient(90deg,#7b949c,#283d47);pointer-events:none}.pillar.left{left:7%;transform:rotate(-9deg);transform-origin:top}.pillar.right{right:7%;transform:rotate(9deg);transform-origin:top}#deck{position:relative;flex:0 0 116px;height:116px;display:flex;gap:8px;align-items:center;padding:8px 22px 7px;background:linear-gradient(#5d6f78 0,#223a49 12%,#192d3a 76%,#304552);border-top:2px solid #99a6a6;box-shadow:inset 0 8px 14px #11223055}.throttle-wrap{width:66px;height:100%;flex-shrink:0;display:flex;justify-content:center}.throttle{position:relative;width:62px;height:100%;border-radius:13px;background:linear-gradient(90deg,#102430,#4c5c64,#1a2d39);border:1px solid #667d87;touch-action:none;cursor:ns-resize}.throttle label{display:block;font-size:8px;letter-spacing:1px;text-align:center;pointer-events:none;padding-top:3px;color:#b9d4ce}#rail{position:absolute;top:17px;bottom:12px;width:8px;left:calc(50% - 4px);border-radius:5px;background:#0c1d28;box-shadow:inset 0 0 4px #000;border:1px solid #899a91}#lever{position:absolute;top:50%;left:50%;width:39px;height:23px;transform:translate(-50%,-50%);border-radius:5px;background:linear-gradient(#ffd87b,#dba647);border:1px solid #5e4731;box-shadow:0 4px 5px #0008;pointer-events:none}#lever:after{content:'';position:absolute;left:5px;right:5px;top:9px;height:3px;background:#665131}#power{position:absolute;bottom:1px;width:100%;text-align:center;font-size:8px;color:#ffe29c;pointer-events:none}.center{flex:1;min-width:0;max-width:570px;margin:auto;display:flex;flex-direction:column;align-items:center;gap:5px}.mission{font-size:10px;color:#d3e7e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}.gauges{display:flex;gap:8px;justify-content:center;width:100%}.gauge{min-width:55px;padding:4px 8px;text-align:center;background:radial-gradient(ellipse,#172b33,#07171e);border:2px solid #6b8589;border-radius:10px;box-shadow:0 2px 3px #0007;font-size:8px;color:#9fbbb1}.gauge b{display:block;font-size:16px;color:#b9f1da;font-variant-numeric:tabular-nums}.gauge.score b{color:#ffdf78}.buttons{display:flex;gap:6px;justify-content:center;width:100%}.buttons button{min-height:29px;padding:5px 12px}#drop{background:linear-gradient(#ffe197,#d2a74f);color:#26363c;border-color:#795a2d;min-width:100px}#start{background:#a2d9c6;color:#153f48;min-width:60px}.stick-wrap{height:100%;width:105px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.stick-label{font-size:8px;letter-spacing:1px;color:#b8d3cc;margin-bottom:1px}#joystick{position:relative;width:91px;height:91px;border-radius:50%;background:radial-gradient(circle,#0c1d29 0,#1c3b4d 48%,#516670 66%,#192f3d 71%);border:2px solid #8b9e9c;box-shadow:inset 0 0 16px #0006,0 4px 6px #0007;touch-action:none;cursor:grab}#joystick:before,#joystick:after{content:'';position:absolute;background:#8caba255;pointer-events:none}#joystick:before{left:49%;top:10%;bottom:10%;width:1px}#joystick:after{top:49%;left:10%;right:10%;height:1px}#knob{position:absolute;left:50%;top:50%;width:35px;height:35px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #a7b9b8;background:radial-gradient(circle at 35% 25%,#b7c9cc,#344e5d 65%,#0e293c);box-shadow:0 4px 8px #0008;pointer-events:none;z-index:2}.view-only #deck{display:none}.view-only .roof #view{background:#d4efdf;color:#164454}[hidden]{display:none!important}#rotate,#menu{position:fixed;inset:0;z-index:10;background:#102c3ef7;display:grid;place-items:center;padding:20px}#rotate{text-align:center;z-index:20;background:radial-gradient(circle,#315968,#102834)}#rotate .phone{font-size:58px;line-height:1.2;display:block;transform:rotate(90deg)}#rotate h2{font-size:23px;margin:16px 0 9px}#rotate p{font-size:13px;line-height:1.5;color:#c7e5df;max-width:260px}#menu{background:#102c3edb}.panel{width:min(470px,100%);max-height:100%;overflow:auto;border:1px solid #8fafa5;border-radius:16px;padding:19px;background:#183c4e;touch-action:pan-y}.panel header{display:flex;align-items:center;justify-content:space-between}.panel h2{font-size:19px;margin:0}.panel button{min-height:38px;padding:8px 12px}.panel p{font-size:13px;line-height:1.5}.panel .tiny{font-size:11px;color:#bbd1cb}.panel #restart{background:#e3b96a;color:#263c43}.instructions{padding-left:20px;font-size:13px;line-height:1.6}.instructions li{margin:7px 0}@media(max-height:300px){.roof{height:23px;flex-basis:23px}#deck{height:80px;flex-basis:80px;padding:5px 15px;gap:6px}.stick-wrap{width:72px}#joystick{width:65px;height:65px}#knob{width:26px;height:26px}.throttle-wrap{width:50px}.throttle{width:46px}#rail{top:15px;bottom:10px}#lever{width:32px;height:19px}#lever:after{top:7px}.gauge{padding:2px 7px;min-width:42px;border-width:1px}.gauge b{font-size:13px}.gauges{gap:5px}.buttons button{min-height:24px;font-size:10px;padding:3px 8px}#drop{min-width:72px}.center{gap:3px}.mission{font-size:8px}.stick-label{font-size:7px}}@media(max-height:210px){#deck{height:67px;flex-basis:67px}.gauges{display:none}.stick-wrap{width:58px}#joystick{width:52px;height:52px}#knob{width:22px;height:22px}#viewport{border-width:4px}.brand{font-size:9px}}@media(max-width:450px){#deck{padding-inline:9px}.gauges{gap:4px}.gauge{min-width:38px;padding-inline:3px}.gauge.heading{display:none}.buttons{gap:4px}.buttons button{padding-inline:7px}#drop{min-width:75px}.stick-wrap{width:93px}.throttle-wrap{width:56px}.brand{font-size:9px}.roof small{display:none}}
/* Preserve both thumb controls around iPhone notches and the Home indicator. */
body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}