:root{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#edf1df;background:#0c151c;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer;touch-action:manipulation;min-height:44px;border:1px solid #4d615d;color:#e9e8cf;background:#1c3033;border-radius:8px}button:disabled{cursor:default;opacity:.5}button:focus-visible,canvas:focus-visible{outline:3px solid #f7cf83;outline-offset:-3px}[hidden]{display:none!important}.game{height:100dvh;max-width:540px;margin:auto;display:flex;flex-direction:column;background:#0d2028}.hud{flex:none;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid #4c5c52;background:#172b2c;height:70px}.eyebrow{font-size:9px;letter-spacing:1.2px;color:#a6b6a7;text-transform:uppercase}.hud output{display:block;font-size:26px;letter-spacing:-1px;color:#f5d99b;font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums}.flight{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:13px}#hull{color:#9ceac9;font-size:14px}#battery{font-variant-numeric:tabular-nums;color:#b8c8b8}.route{flex:none;display:flex;justify-content:space-between;padding:7px 12px;background:#101f27;font-size:9px;gap:8px;height:28px;color:#d0ddc9}.route span:last-child{color:#9bb4b1}.field{position:relative;flex:1;min-height:0;overflow:hidden;background:#204543}canvas{width:100%;height:100%;display:block;touch-action:none;user-select:none;outline:none}.direction{pointer-events:none;position:absolute;top:10px;left:50%;transform:translateX(-50%);padding:7px 10px;background:#102528e3;border:1px solid #84977a66;border-radius:4px;white-space:nowrap;color:#f5dfad;font-size:10px;letter-spacing:.5px}.controls{flex:none;display:flex;align-items:center;gap:8px;padding:8px 10px;background:#17292c;border-top:1px solid #53624e;min-height:76px}.hint{font-size:10px;line-height:1.6;flex:1}.hint span{font-size:8px;color:#a5b7ad}.primary{background:#efc477;color:#17272a;font-weight:900;border-color:#f3d99b;box-shadow:0 3px 0 #765a31}.primary:hover:enabled{background:#ffdb92}#drop{min-width:155px;min-height:56px;padding:7px 12px;font-size:13px}#drop>span{font-size:22px;vertical-align:middle}kbd{display:block;font:8px monospace;opacity:.65;margin-top:2px}footer{flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 10px 5px;min-height:46px;background:#17292c}footer button{border:0;background:none;font-size:10px;min-width:74px}footer>span{font-size:8px;color:#8ca4a0}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0819239c;backdrop-filter:blur(3px);z-index:4;overflow:auto;padding:14px}.panel{width:100%;max-width:370px;background:linear-gradient(150deg,#233b3bee,#0e242cee);border:1px solid #c5bd8e66;padding:24px 22px 18px;box-shadow:0 12px 60px #0006;border-radius:12px}.panel h1{font-size:48px;line-height:.96;letter-spacing:-3px;margin:18px 0;color:#f1e5ba}.panel h1 em{font-style:normal;color:#eac076}.panel>p{font:12px/1.65 system-ui,sans-serif;color:#d1dac7;margin:12px 0}.brief{display:grid;gap:10px;border-block:1px solid #87927855;padding:14px 0;margin-bottom:18px;font-size:10px;line-height:1.5}.brief b{color:#e9c278;margin-right:8px}.panel button{width:100%;min-height:48px;margin-top:8px}.panel .secondary{background:transparent}.panel small{display:block;font-size:8px;line-height:1.5;text-align:center;color:#9cae9f;margin-top:14px}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}html[data-embed=true] footer{display:none}@media(max-height:540px){.hud{height:56px;padding:5px 10px}.hud output{font-size:22px}.route{height:24px;padding:5px 10px}.controls{min-height:64px;padding:5px 8px}#drop{min-height:50px;min-width:142px}.hint{font-size:9px}.hint span{font-size:8px}footer{min-height:44px}.overlay{position:fixed;inset:0;padding:10px}.panel{padding:15px 18px}.panel h1{font-size:35px;margin:10px 0}.panel>p{font-size:11px;margin:8px 0}.brief{padding:9px 0;gap:5px;margin-bottom:8px}.panel small{margin-top:8px}.direction{top:7px;font-size:9px;padding:5px 8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}