:root{background:#84cee0;font-family:Noto Sans KR,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:linear-gradient(#82cadd,#d2eff4);font-family:inherit}[hidden]{display:none!important}#game{display:block;width:100%;height:100%;touch-action:none}#game.cannon-crosshair-active{cursor:none}#cannon-crosshair{position:fixed;left:0;top:0;z-index:3;width:46px;height:46px;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,24,32,.9));transform:translate(-50%,-50%);will-change:transform}#cannon-crosshair img{display:block;width:100%;height:100%}#cannon-crosshair.cannon-crosshair-limit img{filter:brightness(0) saturate(100%) invert(61%) sepia(78%) saturate(732%) hue-rotate(321deg) brightness(104%) contrast(102%)}.cannon-crosshair-limit-arrow{position:absolute;top:50%;display:none;color:#ff735f;font-family:system-ui,sans-serif;font-size:28px;font-weight:800;line-height:1;text-shadow:0 1px 2px rgba(33,0,0,.9);transform:translateY(-50%)}#cannon-crosshair.cannon-crosshair-limit .cannon-crosshair-limit-arrow{display:block}#cannon-crosshair[data-limit-direction=left] .cannon-crosshair-limit-arrow{left:-25px}#cannon-crosshair[data-limit-direction=right] .cannon-crosshair-limit-arrow{right:-25px}#cannon-crosshair[data-limit-direction=left] .cannon-crosshair-limit-arrow:before{content:"↶"}#cannon-crosshair[data-limit-direction=right] .cannon-crosshair-limit-arrow:before{content:"↷"}#world-hud,#minimap-panel,#match-result{position:fixed;z-index:2;pointer-events:none;font-family:inherit}#app[data-game-phase=prestart]:before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(1,26,38,.82) 0%,rgba(2,42,56,.64) 29%,rgba(5,68,79,.16) 55%,transparent 74%),linear-gradient(180deg,#031a240a,#01161f38)}#landing-copy{position:fixed;top:50%;left:clamp(30px,6vw,108px);z-index:3;display:flex;width:min(430px,39vw);flex-direction:column;align-items:flex-start;transform:translateY(-50%)}#game-title{margin:0;color:#f2ffff;font-family:Bebas Neue,Impact,sans-serif;font-size:clamp(5rem,9.2vw,9.6rem);font-weight:400;line-height:.76;letter-spacing:.012em;text-align:left;text-shadow:0 8px 34px rgba(0,16,25,.46);text-transform:uppercase}#game-title span{display:block}#start-game{min-width:146px;margin-top:20px;padding:13px 30px 14px;border:1px solid rgba(230,255,252,.76);border-radius:999px;background:#f0fffb;color:#063e52;box-shadow:0 12px 28px #00121c47;font-family:inherit;font-size:1rem;font-weight:800;line-height:1.2;letter-spacing:.08em;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}#start-game:not(:disabled):hover{background:#fff;box-shadow:0 15px 34px #00121c5c;transform:translateY(-2px)}#start-game:disabled{cursor:wait;opacity:.52}#startup-loading{width:min(320px,100%);margin-top:30px;color:#efffffe0;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-align:left}.equipment-select{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin:18px 0 0;padding:22px 0 0;border:0}.equipment-select legend{position:absolute;top:0;left:0;width:100%;color:#e7fffcd6;font-size:.74rem;font-weight:700;letter-spacing:.12em;text-align:left}.equipment-select label{display:block;cursor:pointer}.equipment-select input{position:absolute;opacity:0;pointer-events:none}.equipment-select span{display:flex;min-height:58px;flex-direction:column;justify-content:center;padding:10px 14px;border:1px solid rgba(214,255,249,.28);border-radius:12px;background:#03263175;color:#eaffff;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.equipment-select strong,.equipment-select small{display:block}.equipment-select small{margin-top:4px;font-size:.76rem;font-weight:500}.equipment-select input:checked+span{border-color:#7cffe5e0;background:#147477ad;box-shadow:0 8px 24px #00131b38,inset 0 0 0 1px #d3fff61f}.equipment-select input:focus-visible+span{outline:3px solid #fff;outline-offset:2px}#startup-loading-label{display:block;margin-bottom:8px}#startup-loading-progress{display:block;width:100%;height:10px;overflow:hidden;border:0;border-radius:999px;background:#dbfffb2e;accent-color:#7bffe5}#startup-loading-progress::-webkit-progress-bar{border-radius:999px;background:#dbfffb2e}#startup-loading-progress::-webkit-progress-value{border-radius:999px;background:#7bffe5}#start-game:focus-visible{outline:3px solid #fff;outline-offset:3px}#world-hud{inset:0}#objective-guidance{position:absolute;top:max(18px,env(safe-area-inset-top));left:50%;margin:0;color:#f4ffff;font-size:clamp(17px,2vw,24px);font-weight:800;line-height:1.35;text-align:center;text-shadow:0 2px 8px rgba(0,24,35,.9);transform:translate(-50%)}#speedometer{position:absolute;right:max(22px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));color:#f4ffff;font-size:clamp(32px,4vw,48px);font-weight:800;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.04em;text-shadow:0 2px 8px rgba(0,24,35,.82)}#speedometer small{margin-left:6px;font-size:.36em;font-weight:700;letter-spacing:.02em}#control-guide{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;margin:0;color:#f4ffffe0;font-size:clamp(11px,1.15vw,14px);font-weight:500;line-height:1;white-space:nowrap;text-shadow:0 1px 4px rgba(0,24,35,.82);transform:translate(-50%)}.world-status{position:absolute;width:108px;padding:5px;border:1px solid rgba(232,255,255,.68);border-radius:7px;background:#021c28b3;box-shadow:0 2px 9px #00121b52;transform:translate3d(-1000px,-1000px,0);will-change:transform}.objective-world-status{width:124px;color:#eaffff;text-align:center}.objective-world-status strong,.contaminator-world-status strong{display:block;margin:0 0 4px;font-size:10px;letter-spacing:.06em}.contaminator-world-status{width:96px;border-color:#ff935bb8;color:#fff2e9;text-align:center}.status-bar{position:relative;height:5px;overflow:hidden;border-radius:999px;background:#010c11c2}.status-bar+.status-bar{margin-top:3px}.status-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;transition:width 80ms linear}.health-bar .status-fill{background:#ff4e57}.energy-bar .status-fill{background:#50e886}.cargo-bar .status-fill{background:#ffd43b}.core-health-bar .status-fill{background:#ff6670}.core-charge-bar .status-fill{background:#54f6e0}.escape-bar .status-fill{background:#ffab3d}.contaminator-health-bar .status-fill{background:#ff6b3f}.objective-progress-bar .status-fill{background:#54f6e0}.defense-progress-bar .status-fill{background:#5fffe9}.cargo-bar .overload-fill{left:auto;right:0;background:#e93540}#minimap-panel{position:fixed;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));width:198px;color:#edffff;filter:drop-shadow(0 3px 14px rgba(0,42,61,.32))}#minimap{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border:2px solid rgba(239,255,255,.88);background:#076087b3}#minimap:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:25% 25%}#minimap-contamination{display:block;width:100%;height:100%;image-rendering:auto}#minimap-objective{position:absolute;left:50%;top:50%;z-index:2;width:9px;height:9px;border:2px solid #66fff0;border-radius:50%;box-shadow:0 0 7px #66fff0e6;transform:translate(-50%,-50%)}#minimap-summoners{position:absolute;inset:0;z-index:3;pointer-events:none}.minimap-summoner{position:absolute;width:9px;height:9px;border:2px solid #ff5e78;background:#5b0018b8;box-shadow:0 0 7px #ff4163f2;transform:translate(-50%,-50%) rotate(45deg)}.minimap-summoner[data-edge=true]{background:#ff5e78}#minimap-boat{position:absolute;left:50%;top:50%;z-index:4;width:6px;height:10px;background:#fff5be;clip-path:polygon(50% 0,100% 38%,81% 100%,19% 100%,0 38%);filter:drop-shadow(0 1px 1px rgba(0,31,45,.85));transform:translate(-50%,-50%);transform-origin:50% 50%}#match-status{padding:9px 11px 10px;border:1px solid rgba(239,255,255,.62);border-top:0;border-radius:0 0 8px 8px;background:#021f2cd1;font-size:12px;line-height:1.35}.match-status-row{display:flex;justify-content:space-between;gap:8px}.match-status-row+.match-status-row{margin-top:3px}.match-status-row strong{color:#fff8c7}#defense-status{margin-top:8px;padding-top:7px;border-top:1px solid rgba(95,255,233,.36)}.defense-label{color:#83fff0}#respawn-status{margin:8px 0 0;padding-top:7px;border-top:1px solid rgba(255,255,255,.18);color:#ffdc8d;text-align:center}#match-result{top:50%;left:50%;display:grid;min-width:min(340px,calc(100vw - 32px));padding:24px 28px;border:1px solid rgba(231,255,255,.8);border-radius:16px;background:#011b27e6;color:#f2ffff;box-shadow:0 14px 46px #000f1885;text-align:center;transform:translate(-50%,-50%)}#match-result-label{margin:0 0 6px;color:#8adfdc;font-size:12px;letter-spacing:.12em;text-transform:uppercase}#match-result-title{font-size:30px}#match-result-loot{margin-top:10px;color:#fff0a8}@media(max-width:900px){#app[data-game-phase=prestart]:before{background:linear-gradient(180deg,rgba(1,27,39,.8) 0%,rgba(2,42,55,.5) 37%,transparent 68%),linear-gradient(90deg,rgba(1,25,36,.24),transparent 72%)}#landing-copy{top:max(28px,env(safe-area-inset-top));right:24px;left:24px;width:auto;transform:none}#game-title{font-size:clamp(4.5rem,17vw,7.5rem);line-height:.74}.equipment-select{width:min(430px,100%);margin-top:22px}#start-game{margin-top:16px}}@media(max-width:480px){#landing-copy{top:max(22px,env(safe-area-inset-top));right:18px;left:18px}#game-title{font-size:clamp(3.8rem,19vw,5.5rem)}#startup-loading{margin-top:18px}.equipment-select{margin-top:14px}.equipment-select span{min-height:54px;padding:8px 10px}.equipment-select small{font-size:.68rem}#start-game{min-width:132px;margin-top:14px;padding:11px 26px 12px}#minimap-panel{top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));width:162px}#match-status{padding:7px 9px 8px;font-size:11px}#speedometer{right:max(14px,env(safe-area-inset-right));bottom:max(40px,calc(env(safe-area-inset-bottom) + 28px))}#control-guide{bottom:max(12px,env(safe-area-inset-bottom));font-size:10px}#objective-guidance{top:calc(max(10px,env(safe-area-inset-top)) + 276px);width:calc(100vw - 28px);font-size:15px}.world-status{width:92px}.objective-world-status{width:108px}.contaminator-world-status{width:84px}}