@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{color-scheme:dark;--ink:#f2f7fb;--muted:#99abb9;--mint:#57e0c0;--gold:#ffc765;--line:#ffffff1b;--glass:#071928dc}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#061522;color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none}
.game{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#1c4051 0%,#102d3d 48%,#081d2b 100%);isolation:isolate}
#scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}
.topbar{position:absolute;z-index:2;top:max(14px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));display:flex;align-items:center;gap:10px;pointer-events:none}
.brand{display:flex;align-items:center;gap:10px;min-width:205px}.brand-mark{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;color:#05241f;background:linear-gradient(145deg,#7af1d7,#3bbd9f);font-size:19px;box-shadow:0 6px 20px #0fe0af30}.brand strong,.brand small{display:block}.brand strong{font:700 15px 'Space Grotesk',sans-serif;letter-spacing:1.8px}.brand small{margin-top:2px;font-size:8px;letter-spacing:1.9px;color:#a8c2ce;font-weight:700}
.hud{margin-left:auto;display:flex;gap:8px;pointer-events:none}.stat{min-width:98px;height:52px;padding:8px 14px;border:1px solid var(--line);border-radius:14px;background:var(--glass);backdrop-filter:blur(14px);box-shadow:0 8px 24px #06152235}.stat span{display:block;color:#96acb7;font-size:8px;letter-spacing:1.35px;font-weight:700;white-space:nowrap}.stat strong{display:block;margin-top:2px;font:700 20px 'Space Grotesk',sans-serif;line-height:1.1}.stat:first-child strong{color:var(--mint)}.stat.speed strong{font-size:18px;color:var(--gold)}
.icon-btn{pointer-events:auto;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:#0a2030dc;color:#dce9ed;font-size:20px;cursor:pointer;transition:.2s}.icon-btn:hover{border-color:#57e0c0a0;color:var(--mint);transform:translateY(-1px)}.icon-btn:active{transform:scale(.95)}
.mission{position:absolute;z-index:2;top:82px;left:50%;transform:translateX(-50%);height:28px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #ffffff15;border-radius:20px;background:#081d2bd9;color:#9db3bc;font-size:8px;font-weight:800;letter-spacing:1.45px;white-space:nowrap}.mission i,.pulse{width:6px;height:6px;border-radius:50%;background:#58e0ba;box-shadow:0 0 10px #58e0ba;animation:pulse 1.7s infinite}.mission b{font-size:8px;color:#ddf8f1}.instruction{position:absolute;z-index:2;left:50%;bottom:max(58px,calc(env(safe-area-inset-bottom) + 48px));transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:11px 18px;border:1px solid #ffffff18;border-radius:16px;background:#061927d9;box-shadow:0 12px 34px #06152255;transition:.3s;pointer-events:none}.instruction.hide{opacity:0;transform:translate(-50%,12px)}.gesture{font-size:28px;color:var(--mint);transform:rotate(-25deg)}.instruction b,.instruction small{display:block;white-space:nowrap}.instruction b{font-size:12px}.instruction small{margin-top:3px;font-size:10px;color:#9bb0bb}
.corner-note{position:absolute;z-index:2;bottom:max(17px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.3px;color:#9db0b9;white-space:nowrap;display:flex;align-items:center;gap:7px;pointer-events:none}.pulse{width:5px;height:5px;animation:none}
.toast{position:absolute;z-index:4;top:126px;left:50%;transform:translate(-50%,-8px);padding:10px 15px;border-radius:12px;background:#102c3c;color:#eaf8f7;font-size:12px;font-weight:600;opacity:0;transition:.25s;pointer-events:none;box-shadow:0 8px 28px #0004}.toast.show{opacity:1;transform:translate(-50%,0)}
.gameover{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:#061522b9;backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.35s}.gameover.show{opacity:1;visibility:visible}.over-card{width:min(370px,calc(100vw - 36px));padding:30px 32px 28px;text-align:center;border:1px solid #ffffff21;border-radius:26px;background:linear-gradient(145deg,#143445,#0b2232);box-shadow:0 24px 80px #0007}.over-icon{display:grid;place-items:center;margin:0 auto 15px;width:52px;height:52px;border-radius:17px;background:#f35d6540;color:#ff787b;font-size:25px}.over-card>small{color:#91aab7;font-size:9px;font-weight:800;letter-spacing:2px}.over-card h1{margin:8px 0 7px;font:700 27px 'Space Grotesk',sans-serif;letter-spacing:.7px}.over-card p{margin:0;color:#afc2cb;font-size:12px}.final-score{display:flex;align-items:center;justify-content:space-between;margin:22px 0 19px;padding:12px 15px;border:1px solid #ffffff17;border-radius:13px;background:#071d2b}.final-score span{font-size:9px;font-weight:700;letter-spacing:1px;color:#9bb1bc}.final-score strong{font:700 23px 'Space Grotesk',sans-serif;color:var(--mint)}.over-card button{width:100%;height:45px;border:0;border-radius:13px;background:linear-gradient(100deg,#5ce3c0,#42cbaa);color:#06231e;font-weight:800;font-size:13px;cursor:pointer}.over-card button span{margin-left:5px}
.orientation{display:none}.rotate-icon{position:relative;margin-bottom:18px;font-size:52px;color:var(--mint);transform:rotate(90deg)}.rotate-icon span{position:absolute;right:-17px;top:-8px;font-size:22px}
@keyframes pulse{50%{opacity:.5;box-shadow:0 0 3px #58e0ba}}
@media (orientation:portrait){.orientation{position:absolute;z-index:9;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#071a28;padding:30px}.orientation strong{font:700 22px 'Space Grotesk',sans-serif}.orientation small{max-width:260px;margin-top:9px;color:#9cb2bd;font-size:13px;line-height:1.5}.topbar{top:max(10px,env(safe-area-inset-top));left:12px;right:12px}.brand{min-width:auto}.brand-mark{width:34px;height:34px}.brand strong{font-size:13px}.brand small{font-size:7px}.stat{min-width:65px;height:44px;padding:6px 8px}.stat span{font-size:6px;letter-spacing:.7px}.stat strong{font-size:16px}.stat.speed strong{font-size:15px}.hud{gap:4px}.icon-btn{width:34px;height:34px;font-size:17px}.mission{top:62px}}
@media (max-height:480px) and (orientation:landscape){.brand-mark{width:33px;height:33px}.stat{height:44px}.mission{top:67px}.instruction{bottom:36px;padding:8px 14px}.corner-note{bottom:10px}.toast{top:106px}.topbar{top:9px}.gameover .over-card{padding:20px 28px}.over-icon{width:42px;height:42px;margin-bottom:9px}.final-score{margin:14px 0 13px}}
@media (max-width:690px) and (orientation:landscape){.brand{gap:6px}.brand-mark{width:30px;height:30px;border-radius:10px;font-size:15px}.brand strong{font-size:11px;letter-spacing:1px}.brand small{font-size:6px;letter-spacing:1px}.stat{min-width:68px;padding:6px 8px}.stat.best{display:none}.hud{gap:5px}.icon-btn{width:33px;height:33px;border-radius:10px}.mission{top:56px;font-size:7px}.instruction{bottom:31px}.instruction b{font-size:10px}.instruction small{font-size:8px}.corner-note{display:none}}

.start-screen{position:absolute;inset:0;z-index:6;display:grid;place-items:center;padding:24px;background:#061522bc;backdrop-filter:blur(9px);transition:opacity .35s,visibility .35s}.start-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.start-card{width:min(900px,calc(100vw - 36px));padding:27px 30px 25px;border:1px solid #ffffff24;border-radius:25px;background:linear-gradient(145deg,#153648f5,#0a2131f5);box-shadow:0 28px 90px #0008}.start-kicker{display:flex;align-items:center;justify-content:center;gap:7px;color:#8dcfc1;font-size:9px;font-weight:800;letter-spacing:1.8px}.start-kicker span{font-size:14px}.start-card h1{margin:9px 0 3px;text-align:center;font:700 28px 'Space Grotesk',sans-serif}.start-card>p{margin:0 0 19px;text-align:center;color:#a9bdc6;font-size:12px}.map-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.map-option{min-width:0;padding:6px 6px 10px;text-align:left;border:1px solid #ffffff17;border-radius:14px;background:#061c2a;color:#e8f3f4;cursor:pointer;transition:.18s}.map-option:hover{border-color:#65e3c0aa;transform:translateY(-2px)}.map-option.selected{border:1px solid #5ee0bd;box-shadow:0 0 0 2px #5ee0bd28,0 8px 24px #03131c66}.map-preview{position:relative;display:block;height:72px;overflow:hidden;border-radius:9px;background:linear-gradient(145deg,var(--map-a),var(--map-b))}.map-preview:before,.map-preview:after{content:"";position:absolute;width:150%;height:34px;left:-22%;border:1px solid #ffffff25;border-radius:50%;transform:rotate(-12deg)}.map-preview:before{top:-17px}.map-preview:after{bottom:-20px}.mini-runway{position:absolute;left:50%;top:50%;width:44%;height:65%;border:0;background:linear-gradient(#e9f3e8,#e9f3e8) left center/4px 100% no-repeat,linear-gradient(#e9f3e8,#e9f3e8) center top/100% 4px no-repeat,linear-gradient(#e9f3e8,#e9f3e8) center bottom/100% 4px no-repeat;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 3px #0018)}.mini-runway:before{content:"";position:absolute;left:8%;right:8%;top:50%;border-top:1px dashed #dcebe3}.mini-runway:after{content:"";position:absolute;left:50%;top:50%;width:100%;height:4px;background:#e9f3e8;transform:translate(-50%,-50%)}.mini-runway.shape-l{background:linear-gradient(#e9f3e8,#e9f3e8) left center/4px 100% no-repeat,linear-gradient(#e9f3e8,#e9f3e8) left bottom/100% 4px no-repeat}.mini-runway.shape-u{background:linear-gradient(#e9f3e8,#e9f3e8) left center/4px 100% no-repeat,linear-gradient(#e9f3e8,#e9f3e8) right center/4px 100% no-repeat,linear-gradient(#e9f3e8,#e9f3e8) center bottom/100% 4px no-repeat}.mini-runway.shape-c{background:linear-gradient(#e9f3e8,#e9f3e8) left center/4px 100% no-repeat,linear-gradient(#e9f3e8,#e9f3e8) left top/100% 4px no-repeat,linear-gradient(#e9f3e8,#e9f3e8) left bottom/100% 4px no-repeat}.mini-runway.shape-i{background:linear-gradient(#e9f3e8,#e9f3e8) center center/4px 100% no-repeat,linear-gradient(#e9f3e8,#e9f3e8) center top/100% 4px no-repeat,linear-gradient(#e9f3e8,#e9f3e8) center bottom/100% 4px no-repeat}.mini-runway.shape-e{background:linear-gradient(#e9f3e8,#e9f3e8) left center/4px 100% no-repeat,linear-gradient(#e9f3e8,#e9f3e8) left top/100% 4px no-repeat,linear-gradient(#e9f3e8,#e9f3e8) left center/100% 4px no-repeat,linear-gradient(#e9f3e8,#e9f3e8) left bottom/100% 4px no-repeat}.mini-runway.shape-c:after,.mini-runway.shape-l:after,.mini-runway.shape-u:after{display:none}.mini-runway.shape-i:after{width:4px;height:100%}.mini-runway.shape-e:after{width:100%;height:4px;top:50%}.mini-plane{position:absolute;z-index:1;left:26%;top:20%;color:#f4ffff;font-size:12px;transform:rotate(45deg);text-shadow:0 2px 5px #0008}.map-copy{display:block;padding:8px 3px 0}.map-copy strong,.map-copy small{display:block}.map-copy strong{font-size:11px;line-height:1.2}.map-copy small{margin-top:4px;color:#98adb8;font-size:8px;line-height:1.25}.coast{--map-a:#246c7c;--map-b:#102f52}.desert{--map-a:#c28b54;--map-b:#69412d}.tropical{--map-a:#2e876f;--map-b:#143e4c}.snow{--map-a:#82bac8;--map-b:#364c70}.city{--map-a:#625f87;--map-b:#202c48}.fleet{display:flex;align-items:center;justify-content:center;gap:16px;margin:16px 0 14px;color:#dce9ec;font-size:9px}.fleet span{color:#8fa7b2;font-weight:800;letter-spacing:1.2px}.fleet b{font-size:9px;font-weight:600}.fleet b:first-of-type{color:#e7f2f7}.fleet b:last-of-type{color:#7de0c2}.start-button{display:block;width:min(280px,100%);height:44px;margin:0 auto;border:0;border-radius:12px;background:linear-gradient(100deg,#66e8c6,#42c7a6);color:#06251f;font:800 11px 'DM Sans',sans-serif;letter-spacing:1.1px;cursor:pointer;box-shadow:0 8px 25px #34c9a638}.start-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.start-button span{margin-left:8px;font-size:16px}
@media (max-width:720px) and (orientation:landscape){.start-screen{padding:8px}.start-card{width:min(760px,calc(100vw - 20px));padding:13px 15px 12px;border-radius:18px}.start-card h1{font-size:21px;margin:4px 0 0}.start-card>p{font-size:9px;margin-bottom:9px}.map-grid{gap:5px}.map-option{padding:4px 4px 6px;border-radius:10px}.map-preview{height:52px;border-radius:7px}.map-copy{padding:5px 2px 0}.map-copy strong{font-size:9px}.map-copy small{font-size:7px;margin-top:2px}.fleet{margin:8px 0;gap:9px;font-size:7px}.fleet b{font-size:7px}.start-button{height:35px;font-size:9px;width:220px}.start-kicker{font-size:7px}.start-kicker span{font-size:10px}}
@media (max-height:420px) and (orientation:landscape){.start-screen{padding:4px}.start-card{padding:9px 14px}.start-card h1{font-size:18px}.start-card>p{margin-bottom:6px}.map-preview{height:42px}.fleet{margin:5px 0}.start-button{height:31px}}
@media (orientation:portrait){.start-screen{display:none}}