#ss-game{--ss-bg:#080f17;--ss-line:#25343e;--ss-text:#e5edf1;--ss-muted:#94a7b4;--ss-accent:#92e9df;position:relative;width:100%;background:var(--ss-bg);color:var(--ss-text);border:1px solid var(--ss-line);border-radius:12px;overflow:hidden;box-shadow:0 18px 50px #07121c26;font-family:inherit;isolation:isolate}
#ss-game *,#ss-game *:before,#ss-game *:after{box-sizing:border-box}#ss-game [hidden]{display:none!important}#ss-game button{font-family:inherit;cursor:pointer;touch-action:manipulation;transition:background .16s,border-color .16s,transform .16s}#ss-game button:disabled{opacity:.4;cursor:default}#ss-game button:focus-visible,#ss-game canvas:focus-visible{outline:2px solid #a8fff2;outline-offset:-3px}#ss-game button:not(:disabled):active{transform:translateY(1px)}
.ss-toolbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--ss-line);gap:8px;background:#0b141d}.ss-brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.ss-brand b{font-size:14px;letter-spacing:2px}.ss-brand small{font-size:10px;color:var(--ss-muted);padding-left:12px;border-left:1px solid var(--ss-line)}.ss-mark{font-size:34px;line-height:1;color:var(--ss-accent)}.ss-tools{display:flex;gap:6px}.ss-tools button{height:34px;min-width:36px;border:1px solid var(--ss-line);background:#15212c;color:#c2d4dc;border-radius:5px;font-size:18px}.ss-tools #ss-sound{font-size:10px;padding:0 10px;letter-spacing:.3px}.ss-tools button:hover{background:#263844}
.ss-hud{display:grid;grid-template-columns:.8fr 1.2fr 1.2fr 1fr 1.1fr;padding:17px 20px;background:linear-gradient(100deg,#111e28,#0d1720);gap:12px}.ss-hud>div{border-right:1px solid var(--ss-line);padding-right:10px;min-width:0}.ss-hud>div:last-child{border:0}.ss-hud span{display:block;color:var(--ss-muted);font-size:10px;margin-bottom:5px;letter-spacing:.3px}.ss-hud b{font-size:24px;font-weight:650;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:1px}.ss-hud b small{font-size:11px;color:var(--ss-muted);font-weight:400;letter-spacing:0}.ss-hud #ss-health{color:var(--ss-accent)}.ss-integrity i{display:block;width:90%;height:2px;margin-top:6px;background:#2b3b46}.ss-integrity em{display:block;background:var(--ss-accent);height:100%;width:100%;transition:width .2s}.ss-hud #ss-combo{color:#f4bd70}
#ss-stage{position:relative;aspect-ratio:3/2;min-height:410px;overflow:hidden;background:#0c1a29}#ss-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair;outline:0}.ss-field-top{position:absolute;top:15px;left:20px;right:20px;display:flex;justify-content:space-between;font:10px ui-monospace,monospace;letter-spacing:1px;pointer-events:none;color:#9ab4c3}.ss-field-top b{font-weight:400}.ss-field-top i{display:inline-block;width:5px;height:5px;background:#8ce7d9;border-radius:50%;margin-right:5px;box-shadow:0 0 8px #8ce7d9}.ss-field-top #ss-threats{color:#efb485}#ss-radio{position:absolute;left:16px;bottom:12px;display:flex;align-items:flex-start;gap:9px;max-width:calc(100% - 32px);padding:8px 11px;background:#07121bd9;border:1px solid #53677340;border-radius:4px;pointer-events:none;font-size:10px;line-height:1.6}#ss-radio>span{color:#8be3d6;white-space:nowrap;border-right:1px solid #37505b;padding-right:9px}#ss-radio p{margin:0;color:#bccdd6}#ss-banner{position:absolute;top:18%;left:0;right:0;text-align:center;pointer-events:none;color:#fff;font-size:24px;font-weight:700;letter-spacing:3px;text-shadow:0 2px 18px #000;opacity:0;transition:opacity .22s}#ss-banner.show{opacity:1}
#ss-overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:#050e18a6;backdrop-filter:blur(5px);overflow:auto}#ss-overlay:has(.ss-intro:not([hidden])){background:#0b1420;backdrop-filter:none}.ss-panel{width:100%;color:var(--ss-text)}.ss-intro{min-height:100%;align-self:stretch;position:relative;display:flex;align-items:center;background:linear-gradient(90deg,#060e18ed 0%,#091322b5 39%,#08141a12 75%),url('/img/jiraksil/skyshield-keyart.webp') center center/cover}.ss-intro-copy{position:relative;padding:42px 38px;width:59%;z-index:1}.ss-eyebrow{display:block;font:10px ui-monospace,monospace;color:#a4ded6;letter-spacing:2.6px;margin-bottom:15px}.ss-intro h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(46px,7vw,86px);font-weight:800;letter-spacing:1px;line-height:.93;margin:0 0 14px;color:#edf4f5}.ss-intro h2 span{display:block;color:#8fe3d6}.ss-intro h3{font-size:18px;font-weight:500;letter-spacing:5px;margin:0 0 23px;color:#dae6e9}.ss-intro p{font-size:12px;line-height:1.95;color:#b2c3d0;word-break:keep-all;margin:0 0 20px}.ss-intro p strong{color:#e3ecef;font-weight:500}.ss-intro-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:24px}.ss-intro-tags span{border:1px solid #819cac4a;background:#10212b77;padding:5px 8px;border-radius:3px;color:#bed2d9;font-size:10px}.ss-primary{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;border:1px solid #a9f3e4;background:#8cdece;color:#092222;border-radius:5px;padding:14px 19px;font-size:15px;font-weight:800;box-shadow:0 5px 24px #76ddc516}.ss-primary:hover:not(:disabled){background:#b6f7e8}.ss-primary span{font-size:20px;font-weight:400}.ss-intro .ss-primary{max-width:270px}.ss-text-button{display:block;padding:12px 0;background:transparent;color:#b9d1d9;border:0;font-size:11px;text-align:center}.ss-intro .ss-text-button{max-width:270px;width:100%}.ss-intro-copy>small{display:block;font-size:9px;color:#9bafba;letter-spacing:.3px;margin-top:4px}.ss-intro-coordinate{position:absolute;right:22px;bottom:24px;font:9px/1.8 ui-monospace,monospace;letter-spacing:1.5px;color:#bbd1d096;text-align:right}
.ss-modal{width:calc(100% - 44px);max-width:590px;margin:auto;padding:28px;background:linear-gradient(145deg,#152633f5,#0a151ff7);border:1px solid #506b7b8a;border-radius:9px;box-shadow:0 24px 60px #0006;text-align:center}.ss-modal .ss-eyebrow{margin-bottom:10px}.ss-modal h2{margin:0 0 10px;font-size:27px;font-weight:750;letter-spacing:-.6px;color:#ecf4f5;word-break:keep-all}.ss-modal p{font-size:12px;line-height:1.8;color:#afc2cf;word-break:keep-all;margin:0 0 16px}.ss-modal>.ss-text-button{margin:auto}.ss-modal>.ss-muted{display:block;margin-top:12px}.ss-tip{padding:10px 13px;background:#8ae6d50c;border:1px solid #8ce6d52b;border-radius:5px;color:#b9d6d6;font-size:11px;line-height:1.65;margin:14px 0;text-align:left}.ss-upgrade-title{font-size:13px!important;margin:20px 0 10px!important;text-align:left;color:#dce9ef}.ss-upgrade-title small{font-size:10px;color:#8fa8b8;font-weight:400;padding-left:8px}.ss-upgrades{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:17px}.ss-upgrades button{border:1px solid #38515f;background:#162835;color:#e5edf1;border-radius:5px;padding:14px 5px}.ss-upgrades button b{display:block;font-size:12px;font-weight:600}.ss-upgrades button span{display:block;font-size:9px;color:#9ab7c6;margin-top:6px}.ss-upgrades button.selected{border-color:#a0edda;background:#1e443f;box-shadow:inset 0 0 0 1px #a0edda}.ss-muted{font-size:10px;color:#8ca5b2;line-height:1.6}.ss-result-score{display:flex;flex-direction:column;padding:10px 0}.ss-result-score b{font:600 52px/1.2 ui-monospace,monospace;letter-spacing:-3px;color:#a0edda}.ss-result-score>span{font-size:10px;color:#8ca8b7;margin-top:4px}.ss-result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:14px 0}.ss-result-stats>div{background:#ffffff06;border:1px solid #54717e40;border-radius:5px;padding:10px 4px}.ss-result-stats b{display:block;font-size:19px;color:#ebf2f3;font-weight:600}.ss-result-stats span{display:block;font-size:9px;color:#8ea8b6;margin-top:4px}
.ss-command{padding:14px 18px;background:#0c1720;border-top:1px solid #253842}.ss-command-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:10px;letter-spacing:.5px;color:#a8bbc7}.ss-command-heading small{font:9px ui-monospace,monospace;color:#6f899a;margin-left:8px}.ss-command-heading button{background:#102d2c;border:1px solid #2b5a55;color:#9be1d6;font-size:10px;padding:5px 9px;border-radius:4px}.ss-command-heading button[aria-pressed=false]{background:#182530;color:#a5b7c5;border-color:#344753}.ss-batteries{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ss-battery{--battery:#78dcd6;display:block;min-width:0;text-align:left;background:linear-gradient(120deg,#182732,#12202a);border:1px solid #304551;border-radius:5px;color:#dce7ec;padding:11px 12px}.ss-battery:nth-child(2){--battery:#edbf7b}.ss-battery:nth-child(3){--battery:#9bbdf0}.ss-battery[aria-pressed=true]{border-color:var(--battery);background:#243743;box-shadow:inset 3px 0 var(--battery)}.ss-battery-top{display:flex;align-items:center;gap:8px}.ss-battery-top i{font:10px ui-monospace,monospace;color:var(--battery);font-style:normal}.ss-battery-top b{font-size:13px;font-weight:600;white-space:nowrap}.ss-battery-top strong{margin-left:auto;font:22px ui-monospace,monospace;color:var(--battery)}.ss-battery-role{display:flex;justify-content:space-between;gap:4px;color:#a0b5c3;font-size:10px;margin:5px 0 10px}.ss-battery-role small{font-size:9px;color:#8198a8}.ss-ammo-track{display:block;height:3px;background:#30404d}.ss-ammo-track em{display:block;width:100%;height:100%;background:var(--battery);transition:width .1s}.ss-command-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.ss-command-bottom p{font-size:10px;line-height:1.6;color:#889eac;margin:0}.ss-command-bottom p b{color:#b6cbd5;font-weight:500}#ss-emp{display:flex;gap:8px;align-items:center;flex-shrink:0;padding:10px 12px;border:1px solid #645941;background:#282719;border-radius:5px;color:#e2c991;font-size:10px}#ss-emp b{letter-spacing:1px;font-size:12px}#ss-emp kbd{color:#b1a178;background:#111b2199;border:1px solid #7b6e4744;border-radius:3px;font:9px ui-monospace,monospace;padding:2px 4px}
.ss-guide{margin:20px 0;color:var(--text,#263441);font-size:12px}.ss-guide summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;padding:4px 0;font-weight:650;font-size:13px}.ss-guide summary::-webkit-details-marker{display:none}.ss-guide-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;margin-top:15px}.ss-guide h3{font-size:13px;margin:7px 0}.ss-guide p{font-size:12px;line-height:1.85;opacity:.8}.ss-guide-foot{border-top:1px solid #8883;padding-top:12px;font-size:11px!important}.ss-setting{display:flex;align-items:center;gap:9px;font-size:11px;margin:12px 0}.ss-setting input[type=range]{width:110px;accent-color:#248d7e}.ss-setting input[type=checkbox]{accent-color:#248d7e}.ss-setting output{font-size:10px}#ss-ranking th{width:33.33%}
#ss-game:fullscreen,#ss-game.ss-fullscreen{width:100vw;height:100dvh;max-width:none;margin:0;border:0;border-radius:0;display:flex;flex-direction:column;background:#050d15;overflow:auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#ss-game.ss-fullscreen{position:fixed;inset:0;z-index:2147483000}body.ss-lock{overflow:hidden!important}#ss-game:fullscreen #ss-stage,#ss-game.ss-fullscreen #ss-stage{flex:1;min-height:180px;aspect-ratio:auto}#ss-game:fullscreen .ss-hud,#ss-game.ss-fullscreen .ss-hud{padding:10px 22px}#ss-game:fullscreen .ss-command,#ss-game.ss-fullscreen .ss-command{padding-top:10px;padding-bottom:10px}#ss-game:fullscreen .ss-intro-copy,#ss-game.ss-fullscreen .ss-intro-copy{width:55%;max-width:650px;margin-left:5vw}#ss-game:fullscreen .ss-intro,#ss-game.ss-fullscreen .ss-intro{background-position:center 60%}
@media(min-width:1100px){.ss-intro-copy{padding-left:48px}.ss-intro h2{font-size:88px}.ss-intro p{font-size:13px}}
@media(max-width:640px){.ss-toolbar{height:48px;padding:0 12px}.ss-brand{gap:7px}.ss-brand b{font-size:12px;letter-spacing:1.3px}.ss-brand small{display:none}.ss-mark{font-size:27px}.ss-tools{gap:4px}.ss-tools button{height:32px;min-width:32px}.ss-tools #ss-sound{font-size:9px;padding:0 7px}.ss-hud{grid-template-columns:.75fr 1.1fr 1.2fr .85fr;padding:13px 12px;gap:8px}.ss-hud>div{padding-right:5px}.ss-hud>div:nth-child(4){border:0}.ss-best-stat{display:none}.ss-hud b{font-size:20px;letter-spacing:0}.ss-hud span{font-size:9px}.ss-hud b small{font-size:9px}#ss-stage{aspect-ratio:4/5;min-height:420px;max-height:620px}.ss-field-top{left:12px;right:12px;font-size:8px;letter-spacing:.3px}#ss-radio{font-size:9px;left:9px;bottom:9px;max-width:calc(100% - 18px);padding:6px 8px}.ss-intro{background-position:62% center;background-image:linear-gradient(90deg,#060e18ed,#09132296 65%,#08141a44),url('/img/jiraksil/skyshield-keyart.webp')}.ss-intro-copy{padding:28px 23px;width:100%}.ss-intro h2{font-size:61px;line-height:.91}.ss-eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:13px}.ss-intro h3{font-size:15px;margin-bottom:18px;letter-spacing:3px}.ss-intro p{font-size:11px;line-height:1.85;margin-bottom:15px}.ss-intro-tags{margin-bottom:18px;gap:5px}.ss-intro-tags span{font-size:9px;padding:4px 7px}.ss-intro .ss-primary{max-width:245px}.ss-intro .ss-text-button{max-width:245px}.ss-primary{padding:12px 15px;font-size:14px}.ss-intro-coordinate{display:none}.ss-intro-copy>small{font-size:8px}.ss-command{padding:12px 10px}.ss-batteries{gap:6px}.ss-battery{padding:9px 8px}.ss-battery-top{gap:5px}.ss-battery-top b{font-size:11px}.ss-battery-top i{font-size:9px}.ss-battery-top strong{font-size:19px}.ss-battery-role{font-size:9px;margin-bottom:8px}.ss-battery-role small{font-size:8px}.ss-command-heading{font-size:9px}.ss-command-bottom{gap:6px;align-items:stretch}.ss-command-bottom p{font-size:9px;max-width:54%;align-self:center}#ss-emp{padding:8px;font-size:9px;gap:5px}#ss-emp kbd{display:none}#ss-emp b{font-size:11px}.ss-modal{padding:20px 16px;width:calc(100% - 24px);max-height:calc(100% - 24px);overflow:auto}.ss-modal h2{font-size:23px}.ss-modal p{font-size:11px;line-height:1.75;margin-bottom:10px}.ss-tip{font-size:10px;padding:9px 10px;margin:10px 0}.ss-upgrade-title{margin-top:14px!important;font-size:12px!important}.ss-upgrade-title small{font-size:9px;padding-left:5px}.ss-upgrades{gap:5px;margin-bottom:12px}.ss-upgrades button{padding:12px 3px}.ss-upgrades button b{font-size:10px}.ss-upgrades button span{font-size:8px}.ss-result-score b{font-size:43px}.ss-result-stats b{font-size:17px}.ss-result-stats span{font-size:8px}.ss-result-stats{margin:8px 0}.ss-guide-grid{grid-template-columns:1fr;gap:10px}.ss-muted{font-size:9px}#ss-game:fullscreen #ss-stage,#ss-game.ss-fullscreen #ss-stage{max-height:none}#ss-game:fullscreen .ss-intro-copy,#ss-game.ss-fullscreen .ss-intro-copy{width:100%;margin:0}#ss-game:fullscreen .ss-hud,#ss-game.ss-fullscreen .ss-hud{padding:10px 12px}}
@media(max-height:550px) and (orientation:landscape){#ss-game:fullscreen .ss-toolbar,#ss-game.ss-fullscreen .ss-toolbar{height:36px;flex-shrink:0}#ss-game:fullscreen .ss-hud,#ss-game.ss-fullscreen .ss-hud{padding:5px 15px}#ss-game:fullscreen .ss-hud b,#ss-game.ss-fullscreen .ss-hud b{font-size:16px}#ss-game:fullscreen .ss-hud span,#ss-game.ss-fullscreen .ss-hud span{margin-bottom:2px}#ss-game:fullscreen .ss-command,#ss-game.ss-fullscreen .ss-command{padding:6px 10px;display:grid;grid-template-columns:1fr 190px;gap:8px;align-items:center}#ss-game:fullscreen .ss-command-heading,#ss-game.ss-fullscreen .ss-command-heading{display:none}#ss-game:fullscreen .ss-battery,#ss-game.ss-fullscreen .ss-battery{padding:5px 9px}#ss-game:fullscreen .ss-battery-role,#ss-game.ss-fullscreen .ss-battery-role{display:none}#ss-game:fullscreen .ss-command-bottom,#ss-game.ss-fullscreen .ss-command-bottom{margin:0;justify-content:flex-end}#ss-game:fullscreen .ss-command-bottom p,#ss-game.ss-fullscreen .ss-command-bottom p{display:none}#ss-game:fullscreen #ss-stage,#ss-game.ss-fullscreen #ss-stage{min-height:150px}.ss-intro-copy{padding:20px}.ss-modal{max-height:calc(100% - 14px);overflow:auto}}
.ss-hud b{white-space:nowrap}.ss-tools #ss-fullscreen{display:flex;align-items:center;justify-content:center}
.ss-challenge .bk-toast{position:relative;right:auto;bottom:auto;z-index:auto;max-width:none;margin:16px 0;padding:14px 40px 14px 16px;border-radius:8px;border-color:#385957;background:#101e27;display:flex;align-items:center;gap:20px;animation:none;box-shadow:none}
.ss-challenge .bk-toast .bk-t-tit{color:#bfddd7;font-size:12px;margin:0;flex:1}.ss-challenge .bk-toast .bk-t-btn{background:#84d7c8;border-radius:5px;color:#102d28;font-size:12px;width:auto;min-width:120px;padding:11px 16px}
@media(max-width:640px){#ss-banner{font-size:14px;letter-spacing:1px;padding:0 20px;line-height:1.5}.ss-hud #ss-wave{font-size:18px}.ss-challenge .bk-toast{gap:12px}.ss-challenge .bk-toast .bk-t-tit{font-size:10px}.ss-challenge .bk-toast .bk-t-btn{min-width:100px;font-size:10px;padding:10px}}
@media(prefers-reduced-motion:reduce){#ss-game *,#ss-game *:before,#ss-game *:after{transition:none!important;scroll-behavior:auto!important}}