:root{color-scheme:dark;--bg:#0a1424;--muted:#91a3b9;--mint:#6df7d1;--yellow:#ffdc85}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 64% 40%,#132c42 0%,var(--bg) 60%);color:#eff8ff;font-family:Tahoma,"Noto Sans Thai",system-ui,sans-serif;min-height:100dvh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.top{max-width:1480px;margin:auto;height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #a5cee110}.brand{color:#eefbff;text-decoration:none;font-family:system-ui,sans-serif;font-size:17px;font-weight:850;letter-spacing:2px;display:flex;gap:12px;align-items:center}.brandmark{font-size:30px;color:var(--mint)}.edition{font-size:10px;letter-spacing:1.6px;color:var(--mint);border-left:1px solid #456074;padding-left:14px;margin-left:3px}.local{color:var(--muted);font-size:12px}.layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:310px minmax(300px,480px) 55px;justify-content:center;gap:55px;padding:30px 30px 15px;align-items:center}.brief{align-self:center}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:2px;color:var(--mint)}h1{font-size:40px;line-height:1.45;font-weight:650;margin:18px 0 14px;letter-spacing:-1px}h1 span{color:var(--mint)}.intro{font-size:15px;line-height:1.9;color:#b5c5d7;margin:0 0 26px}.mission{display:flex;gap:16px;align-items:center;border-top:1px solid #2c3e53;border-bottom:1px solid #2c3e53;padding:20px 0}.mission img{width:62px;image-rendering:pixelated}.mission strong{display:block;font-size:15px;margin:8px 0 5px;font-weight:500}.mission small{color:var(--muted);font-size:12px}.mission .eyebrow{font-family:system-ui,sans-serif;font-size:10px;color:var(--yellow);letter-spacing:1.2px}.controls{margin-top:26px}.controls h2{font-size:14px;font-weight:500;color:#e0eaf2;margin:0 0 17px}.controls p{display:flex;gap:14px;align-items:center;margin:14px 0;font-size:13px;color:#c5d4e2;line-height:1.7}.controls small{font-size:11px;color:var(--muted)}.control-icon,.controls kbd{width:30px;height:30px;border:1px solid #385066;border-radius:7px;display:grid;place-items:center;flex-shrink:0;color:var(--mint);font-size:15px}.scope{color:#8195ad;font-size:11px;line-height:1.9;margin-top:30px}.play-area{width:100%;max-width:min(480px,calc((100dvh - 190px)*.63158));justify-self:center}.game-frame{position:relative;aspect-ratio:480/760;border:1px solid #55748a80;border-radius:19px;overflow:hidden;box-shadow:0 25px 75px #0009,0 0 60px #47c9bb0c;background:#092936}canvas{width:100%;height:100%;display:block;touch-action:none;image-rendering:pixelated}.hud{position:absolute;left:0;top:0;right:0;padding:20px;display:flex;gap:16px;align-items:center;pointer-events:none;background:linear-gradient(#05111cdd,transparent);height:87px}.hud>div:first-child{flex:1}.tiny{font-size:9px;letter-spacing:2px;color:#b2c3d5;display:block;font-family:system-ui}.hud strong{font-size:24px;font-family:ui-monospace,monospace;letter-spacing:2px;line-height:1.3}.hearts{font-size:18px;color:#ff7c9c;white-space:nowrap}.icon-button{pointer-events:auto;color:#ecf9ff;background:#244957aa;border:1px solid #709cac66;width:32px;height:32px;border-radius:8px}.icon-button:disabled{opacity:.4}.wave{position:absolute;left:0;right:0;top:83px;text-align:center;color:#c4eee3;font:10px system-ui,sans-serif;letter-spacing:2px;pointer-events:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(#061c2780,#061c27d6);padding:25px}.overlay[hidden]{display:none}.overlay-card{text-align:center;width:100%}.chip{border:1px solid #81afbd77;border-radius:30px;padding:6px 13px;font-size:10px;color:#bddbdc;letter-spacing:.4px}h2#overlayTitle{font-family:system-ui,sans-serif;font-size:clamp(32px,4.5vw,55px);font-weight:950;letter-spacing:3px;line-height:1.05;margin:25px 0 15px;text-shadow:0 4px #071921}h2#overlayTitle em{color:var(--yellow);font-style:normal}#overlayText{font-size:13px;line-height:1.9;color:#c0d4df;margin:0}.hero-ship{display:block;height:72px;width:auto;image-rendering:pixelated;margin:26px auto;animation:float 3s ease-in-out infinite}.primary{border:0;border-radius:9px;padding:14px 28px;background:var(--mint);color:#073732;font-weight:bold;font-size:15px;min-width:190px;box-shadow:0 4px 0 #2a9e89}.primary:hover{background:#a3ffe5}.primary:disabled{opacity:.65}.overlay-bottom{font-size:10px;color:#9eb4c2;margin-top:20px}.actionbar{display:flex;gap:12px;align-items:center;margin-top:14px}.best{flex:1}.best span{color:var(--muted);font-size:9px;display:block;margin-bottom:3px}.best strong{font:18px ui-monospace,monospace;color:var(--yellow)}.special{position:relative;overflow:hidden;border:1px solid #5fbbac77;border-radius:9px;background:#152d36;color:#c9eee5;font-size:11px;padding:12px 13px;display:flex;gap:12px;align-items:center}.special kbd{font:8px system-ui;letter-spacing:1px;border:1px solid #466966;border-radius:3px;padding:2px 3px}.special i{position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--mint);transition:width .1s}.special:disabled{color:#71908e}.sound{border:0;padding:10px 0;background:none;color:var(--muted);font-size:10px;white-space:nowrap}.status{font-size:10px;color:#8ea4b7;text-align:center;min-height:16px;margin:12px -20px 0}.flight{align-self:center;display:flex;align-items:center;gap:22px;flex-direction:column;opacity:.6}.vertical-label{writing-mode:vertical-rl;font:10px system-ui;letter-spacing:3px;color:#8daabd;writing-mode:vertical-rl}.pilot-mini{width:30px;image-rendering:pixelated}.line{height:95px;width:1px;background:#33526b}.boss-health{position:absolute;top:110px;left:12%;width:76%;color:var(--yellow);font:9px system-ui;letter-spacing:2px;text-align:center}.boss-health>div{height:5px;background:#04151e;border:1px solid #ffbb6680;margin-top:8px;border-radius:5px;overflow:hidden}.boss-health i{display:block;background:#ffb974;height:100%;width:100%}.flash{position:absolute;inset:0;pointer-events:none;opacity:0;background:#d8fff3;transition:opacity .3s}.flash.on{opacity:.65;transition:none}@keyframes float{50%{transform:translateY(-8px)}}@media(max-width:1050px){.layout{gap:30px;grid-template-columns:260px minmax(280px,440px)}.flight{display:none}h1{font-size:34px}}@media(max-width:700px){.top{height:58px;padding:0 18px}.brand{font-size:12px;letter-spacing:1.4px;gap:8px}.brandmark{font-size:24px}.edition{font-size:8px;padding-left:9px}.local{display:none}.layout{display:flex;flex-direction:column;padding:14px 14px 30px;gap:26px}.play-area{order:0;width:100%;max-width:min(460px,calc((100dvh - 157px)*.63158))}.brief{order:1;max-width:460px;width:100%;margin:auto}.brief h1,.brief .intro,.brief>.eyebrow,.mission,.controls{display:none}.scope{margin:0;text-align:center;font-size:10px}.actionbar{gap:10px;margin-top:10px}.hud{padding:16px}.status{font-size:9px;margin-top:8px}.hero-ship{height:64px;margin:24px auto}.overlay{padding:20px}.primary{padding:12px 22px;min-width:175px}h2#overlayTitle{font-size:42px}.special{padding:12px 9px}.special kbd{display:none}.sound{font-size:9px}.overlay-bottom{font-size:9px}}@media(max-height:720px) and (min-width:701px){.top{height:60px}.layout{padding-top:18px}.play-area{max-width:calc((100dvh - 160px)*.63158)}.brief h1{font-size:30px}.intro{margin-bottom:15px}.controls{margin-top:15px}.controls p{margin:8px 0}.scope{margin-top:18px}.hero-ship{height:50px;margin:15px auto}h2#overlayTitle{font-size:35px;margin:20px 0 12px}.primary{padding:10px 20px}.overlay-bottom{margin-top:15px}.hud{padding:15px}}@media(prefers-reduced-motion:reduce){.hero-ship{animation:none}}
.opening{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 62%,#19596a 0%,#071b2e 49%,#050e1c 100%);text-align:center;padding:25px}.opening[hidden]{display:none}.opening-stars{position:absolute;inset:-20%;pointer-events:none;opacity:.7;background-image:radial-gradient(#c5fff0 1px,transparent 1px),radial-gradient(#9ac7eb 1px,transparent 1px);background-size:47px 59px,83px 97px;background-position:0 0,20px 30px;animation:opening-drift 8s linear infinite}.opening-content{position:relative;z-index:1}.opening-kicker{font:700 10px system-ui,sans-serif;letter-spacing:2.4px;color:var(--mint)}.opening h2{font:900 clamp(32px,8vw,48px)/1.27 Tahoma,system-ui,sans-serif;letter-spacing:1px;margin:18px 0 9px;text-shadow:0 5px 18px #000b}.opening p{color:#c6dfdf;font-size:13px;margin:0}.opening-art{height:240px;position:relative;margin-top:18px}.opening-art img{position:absolute;image-rendering:pixelated;filter:drop-shadow(0 8px 24px #0009)}.opening-enemy{width:112px;left:calc(50% - 56px);top:0;opacity:.8;animation:opening-enemy 2.6s ease-in-out infinite}.opening-ship{width:83px;left:calc(50% - 41px);bottom:12px;animation:opening-ship 2s ease-in-out infinite}.opening[data-scene="0"] .opening-enemy{opacity:.25;transform:scale(.8)}.opening[data-scene="1"] .opening-enemy{opacity:1;filter:drop-shadow(0 0 25px #ff7b79)}.opening[data-scene="2"] .opening-ship{filter:drop-shadow(0 0 22px #85fff0)}.opening-footer{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:30px;right:30px;z-index:2;display:flex;align-items:center;gap:18px}.opening-progress{height:3px;flex:1;background:#d1fff02b;border-radius:3px;overflow:hidden}.opening-progress i{display:block;height:100%;width:0;background:var(--mint)}#skipOpening{color:#e0fff4;background:#164c54;border:1px solid #73e8d6;border-radius:8px;padding:10px 12px;font-size:11px;white-space:nowrap}@keyframes opening-drift{to{transform:translateY(60px)}}@keyframes opening-enemy{50%{translate:0 9px}}@keyframes opening-ship{50%{translate:0 -10px}}@media(max-width:700px){.opening{padding:15px}.opening-art{height:180px}.opening-enemy{width:90px;left:calc(50% - 45px)}.opening-ship{width:70px;left:calc(50% - 35px)}.opening-footer{left:18px;right:18px;bottom:18px}.opening h2{font-size:clamp(28px,8vw,38px)}}@media(prefers-reduced-motion:reduce){.opening-stars,.opening-art img{animation:none}}
body{font-family:'Kanit',Tahoma,system-ui,sans-serif}button{font-family:inherit}.opening h2{font-family:'Kanit',Tahoma,system-ui,sans-serif}.pilot-picker{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;gap:12px;padding:27px 26px 23px;background:radial-gradient(circle at 50% 15%,#194853 0%,#0b2635 42%,#071824 100%)}.pilot-picker[hidden]{display:none}.picker-head{text-align:center;flex:none}.picker-head h2{font-size:27px;font-weight:700;margin:7px 0 1px;line-height:1.3}.picker-head p{font-size:12px;color:#a9c7d2;margin:0}.picker-selected{display:flex;align-items:center;justify-content:center;gap:15px;flex:none;min-height:72px;border:1px solid #6ceac55c;border-radius:12px;background:#10434880}.picker-selected img{width:68px;height:60px;object-fit:contain;image-rendering:pixelated}.picker-selected span{font-size:11px;line-height:1.4;color:#9ec8c8;text-align:left}.picker-selected strong{font-size:19px;color:#effff6;font-weight:600}.pilot-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;overflow-y:auto;min-height:0;flex:1;padding:2px 3px 6px;scrollbar-width:thin;scrollbar-color:#447b79 transparent}.pilot-option{border:1px solid #4f85936b;border-radius:9px;background:#163543a9;color:#dceced;min-height:74px;padding:5px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;line-height:1.25}.pilot-option img{width:42px;height:43px;object-fit:contain;image-rendering:pixelated}.pilot-option span{font-size:10px;white-space:nowrap}.pilot-option[aria-pressed="true"]{border-color:var(--mint);background:#206765;box-shadow:inset 0 0 0 1px #6df7d1,0 0 12px #6df7d133}.picker-actions{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px}.picker-actions #backPilot{background:#193944;color:#d7eee9;border:1px solid #6b979d;border-radius:9px;padding:12px 16px}.picker-actions .primary{flex:1;min-width:0;padding:12px 14px}@media(max-width:700px){.pilot-picker{padding:15px 15px 14px;gap:8px}.picker-head h2{font-size:23px}.picker-head p{font-size:10px}.picker-selected{min-height:58px}.picker-selected img{width:57px;height:52px}.picker-selected strong{font-size:17px}.pilot-options{gap:5px}.pilot-option{min-height:65px;padding:3px 1px}.pilot-option img{width:34px;height:35px}.pilot-option span{font-size:9px}.picker-actions #backPilot,.picker-actions .primary{padding:9px 12px;font-size:12px}}@media(max-height:640px){.pilot-picker{padding:10px;gap:5px}.picker-head h2{font-size:20px;margin:2px 0}.picker-selected{min-height:48px}.pilot-option{min-height:55px}.pilot-option img{width:29px;height:30px}}
.audio-controls{display:flex;gap:7px;align-items:center;flex:none}.audio-controls .sound{border:1px solid #4b727a;border-radius:8px;background:#163641;color:#e4f8f1;padding:8px 9px;font-size:10px}.audio-controls .sound[aria-pressed="false"]{color:#839da3;background:#102933}.pilot-option{min-height:61px}.pilot-option img{width:36px;height:36px}@media(max-width:700px){.audio-controls{gap:4px}.audio-controls .sound{font-size:9px;padding:7px 5px}.pilot-option{min-height:55px}.pilot-option img{width:30px;height:31px}}@media(max-width:370px){.actionbar{gap:5px}.special{font-size:10px;padding:9px 6px}.audio-controls .sound{font-size:8px;padding:6px 3px}}
@media(max-width:700px){.actionbar{display:grid;grid-template-columns:1fr auto;gap:7px}.best{grid-column:1}.special{grid-column:2}.audio-controls{grid-column:1/-1;width:100%;gap:8px}.audio-controls .sound{flex:1;font-size:11px;padding:8px 6px}}
.quick-controls{display:flex;gap:6px;align-items:center}.quick-controls .sound{border:1px solid #4b727a;border-radius:8px;background:#163641;color:#e4f8f1;padding:8px 9px;font-size:10px}.game-frame:fullscreen{width:min(100vw,63.1579dvh)!important;height:min(100dvh,158.333vw)!important;aspect-ratio:480/760;margin:auto!important;border:0;border-radius:0}.game-frame::backdrop{background:#020b13}.secondary{background:#153b47;border:1px solid #79d7c5;border-radius:9px;color:#dffbf1;padding:10px 16px}.result-trigger{display:block;margin:12px auto 0;font-size:12px}.result-trigger[hidden]{display:none}.result-dialog{width:min(980px,calc(100vw - 24px));max-height:min(92dvh,960px);padding:24px;border:1px solid #65a6ac;border-radius:18px;background:#0b2030;color:#e9fff9;box-shadow:0 20px 80px #000c;font-family:'Kanit',Tahoma,sans-serif}.result-dialog::backdrop{background:#000b}.result-dialog h2{margin:0;font-size:26px}.dialog-help{margin:2px 0 16px;color:#a8c8cc}.result-dialog form{float:right}.dialog-close{border:0;background:#1d4550;color:#e9fff9;border-radius:8px;padding:8px 12px}.result-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);gap:22px}.result-preview canvas{display:block;width:100%;max-height:72dvh;object-fit:contain;border:1px solid #497b85;border-radius:10px}.result-editor{display:flex;flex-direction:column;gap:12px}.result-editor label{display:flex;flex-direction:column;gap:5px;font-size:13px}.result-editor input:not([type=range]),.result-editor select{min-height:40px;border:1px solid #60929b;border-radius:7px;background:#122f3b;color:#f1fff9;padding:7px 10px;font:inherit}.result-editor input[type=color]{width:100%;padding:3px}.result-editor input[type=range]{width:100%;accent-color:#6df7d1}.editor-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-error{min-height:18px;margin:0;color:#ffaaa9;font-size:12px}.result-editor .primary{width:100%}.result-editor small{color:#9cb7be;line-height:1.5}@media(max-width:700px){.quick-controls{grid-column:1/-1;width:100%}.quick-controls .sound{flex:1;font-size:11px}.result-dialog{padding:14px;max-height:96dvh}.result-layout{display:block}.result-preview canvas{width:min(180px,47vw);max-height:230px;margin:0 auto 12px}.result-editor{gap:8px}.result-dialog h2{font-size:20px}.dialog-help{font-size:12px;margin-bottom:8px}.result-editor label{font-size:11px}.result-editor input:not([type=range]),.result-editor select{min-height:34px}.result-editor .primary,.result-editor .secondary{padding:9px}}

.game-stage{position:relative;width:100%;height:100%}.game-frame:fullscreen{width:100vw!important;height:100dvh!important;aspect-ratio:auto;display:grid;place-items:center;background:#020b13}.game-frame:fullscreen .game-stage{width:min(100vw,63.1579dvh);height:min(100dvh,158.333vw);aspect-ratio:480/760;overflow:hidden}
.leaderboard{margin-top:15px;border:1px solid #335b68;border-radius:12px;background:#0e2935;padding:12px 15px}.leaderboard h2{display:flex;justify-content:space-between;gap:8px;margin:0 0 7px;font-size:14px;font-weight:600}.leaderboard h2 span{font:9px system-ui,sans-serif;letter-spacing:1px;color:#77d9c7;align-self:center}.leaderboard ol{margin:0;padding-left:26px;max-height:170px;overflow:auto}.leaderboard li{padding:3px 0;color:#accbd1;font-size:11px}.leaderboard li:has(strong){display:list-item}.leaderboard li strong{float:right;color:#ffdc85;font:600 11px ui-monospace,monospace}.submit-status{font-size:11px;color:#a8d5c9;min-height:15px}.result-editor button:disabled{opacity:.55;cursor:default}
#exitFullscreen{display:none;position:absolute;right:10px;top:10px;z-index:8;border:1px solid #a9e4d5;background:#082b37dc;color:#effffb;border-radius:8px;padding:7px 10px;font-size:11px}.game-frame:fullscreen #exitFullscreen,.game-frame.fallback-fullscreen #exitFullscreen{display:block}.game-fullscreen{overflow:hidden}.game-frame.fallback-fullscreen{position:fixed;inset:0;z-index:100;width:100vw;height:100dvh;max-width:none;aspect-ratio:auto;border:0;border-radius:0;display:grid;place-items:center;background:#020b13}.game-frame.fallback-fullscreen .game-stage{width:min(100vw,63.1579dvh);height:min(100dvh,158.333vw);aspect-ratio:480/760;overflow:hidden}
h2#overlayTitle.overlay-title-thai{font-family:'Kanit',Tahoma,system-ui,sans-serif;font-size:clamp(32px,9vw,44px);font-weight:700;letter-spacing:0;line-height:1.28}
@media(max-width:700px) and (orientation:portrait){.game-frame:fullscreen .game-stage,.game-frame.fallback-fullscreen .game-stage{width:100vw;height:100dvh;aspect-ratio:auto}.game-frame:fullscreen .hud,.game-frame.fallback-fullscreen .hud{padding-top:max(16px,env(safe-area-inset-top))}.game-frame:fullscreen #exitFullscreen,.game-frame.fallback-fullscreen #exitFullscreen{top:max(10px,env(safe-area-inset-top))}}