:root{--bg: #05060f;--panel: #0e1424;--panel-2: #151d33;--line: #26314d;--text: #e6edf7;--dim: #8b98b3;--accent: #5ce1ff;--ore: #b98cff;--credit: #ffd166;--good: #4ade80;--bad: #f87171;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}html{-webkit-text-size-adjust:100%}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.hidden{display:none!important}#stage{position:fixed;inset:0;z-index:0}#app{position:fixed;inset:0;z-index:1;display:flex;justify-content:center;pointer-events:none}#app>*{pointer-events:auto}.screen{width:100%;max-width:1100px;height:100%;display:flex;flex-direction:column}.ore{color:var(--ore);font-weight:700}.credit{color:var(--credit);font-weight:700}.good{color:var(--good)}.big{min-height:48px;padding:12px 18px;border-radius:12px;border:1px solid var(--line);background:var(--panel-2);font-size:16px;font-weight:700}.big.primary{background:linear-gradient(90deg,#1e6a8a,#5a3a9a);border-color:transparent}#screen-menu{max-width:none;justify-content:space-between;pointer-events:none;padding:max(28px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:linear-gradient(#03040abf,#03040a00 38% 55%,#03040ae6)}#screen-menu>*{pointer-events:auto}.menu-title{display:flex;flex-direction:column;gap:8px;max-width:520px}.kicker{font-family:Chakra Petch,system-ui,sans-serif;font-size:13px;letter-spacing:5px;color:#9fd8ff}.title{margin:0;font-size:clamp(48px,13vw,88px);line-height:1;font-weight:800;letter-spacing:-1px;color:#f6f8fb;text-shadow:0 3px 0 #0b0d12,0 0 30px rgba(95,230,255,.3)}.lede{margin:0;font-size:15px;line-height:1.6;color:#c2ccdb;text-shadow:0 1px 6px #000}.menu-panel{display:flex;flex-direction:column;gap:10px;width:100%;max-width:520px;align-self:center}.big-cta{height:64px;font-size:22px;display:flex;align-items:center;justify-content:center;gap:12px;margin:0}.big-cta span{font-family:Chakra Petch,system-ui,sans-serif;font-size:13px;letter-spacing:3px;color:#2756b8}.menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.menu-grid .act{background:#0e1424d9;font-size:13px}.menu-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;font-size:12px;color:var(--dim);text-shadow:0 1px 4px #000}.menu-stats b{color:var(--text)}@media(min-width:900px)and (orientation:landscape){#screen-menu{justify-content:center;align-items:flex-start;padding-left:64px;background:linear-gradient(90deg,#03040ae0,#03040a4d 45%,#03040a00)}.menu-panel{align-self:flex-start;margin-top:36px;width:380px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}#screen-page{max-width:none;background:#05060fe6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}.page-head{display:flex;align-items:center;gap:12px;padding:max(12px,env(safe-area-inset-top)) 0 12px}.page-head h2{margin:0;font-size:22px;flex:1}.tabs{display:flex;gap:6px;padding-bottom:10px;overflow-x:auto}.tabs button{min-width:72px;height:44px;padding:0 16px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--dim);font-weight:700}.tabs button[aria-selected=true]{background:#e9edf0;color:#15171b;border-color:#0b0d12;box-shadow:inset 0 -3px #c8202c}.page-body{overflow-y:auto;flex:1;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-content:start;padding-bottom:max(24px,env(safe-area-inset-bottom));max-width:1100px;width:100%;margin:0 auto;-webkit-overflow-scrolling:touch}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}.card-top{display:flex;align-items:center;gap:12px}.card-title{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.card-title b{font-size:16px}.card-title small,.card small{color:var(--dim);font-size:12px;line-height:1.5}.card .row{display:flex;justify-content:space-between;align-items:center;gap:10px}.card.locked{opacity:.6}.lv{font-family:Chakra Petch,system-ui,sans-serif;font-size:13px;color:var(--dim);white-space:nowrap}.val{font-size:15px}.val b{color:#7fe9ff}.pipbar{display:flex;gap:3px}.pipbar i{flex:1;height:5px;border-radius:2px;background:#2b3245}.pipbar i.on{background:#58e2ff}.small-cta{width:auto;height:44px;padding:0 18px;margin:0;font-size:15px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.sector-no{font-family:Chakra Petch,system-ui,sans-serif;font-size:28px;font-weight:700;color:#58e2ff;width:44px}.progress{height:6px;border-radius:3px;background:#2b3245;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#58e2ff,#9f78ff)}.tiers{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#c2ccdb}.tier b{color:var(--credit);margin-right:4px}.desc{display:block}.glow-dot{width:18px;height:18px;border-radius:99px;flex-shrink:0;margin:0 8px}.tag{font-size:11px;padding:2px 8px;border-radius:99px;background:var(--panel-2);color:var(--dim);font-weight:600;white-space:nowrap;width:fit-content}.tag.air{color:#5ce1ff}.tag.ground{color:#ffd166}.tag.both{color:#c4b5fd}#screen-game{position:fixed;inset:0;max-width:none;display:block}#field{position:absolute;inset:0}#canvas3d{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.label3d{position:absolute;left:0;top:0;font-weight:700;font-size:13px;white-space:nowrap;text-shadow:0 1px 4px #000}#hud{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:flex-start;gap:8px;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 18px max(10px,env(safe-area-inset-left));background:linear-gradient(#03050cd9,#03050c00);pointer-events:none;font-size:14px}#hud>*{pointer-events:auto}.icon-btn{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line);background:#0e1424d9;color:var(--text);padding:0}.hud-stats{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.stat-row{display:flex;gap:6px;flex-wrap:wrap}.pill{display:inline-flex;align-items:baseline;gap:2px;height:28px;align-items:center;padding:0 10px;border-radius:99px;background:#0e1424d9;border:1px solid var(--line);white-space:nowrap;font-size:13px}.pill .dim{color:var(--dim);font-size:12px}.pill.credit{color:var(--credit);font-weight:700}.pill.ore{color:var(--ore);font-weight:700}.core-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--dim);max-width:420px}.core-row b{color:var(--text);min-width:28px;text-align:right}.hpbar{flex:1;height:8px;border-radius:99px;background:#2a0f15;border:1px solid #0b0d12;overflow:hidden}.hpbar>i{display:block;height:100%;background:linear-gradient(90deg,#58e2ff,#9f78ff)}.hpbar.danger>i{background:linear-gradient(90deg,#ff5a5a,#ff9e5a)}.hpbar.small{height:6px}.seg{display:flex;flex-shrink:0;border-radius:12px;border:1px solid var(--line);background:#0e1424d9;overflow:hidden}.seg button{width:40px;height:42px;border:none;background:transparent;color:var(--dim);font-family:Chakra Petch,system-ui,sans-serif;font-weight:700;padding:0}.seg button[aria-pressed=true]{background:#e9edf0;color:#15171b;box-shadow:inset 0 -3px #c8202c}#bossbar{position:absolute;z-index:1;top:calc(max(10px,env(safe-area-inset-top)) + 92px);left:50%;transform:translate(-50%);width:min(520px,calc(100% - 32px));display:flex;flex-direction:column;gap:6px;pointer-events:none}.boss-head{display:flex;justify-content:space-between;font-size:14px;text-shadow:0 1px 4px #000}.boss-head b{color:#e9c7ff}.boss-track{height:12px;border-radius:99px;background:#1a0e26;border:1px solid #07050a;overflow:hidden}.boss-track i{display:block;height:100%;background:linear-gradient(90deg,#7a3cff,#e066ff);transition:width .15s}#boss-weak{align-self:center;font-size:13px;font-weight:700;color:#fff0ff;background:#6a1f8a;padding:3px 12px;border-radius:99px}#banner{position:absolute;z-index:1;top:24%;left:16px;right:16px;text-align:center;pointer-events:none;font-size:clamp(22px,6vw,36px);font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.9);opacity:0;transition:opacity .3s}#banner.show{opacity:1}#banner small{display:block;font-size:14px;font-weight:500;color:#c2ccdb;margin-top:4px}#dock{position:absolute;z-index:2;left:0;right:0;bottom:0;max-height:62%;overflow-y:auto;overscroll-behavior:contain;padding:10px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:#070a16eb;border-top:1px solid var(--line);border-radius:18px 18px 0 0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.bar{display:flex;gap:8px;align-items:stretch}.act{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 8px;border-radius:12px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font-size:12px;line-height:1.25;min-width:64px}.act small{font-size:11px;color:var(--dim);white-space:nowrap}.act.grow{flex:1;flex-direction:row;justify-content:flex-start;gap:10px;padding:6px 12px;text-align:left}.act.grow b{display:block;font-size:15px}.act.primary{background:#e9edf0;color:#15171b;border:2px solid #0b0d12;box-shadow:inset 0 -4px #c8202c}.act.primary small{color:#3a4458}.act.status{color:var(--text)}.act.danger{background:#3a141b;border-color:#7a2b36;color:#ffd0d0}.act:disabled{opacity:.38}.tip{margin:8px 2px 0;font-size:12px;color:var(--dim);line-height:1.5}.sheet-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.sheet-head>b,.sheet-title{flex:1;font-size:16px}.sheet-title{display:flex;flex-direction:column;gap:4px}.pips{display:flex;gap:4px}.pips i{width:16px;height:5px;border-radius:2px;background:#2b3245}.pips i.on{background:var(--credit)}.weapon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wcard{display:flex;align-items:center;gap:8px;min-height:64px;padding:8px;border-radius:12px;border:2px solid #0b0d12;background:#e9edf0;color:#15171b;box-shadow:inset 0 -4px #c8202c;text-align:left}.wcard-body{display:flex;flex-direction:column;gap:3px;min-width:0}.wcard-body b{font-size:15px}.wcard .tag{background:#1e2433;width:fit-content}.wcard .price{font-family:Chakra Petch,system-ui,sans-serif;font-weight:700;color:#8a6400;font-size:13px;display:inline-flex;align-items:center;gap:3px}.wcard:disabled{opacity:.55}.wcard.locked{background:#141a28;color:#8d97aa;border:1px solid #2b3245;box-shadow:none}.wcard.locked .price{color:#b49cf0}.mount-hp{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--dim);margin-bottom:10px}.bad{color:var(--bad)}.cmp-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:10px}.cmp{display:flex;flex-direction:column;gap:2px;padding:8px;border-radius:10px;background:var(--panel);border:1px solid var(--line);font-size:11px;color:var(--dim);text-align:center}.cmp b{font-family:Chakra Petch,system-ui,sans-serif;font-size:15px;color:var(--text)}.cmp i{font-style:normal;color:#7fe9ff}.cta{width:100%;height:54px;border-radius:12px;border:2px solid #0b0d12;background:#e9edf0;color:#15171b;font-size:16px;font-weight:700;box-shadow:inset 0 -5px #c8202c;margin-bottom:8px}.cta span{font-family:Chakra Petch,system-ui,sans-serif;color:#8a6400}.cta:disabled{opacity:.45}.pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pair .act{flex-direction:row;gap:8px;font-size:14px}.slot-arc{position:relative;height:170px;margin:4px 8px 6px}.slot-ground{position:absolute;left:0;right:0;bottom:-6px;height:6px;border-radius:3px;background:#e9edf0;box-shadow:inset 0 -2px #15171b}.slot{position:absolute;transform:translate(-50%);width:58px;height:58px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:2px solid #0b0d12;background:#e9edf0;padding:0}.slot.empty{background:#0e1424e6;border:2px dashed #6b86b8}.slot.down{background:#5a5f6a}.slot .plus{font-size:28px;font-weight:700;color:#a0c4ff;line-height:1}.slot .pips i{width:9px;height:4px}@media(min-width:700px){.weapon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#dock{left:50%;right:auto;transform:translate(-50%);width:min(720px,100%)}}@media(min-width:900px)and (orientation:landscape){#dock{left:auto;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));transform:none;width:360px;max-height:calc(100% - 120px);border-radius:18px;border:1px solid var(--line)}#dock .bar{flex-direction:column}#dock .act.grow{flex:none}.weapon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}#modal{position:fixed;inset:0;z-index:10;background:#02030ab8;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-box{background:#0a0e1af5;border:1px solid #3a4a66;border-radius:18px;padding:22px;width:min(460px,100%);max-height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.modal-box h2{margin:0;font-size:26px}.modal-box p{margin:0;color:#b8c3d6;line-height:1.7;font-size:14px}.result-hero{display:flex;flex-direction:column;gap:6px}.result-hero h2{font-size:32px}.result-hero.lost .kicker{color:#ff8f80}.stars{display:flex;align-items:center;gap:6px}.stars small{color:var(--dim);font-size:12px;margin-left:6px}.modal-box .result{display:grid;grid-template-columns:1fr auto;gap:8px 12px;font-size:15px}.modal-box .result span{color:var(--dim)}.modal-box .result b{font-family:Chakra Petch,IBM Plex Sans KR,system-ui,sans-serif;text-align:right}.reward{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:12px;background:#160f2a;border:1px solid #4a3a7a}.reward b{font-family:Chakra Petch,system-ui,sans-serif;font-size:28px}.modal-actions{display:flex;gap:8px;flex-wrap:wrap}.modal-actions>*{flex:1;min-width:120px}.modal-actions .cta{margin:0}.menu-full{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:2;pointer-events:auto;background:#0e1424d9}#screen-menu{position:relative}.sheet-note{margin:0 12px 6px;font-size:12px;color:var(--dim);line-height:1.5}.ring-map{position:relative;width:min(100%,300px,34vh);aspect-ratio:1;margin:0 auto 8px}.ring-line{position:absolute;inset:12%;border-radius:50%;border:10px solid rgba(255,255,255,.06)}.ring-ore{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:34px;color:#4fd8ff;text-shadow:0 0 18px #4fd8ff}.ring-gap{position:absolute;left:50%;top:4%;transform:translate(-50%);font-size:11px;color:#ff8f80;letter-spacing:1px}.dome-cell{position:absolute;transform:translate(-50%,-50%);width:72px;min-height:48px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px;font-size:12px}.dome-cell small{font-size:10px;color:var(--dim)}.dome-cell.built{background:#e9edf0;color:#15171b;border:2px solid #0b0d12;box-shadow:inset 0 -3px #2756b8}.dome-cell.built small{color:#3a4458}.dome-cell.built.hurt{box-shadow:inset 0 -3px #c8202c}.dome-cell.built.on{outline:3px solid #58e2ff;outline-offset:2px}.dome-cell.open{background:#0e1424e6;border:2px dashed #58e2ff;color:#9ee7ff}.dome-cell.open:disabled{opacity:.45}.dome-cell.open .plus{font-size:22px;font-weight:700;line-height:1}.dome-cell.locked{width:40px;min-height:40px;background:#0e142499;border:1px solid #26314d;color:#4a5672}.act.badge{position:relative}.act.badge:after{content:"";position:absolute;top:6px;right:8px;width:9px;height:9px;border-radius:50%;background:#58e2ff;box-shadow:0 0 8px #58e2ff}.slot-plan{position:relative;height:200px;margin:4px 16px 10px}.plan-dome{position:absolute;inset:8% 6%;border-radius:50%;border:2px solid #3a4a66;background:radial-gradient(ellipse,#a8ccf01f,#a8ccf008)}.plan-front{position:absolute;left:50%;bottom:-4px;transform:translate(-50%);font-size:11px;color:var(--dim)}.slot-plan .slot{transform:translate(-50%,-50%)}.grow.center{flex:1;text-align:center}.icon-btn.flip svg{transform:scaleX(-1)}