:root{font-family:Inter,"Avenir Next",system-ui,sans-serif;color:#edf3ed;background:#0a1927;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body{touch-action:none;background:radial-gradient(ellipse at 50% 35%,#263e4b,#091725 75%)}[hidden]{display:none!important}button,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;touch-action:none;border:1px solid #91b7bb38;background:#152c3c;border-radius:9px}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #bdefb5;outline-offset:3px}header{height:48px;padding:0 max(18px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;background:#0c1e2be8;border-bottom:1px solid #a5c3ba22}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-size:12px;letter-spacing:.2em}.brand b{color:#acd7d1;font-weight:500}.tools{display:flex;align-items:center;gap:7px}.tools button{height:32px;min-width:35px;font-size:16px;background:transparent}.tools svg{width:20px;height:20px;display:block;margin:auto}#sound[aria-pressed=true]{background:#d8eeb0;color:#142a33;border-color:#d8eeb0}#flight{height:calc(100dvh - 48px);width:100%;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate}#field{position:relative;height:min(100%,calc(100vw * 5 / 3));max-width:100%;aspect-ratio:3/5;flex:none;box-shadow:0 0 100px #0007}#board{width:100%;height:100%;display:block;touch-action:none}.side{width:clamp(60px,18vw,260px);height:100%;padding:32px;position:relative;color:#8daeb8}.vertical{writing-mode:vertical-rl;font-size:10px;letter-spacing:.18em}.side-bottom{position:absolute;bottom:45px}.side-bottom>span{font:10px monospace;color:#a6d5d2}.side-bottom>b{display:block;line-height:1.1;font-size:clamp(18px,2vw,30px);font-weight:400;color:#b7cecf;margin:15px 0}.side-bottom p{font-size:11px;max-width:140px;line-height:2}.side.right{display:flex;flex-direction:column;justify-content:space-between;padding-top:60px;padding-bottom:45px}.right p{font:11px monospace;line-height:2}.right p b{color:#c3dcd3;font-size:17px;font-weight:400}.right small{font:9px/2 monospace}.radar{border:1px solid #a1ccc629;aspect-ratio:1;width:90px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 13px,#b4d8d115 14px 15px,transparent 16px 26px);position:relative}.radar i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 45deg,transparent 75%,#a7d6ce33)}.radar span{position:absolute;bottom:-25px;font:10px monospace}#hud{position:absolute;top:0;left:0;right:0;padding:12px 14px;display:flex;justify-content:space-between;background:linear-gradient(#081e32cf,transparent);pointer-events:none;text-shadow:0 1px 3px #000}#hud small{display:block;letter-spacing:.12em;font-size:8px;color:#bee3e1}#hud b{display:block;font:600 20px/1.4 ui-monospace,monospace}#hud span{font:9px ui-monospace,monospace;color:#e4e4cd}.score{text-align:right}#armor{letter-spacing:.15em;color:#d6f3c2}#sector{position:absolute;bottom:8px;left:12px;color:#e2eee5b0;font:9px monospace;pointer-events:none}#notice{position:absolute;top:20%;left:10%;width:80%;text-align:center;font:600 12px/1.5 ui-monospace,monospace;color:#fff1b8;pointer-events:none;text-shadow:0 2px 5px #000;opacity:0;transition:opacity .15s}#notice.show{opacity:1}.panel{position:absolute;inset:0;z-index:3;background:linear-gradient(100deg,#0c2030fc 10%,#0e2637f2 58%,#132c3bdb);overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain}.menu-inner{max-width:1120px;margin:auto;padding:clamp(22px,4vw,60px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);min-height:90%;align-items:center}.eyebrow{font:10px/1.6 ui-monospace,monospace;letter-spacing:.18em;color:#a3d3d1}h1{font-size:clamp(38px,6vw,76px);line-height:.96;font-weight:650;letter-spacing:-.055em;max-width:400px;margin:25px 0}html[lang=zh-CN] h1{letter-spacing:.07em;line-height:1.2}#intro{color:#aec3c9;line-height:1.9;font-size:15px;max-width:350px}.flight-line{margin:40px 0;display:flex;align-items:center;gap:20px}.flight-line i{width:120px;height:1px;background:#a2d6cf;position:relative}.flight-line i:after{content:'✦';position:absolute;right:-2px;top:-12px;color:#d4eaca}.flight-line span{font:10px/1.6 monospace;color:#789ba8}.best{font:11px monospace;color:#c0dec8}.selection{max-width:480px}#aircraft{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0 20px}.craft{border-radius:4px;background:#203b4d66;text-align:left;padding:4px 10px 13px}.craft[aria-pressed=true]{border-color:#b5dcb8;background:#294c5566;box-shadow:inset 0 -2px #b5dcb8}.craft canvas{width:100%;height:100px;display:block}.craft b{font-size:14px;display:block;font-weight:500}.craft small{font-size:9px;color:#9fb8bf;display:block;margin-top:4px}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.options label>span{display:block;font-size:10px;letter-spacing:.06em;color:#9fbcc4;margin-bottom:8px}.options select{width:100%;background:#102b3a;border:1px solid #85a8ae44;border-radius:5px;padding:10px 8px;font-size:12px;min-height:39px}.touch-setting{display:none}.touch-device .touch-setting{display:block;grid-column:span 2}#mode-help{font-size:11px;color:#a7bcc1;line-height:1.6;min-height:35px}.primary,.secondary{display:block;width:100%;padding:15px 20px;font-size:14px;letter-spacing:.05em;border-radius:6px}.primary{background:#d2e9bb;color:#17313c;border:none;font-weight:650}.primary:hover{background:#e5f3d4}.secondary{background:#294756;margin-top:12px}.quiet{border:none;background:transparent;display:block;margin:15px auto 0;padding:10px;color:#a3bdc5;font-size:12px}#control-hint,#skills{font:10px/1.8 ui-monospace,monospace;color:#a5c1c6;margin-bottom:0}#skills{margin-top:3px;color:#6e98a6}#footer{font:9px/1.8 ui-monospace,monospace;color:#7493a0;text-align:center;padding:0 20px 14px;letter-spacing:.05em}.shade{background:#0b2133dc;backdrop-filter:blur(7px);display:grid;place-items:center;padding:24px}.dialog{width:min(380px,100%);text-align:center}.dialog h2{font-size:34px;letter-spacing:-.03em;font-weight:500}.dialog p{font-size:13px;line-height:1.9;color:#adc8ce;margin-bottom:25px}.result-grid{display:flex;justify-content:space-around;gap:15px;margin:30px 0}.result-grid b{display:block;font:600 23px monospace;color:#e4edca}.result-grid small{font-size:10px;color:#9dbbc4}.game-seo-info{z-index:8!important}.game-seo-info[open]{touch-action:pan-y;user-select:text;-webkit-user-select:text}#touch{position:absolute;inset:0;pointer-events:none}#actions{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:12px;display:flex;gap:10px;pointer-events:auto}#actions button{width:64px;height:64px;border-radius:50%;background:#16334966;border:1px solid #d3e4df66;box-shadow:0 2px 12px #0b203955;color:#eff5e5}#actions b{display:block;font-size:23px;font-weight:400;line-height:1}#actions span{display:block;font-size:9px;margin-top:3px}#actions small{font:9px monospace;color:#e8dbac}.pressed{background:#a6d5b677!important}#stick{position:absolute;right:15px;bottom:max(20px,env(safe-area-inset-bottom));height:104px;width:104px;pointer-events:auto;border:1px solid #dfefec66;background:#112e4444;border-radius:50%;touch-action:none;display:grid;place-items:center}#knob{height:40px;width:40px;border-radius:50%;background:#b1ceca55;border:1px solid #d8ede57a;position:absolute}.ring{inset:20px;position:absolute;border:1px solid #c2d9d933;border-radius:50%}#stick i{font-style:normal;font-size:13px;color:#cfdfdb99;position:relative;pointer-events:none}
@media(max-width:700px){header{height:42px;padding:0 max(10px,env(safe-area-inset-right))}.brand{font-size:10px;letter-spacing:.1em;gap:6px}.brand img{width:24px;height:24px}.tools{gap:4px}.tools button{height:29px;min-width:31px}#flight{height:calc(100dvh - 42px)}.side,.side.right{display:none}.menu-inner{grid-template-columns:1fr;gap:14px;padding:25px 25px 10px;max-width:480px;min-height:0}.menu-copy .eyebrow{font-size:9px}h1{font-size:39px;max-width:100%;margin:12px 0}#intro{font-size:12px;line-height:1.8;margin:8px 0}.flight-line{display:none}.best{font-size:10px;margin:10px 0}.selection>.eyebrow{font-size:9px}#aircraft{margin:10px 0 14px}.craft canvas{height:74px}.craft b{font-size:12px}.craft small{font-size:8px}.options{gap:9px}.options select{padding:9px 4px;font-size:11px}.options label>span{font-size:9px;margin-bottom:5px}.touch-device .touch-setting{grid-column:auto}.touch-device .options{grid-template-columns:1fr 1fr 1fr}#mode-help{font-size:10px;min-height:24px;margin:10px 0}.primary{padding:13px}#control-hint,#skills{font-size:9px;line-height:1.7}#footer{padding:6px 10px 10px;font-size:8px}.dialog h2{font-size:29px}}
@media(orientation:landscape) and (max-height:570px){.menu-inner{grid-template-columns:1fr 1.2fr;max-width:1000px;padding:18px 35px;gap:30px}.side,.side.right{display:none}h1{font-size:39px;margin:15px 0}.flight-line{display:none}#intro{font-size:12px}.craft canvas{height:60px}#aircraft{margin:10px 0}.touch-device .options{grid-template-columns:1fr 1fr 1fr}.touch-device .touch-setting{grid-column:auto}.options select{font-size:10px;padding:6px 4px;min-height:32px}#mode-help{margin:7px 0;min-height:25px}.primary{padding:10px}#footer{padding-bottom:5px}#touch{position:fixed;top:42px;z-index:1}#actions{left:max(25px,env(safe-area-inset-left))}#stick{right:max(25px,env(safe-area-inset-right))}#hud{padding:5px 8px}#hud b{font-size:16px}#hud small{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}