:root{font-family:system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif;color:#dce5de;background:#111d22;font-synthesis:none;--bg: #111d22;--panel: #15242a;--panel-2: #1b2e33;--line: #ffffff14;--text: #dce5de;--muted: #82938d;--mint: #c3f1c4;--mint-strong: #9fe3a6;--blue: #67d5fa;--red: #ff776c;--gold: #e8cb74;--hud: #0d1a1ecc;--mono: ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;background:var(--bg)}button,select,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:3px}button svg{width:26px;height:26px;flex-shrink:0}[hidden]{display:none!important}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:34px;font-weight:600;line-height:1.22;letter-spacing:-1.4px}h2{font-size:22px;font-weight:600;letter-spacing:-.6px}h3{font-size:17px;font-weight:600;letter-spacing:-.3px}.muted{color:var(--muted)}.blue{color:var(--blue)}.red{color:var(--red)}.mono{font-family:var(--mono)}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:1.6px;color:#99b3a3;display:flex;justify-content:space-between;align-items:center;gap:8px}.eyebrow span{letter-spacing:0;color:#667f74}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 9px #b6ecc160}kbd{display:inline-block;min-width:22px;padding:2px 6px;margin-right:3px;border:1px solid #ffffff2a;border-bottom-width:2px;border-radius:4px;font-family:var(--mono);font-size:10px;text-align:center;color:#e5ece4;background:#ffffff0a}.boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-content:center;gap:10px;text-align:center;font-size:26px;font-weight:600;background:var(--bg)}.boot span{font-size:13px;font-weight:400;color:var(--muted)}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 16px;border-radius:6px;font-size:14px;font-weight:600;transition:transform .08s,background .15s}.primary{color:#10231a;background:var(--mint)}.primary:hover:not(:disabled){background:#d6f8d5}.secondary{color:var(--text);background:#ffffff0d;border:1px solid #ffffff1f}.secondary:hover:not(:disabled){background:#ffffff18}.primary:active:not(:disabled),.secondary:active:not(:disabled){transform:translateY(1px)}.wide{width:100%}.text-button{color:var(--mint);font-size:12px;padding:6px 0}.quiet{color:var(--muted);font-size:12px}.topbar{position:fixed;top:0;left:0;right:0;height:64px;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);background:#121f24}.brand{display:flex;gap:12px;align-items:center;font-size:18px;font-weight:600;letter-spacing:-.6px}.brand small{display:block;font-family:var(--mono);font-size:8px;font-weight:400;letter-spacing:2px;color:#8dafa0;margin-top:3px}.brand-symbol{width:32px;height:32px;color:var(--mint)}.brand-symbol svg{width:100%;height:100%}.scenario-label{display:flex;align-items:center;gap:10px;font-size:12px;color:#94a69e}.top-separator{color:#526961}.account-area{display:flex;align-items:center;gap:14px;font-size:12px}.audio-toggle{padding:7px 12px;border:1px solid #ffffff1f;border-radius:6px;font-size:12px}.audio-toggle.muted{opacity:.55;text-decoration:line-through}.audio-panel{position:absolute;right:24px;top:58px;width:260px;padding:18px;display:grid;gap:12px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 40px #0008;font-size:12px}.audio-setting,.audio-volume{display:flex;justify-content:space-between;align-items:center;gap:10px}.audio-panel small,.audio-panel p{color:var(--muted);font-size:11px}.workspace{position:fixed;top:64px;bottom:34px;left:0;right:0}.statusbar{position:fixed;bottom:0;left:0;right:0;height:34px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;border-top:1px solid var(--line);background:#0f1a1e;font-size:11px;color:var(--muted)}.statusbar>span:first-child{display:flex;align-items:center;gap:8px}.statusbar button{color:var(--mint);font-size:11px}.map-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:middle}i.blue{background:var(--blue)}i.red{background:var(--red)}i.neutral{background:#a5b4af}.objective-card,.economy-card,.target-card{display:grid;gap:9px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#ffffff05}.objective-card p,.economy-card p{color:#9cada6;font-size:12px;line-height:1.6}.faction-mark{width:22px;height:22px;display:grid;place-items:center;border-radius:4px;font-family:var(--mono);font-size:11px;font-weight:700;color:#0e1b1f}.faction-mark.blue{background:var(--blue)}.faction-mark.red{background:var(--red)}.section-label{display:flex;justify-content:space-between;font-size:12px;color:#b6c4bd}.section-label span{font-family:var(--mono);font-size:10px;color:#6d8479}body:not(.mode-lobby) .entry{display:none}.entry{position:absolute;z-index:4;top:50%;right:32px;transform:translateY(-50%);width:432px;max-height:calc(100% - 40px);overflow-y:auto;display:grid;gap:18px;padding:20px 24px 24px;border:1px solid #ffffff1a;border-radius:16px;background:#12222ae6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 24px 60px #0009;scrollbar-width:thin}.entry-progress{justify-self:start;display:flex;gap:4px;padding:4px;border:1px solid #ffffff12;border-radius:999px;background:#0a1519cc}.entry-progress button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 13px 0 5px;border-radius:999px;font-size:13px;color:#8a9f96}.entry-progress button:disabled{opacity:1;cursor:default}.entry-progress b{width:26px;height:26px;display:grid;place-items:center;border:1px solid #ffffff2a;border-radius:50%;font-family:var(--mono);font-size:12px;font-weight:600}.entry-progress .current{color:#10231a;background:var(--mint);font-weight:600}.entry-progress .current b{border-color:#10231a55}.entry-progress .done{color:var(--mint)}.entry-progress .done:hover{background:#c3f1c414}.entry-progress .done b{border-color:#c3f1c466;background:#c3f1c41a}.entry-step{display:grid;gap:14px;animation:entry-step-in .22s ease-out}@keyframes entry-step-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}.entry-step h2{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:22px}.entry-step h2 small{font-size:12px;font-weight:500;letter-spacing:0;color:var(--gold)}.entry-kicker{margin-bottom:-4px;font-size:12px;color:#8fa79c}.entry-lead{font-size:13px;line-height:1.6;color:#a9b8b1}.entry-note{font-size:11px;line-height:1.5;color:var(--muted)}.entry-note:empty{display:none}.quick-start{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;padding:12px 18px;border-radius:12px;text-align:left;color:#10231a;background:var(--mint);box-shadow:0 10px 26px #9fe3a630;transition:transform .08s,background .15s}.quick-start:hover:not(:disabled){background:#d6f8d5}.quick-start:active:not(:disabled){transform:translateY(1px)}.quick-start strong{display:block;font-size:17px;letter-spacing:-.3px}.quick-start small{display:block;margin-top:3px;font-size:12px;color:#2f5140}.quick-start b{font-size:22px}.entry-options{display:grid;gap:10px}.entry-card{position:relative;display:flex;align-items:center;gap:14px;min-height:72px;padding:12px 16px;border:1px solid #ffffff1c;border-radius:12px;text-align:left;background:#ffffff07;transition:border-color .15s,background .15s,transform .08s}.entry-card:hover:not(:disabled){border-color:#c3f1c466;background:#c3f1c40d}.entry-card:active:not(:disabled){transform:translateY(1px)}.entry-card.selected{border-color:#c3f1c4aa;background:#c3f1c414;box-shadow:inset 0 0 0 1px #c3f1c440}.entry-card>span:nth-child(2){flex:1;display:grid;gap:4px;min-width:0}.entry-card strong{font-size:16px;letter-spacing:-.3px}.entry-card small{font-size:12px;line-height:1.4;color:#9fb0a9}.entry-card em{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--muted);white-space:nowrap}.entry-card .faction-mark{width:36px;height:36px;flex:none;border-radius:8px;font-size:14px}.entry-icon{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:10px;color:var(--mint);background:#c3f1c412}.entry-icon svg{width:26px;height:26px}.lock{font-style:normal;font-size:12px;margin-left:2px}.entry-actions{display:grid;grid-template-columns:56px 1fr;gap:10px}.entry-actions>:only-child{grid-column:1 / -1}.entry-actions .primary,.entry-actions .secondary{min-height:52px;border-radius:10px;font-size:16px}.entry-actions .secondary:only-child{min-height:44px;font-size:14px}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.role-option{position:relative;display:grid;justify-items:center;align-content:center;gap:3px;min-height:58px;padding:7px 4px 6px;border:1px solid var(--line);border-radius:10px;background:#ffffff05;font-size:12px;color:#c3d0c9}.role-option:hover:not(:disabled):not(.active){border-color:#c3f1c455}.role-option svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.6}.role-option small{font-family:var(--mono);font-size:9px;color:var(--muted)}.role-option small:empty{display:none}.role-option.active{color:#0f1f19;background:var(--mint);border-color:var(--mint);font-weight:600}.role-option.active small{color:#2e4a3b}.role-detail{display:grid;grid-template-columns:112px 1fr;gap:6px 12px;align-items:center;padding:8px 12px 8px 6px;border:1px solid var(--line);border-radius:12px;background:radial-gradient(circle at 18% 50%,#1e3a37 0,transparent 60%)}.model-preview,.role-glyph{grid-row:1;grid-column:1}.model-preview{height:96px}.role-glyph{display:grid;place-items:center;color:var(--mint);pointer-events:none}.role-glyph:empty{display:none}.role-glyph svg{width:46px;height:46px;stroke-width:1.2}.model-preview canvas{width:100%!important;height:100%!important;display:block}.role-copy{display:grid;gap:3px;min-width:0}.model-caption{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:16px;font-weight:600}.cc0-tag{font-family:var(--mono);font-size:9px;letter-spacing:1px;color:#8dafa0;padding:2px 6px;border:1px solid #8dafa033;border-radius:3px;font-weight:400}#role-description{font-size:12px;line-height:1.45;color:#a9b8b1}#role-more{justify-self:start;min-height:44px;margin:-7px 0;padding:0 18px 0 0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.role-stats{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;padding:0 0 4px 6px;font-size:11px}.role-stats dt{color:var(--muted)}.role-stats dd{margin:0;color:#d2ddd6}.role-detail:has(.role-stats:not([hidden])){grid-template-columns:1fr;padding-left:12px}.role-detail:has(.role-stats:not([hidden])) .model-preview,.role-detail:has(.role-stats:not([hidden])) .role-glyph,.role-detail:has(.role-stats:not([hidden])) #role-description{display:none}.world-pick{display:flex;align-items:center;gap:6px;overflow-x:auto;font-size:12px;color:var(--muted);scrollbar-width:none}.world-pick button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;font-family:var(--mono);font-size:12px;white-space:nowrap}.world-pick button.selected{color:var(--mint);border-color:#c3f1c466;background:#c3f1c40d}.world-pick>span{flex:none;white-space:nowrap}.world-pick small{font-family:system-ui,sans-serif;font-size:11px;color:var(--muted)}.manual-scenario{margin:12px 0 14px;font-size:13px;line-height:1.6;color:#b5c3bc}.manual-scenario b{display:block;margin-bottom:2px;font-family:var(--mono);font-size:11px;letter-spacing:1px;color:#99b3a3}.manual-scenario small{display:block;margin-top:4px;font-size:11px;color:var(--muted)}.manual-controls{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;margin:0 0 16px;align-items:center;font-size:12px}.manual-controls dd{margin:0;color:#a9b8b1}.map-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#0a141b}.map-stage>canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;display:block;touch-action:none}.map-heading{position:absolute;top:20px;left:20px;z-index:2;display:grid;gap:6px;padding:12px 14px;background:#0d1a1ecc;border:1px solid var(--line);border-radius:8px;pointer-events:none}.map-tools{position:absolute;left:20px;bottom:64px;z-index:2;display:flex;gap:6px}.map-tools button{min-width:34px;height:34px;padding:0 10px;border:1px solid #ffffff1f;border-radius:6px;background:#0d1a1ecc;font-size:12px}.map-bottom{position:absolute;left:20px;bottom:18px;z-index:2;display:grid;gap:6px;font-size:11px;color:var(--muted);pointer-events:none}.map-legend{display:flex;gap:14px;color:#c9d5cf}.map-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted);font-size:13px}.map-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.sector-label{position:absolute;left:0;top:0;display:flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid #ffffff1a;border-radius:4px;background:#0d1a1ee0;font-size:11px;white-space:nowrap;pointer-events:auto;--sector-color: #a5b4af}.sector-label small{font-size:9px;color:var(--muted)}.sector-dot{width:7px;height:7px;border-radius:50%;background:var(--sector-color);box-shadow:0 0 8px var(--sector-color)}.sector-label.selected{color:#10231a;background:var(--mint);border-color:var(--mint)}.sector-label.contested{border-color:var(--gold)}.sector-label.objective:after{content:var(--t-objective, "목표");margin-left:2px;padding:1px 4px;border-radius:3px;font-size:9px;color:#1e1a0c;background:var(--gold)}.sector-label.hero-front{box-shadow:0 0 12px #e8cb7466}.map-orders{position:absolute;right:20px;bottom:20px;z-index:3;width:320px;display:grid;gap:10px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#0f1d22f2;box-shadow:0 18px 40px #0009}.map-orders p,.map-orders small{font-size:12px;color:#a9b8b1}.map-orders small{font-size:11px;color:var(--muted)}.travel-card{display:grid;gap:8px;padding:10px;border-radius:6px;background:#c3f1c40f;font-size:12px;color:var(--mint)}.team-chip{justify-self:start;padding:5px 10px;border:1px solid currentColor;border-radius:4px;font-size:12px}.economy-card>div:nth-child(2){display:flex;justify-content:space-between;align-items:baseline}.economy-card strong{font-family:var(--mono);font-size:22px}.frontline-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px}.frontline-summary>div{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:8px;font-size:12px}.frontline-summary strong{font-family:var(--mono);font-size:22px}.frontline-summary small{font-size:11px;color:var(--muted)}#sector-picker{width:100%;height:40px;padding:0 10px;border:1px solid #ffffff1f;border-radius:6px;background:#1b2e33}.target-card>div:first-child{display:flex;justify-content:space-between;align-items:baseline}.target-card span,.target-card p{font-size:12px;color:var(--muted)}.meter{height:4px;border-radius:2px;background:#ffffff14;overflow:hidden}.meter i{display:block;height:100%;width:0;background:var(--mint);transition:width .3s}.ability,.hero-button{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:0 14px;border-radius:6px;font-size:13px}.ability{border:1px solid #c3f1c444;background:#c3f1c40d;color:var(--mint)}.hero-button{border:1px solid #b1a16e70;background:#3d3b2870;color:#e4dca8}.ability small,.hero-button small{font-size:11px;opacity:.8}.production{display:grid;gap:6px}.produce-button{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:6px;text-align:left;font-size:12px}.produce-button svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6}.produce-button span{flex:1;display:grid}.produce-button small{color:var(--muted);font-size:10px}.event-log{display:grid;gap:1px;max-height:220px;overflow-y:auto}.event-log>div{display:flex;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:11px}.event-log time{font-family:var(--mono);color:#6d8479}.radio-form{display:grid;gap:7px}.radio-form label{font-size:11px;color:var(--muted)}.radio-form>div,.radio-form.compact{display:flex;border:1px solid #506e6155;background:#1d3032cc;border-radius:6px;overflow:hidden}.radio-form input{flex:1;min-width:0;padding:9px 10px;font-size:12px;background:none;border:0;outline:0}.radio-form button{width:38px;color:var(--mint);background:#294333}.battle{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#b7c7bd;user-select:none;-webkit-user-select:none}.arena-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;display:block;touch-action:none;cursor:none}.mode-pilot .topbar,.mode-pilot .statusbar{display:none}.mode-pilot .workspace{visibility:hidden;top:0;bottom:0}.mode-pilot.map-open .workspace{z-index:30}.mode-pilot.map-open .map-stage{visibility:visible;position:fixed;top:0;right:0;bottom:0;left:0}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;font-size:12px}.hud>*{pointer-events:auto}.panel{background:var(--hud);border:1px solid #ffffff1a;border-radius:10px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.hud-unit{position:absolute;top:16px;left:16px;width:250px;padding:14px;display:grid;gap:10px}.unit-title{display:flex;align-items:center;gap:10px}.unit-title strong{display:block;font-size:16px}.unit-title small{font-size:11px}.unit-icon svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.6}.bar{display:grid;grid-template-columns:1fr auto;gap:5px;font-size:11px;color:#a9b8b1}.bar b{font-family:var(--mono);color:#eef4ee;font-weight:500}.bar>div{grid-column:1 / -1;height:7px;border-radius:4px;background:#ffffff14;overflow:hidden}.bar i{display:block;height:100%;border-radius:4px;background:var(--mint);transition:width .2s}.bar.ammo i{background:#e6d38a}.bar.hp i.low{background:var(--red);animation:pulse .8s infinite alternate}@keyframes pulse{to{opacity:.55}}.unit-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.unit-meta span:last-child{color:var(--gold)}.hud-objective{position:absolute;top:16px;left:50%;transform:translate(-50%);width:min(420px,calc(100vw - 600px));min-width:280px;padding:12px 16px;display:grid;gap:8px;text-align:center}.objective-line{display:flex;align-items:baseline;justify-content:center;gap:10px}.objective-line strong{font-size:18px}.objective-line span{font-size:11px;color:var(--muted)}.capture{position:relative;height:10px;border-radius:5px;background:#ffffff12;overflow:hidden}.capture-owner{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35}.capture i{position:absolute;left:0;top:0;bottom:0;transition:width .2s}.hud-objective p{font-size:11px;color:#c4d0ca}.hud-map{position:absolute;top:16px;right:16px;padding:8px;display:grid;gap:6px}#minimap{width:180px;height:326px;display:block;border-radius:6px;cursor:pointer}.score{display:grid;gap:3px;font-size:11px}.score span{display:flex;gap:6px;color:#c4d0ca}.score b{color:var(--team)}.hud-feed{position:absolute;left:16px;bottom:16px;width:340px;display:grid;gap:8px;pointer-events:none}.hud-feed form{pointer-events:auto}.feed{display:grid;gap:3px}.feed p{padding:5px 9px;border-radius:5px;background:#0d1a1eb3;font-size:11px;color:#d6e0da;text-shadow:0 1px 2px #000;animation:feed-in .25s ease-out}.feed p.kill{color:#ffd9c9}.feed p.radio{color:var(--mint)}.feed time{margin-right:8px;font-family:var(--mono);color:#7f958c}@keyframes feed-in{0%{opacity:0;transform:translate(-8px)}}.hud-actions{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;gap:8px}.action{position:relative;overflow:hidden;width:92px;height:64px;display:grid;place-content:center;gap:3px;text-align:center;border:1px solid #ffffff22;border-radius:10px;background:var(--hud);font-size:12px;font-weight:600;color:#eef4ee}.action small{font-family:var(--mono);font-size:10px;font-weight:400;color:var(--muted)}.action>i{position:absolute;left:0;right:0;bottom:0;height:0;background:#0008;pointer-events:none}.action.ready{border-color:#c3f1c477;box-shadow:inset 0 0 0 1px #c3f1c433}.action.active{color:#10231a;background:var(--gold)}.action.active small{color:#3d3517}.action.hero{color:#efe3a6}.action.weapon{cursor:default}.action.weapon svg{position:absolute;top:6px;right:6px;width:16px;height:16px;transform:rotate(-90deg)}.action.weapon circle{fill:none;stroke:#fff2;stroke-width:4}.action.weapon circle+circle{stroke:var(--mint);stroke-dasharray:119.4;stroke-dashoffset:0}.hud-buttons{position:absolute;right:16px;bottom:16px;display:grid;gap:6px}.hud-buttons .secondary{min-height:38px;font-size:12px;background:var(--hud)}.banner{position:absolute;top:120px;left:50%;transform:translate(-50%);padding:12px 22px;border-radius:8px;font-size:18px;font-weight:700;letter-spacing:-.3px;background:#0d1a1ee6;border:1px solid #ffffff22;pointer-events:none;animation:banner-in .3s ease-out;white-space:nowrap}.banner.good{color:#10231a;background:var(--mint)}.banner.bad{color:#fff;background:#b8463ce6}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,-10px)}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0a1215a8}.overlay-card{width:min(420px,calc(100vw - 32px));display:grid;gap:12px;padding:26px;text-align:center;border:1px solid #ffffff1f;border-radius:12px;background:#11201ff2}.overlay-card p{color:#a9b8b1;font-size:13px;line-height:1.6}#overlay-actions{display:grid;gap:8px;margin-top:6px}.crosshair{position:fixed;left:0;top:0;z-index:25;width:0;height:0;pointer-events:none}.crosshair i{position:absolute;left:-12px;top:-12px;width:24px;height:24px;border:2px solid #ffffffd0;border-radius:50%;box-shadow:0 0 0 1px #0006}.crosshair b{position:absolute;left:-2px;top:-2px;width:4px;height:4px;border-radius:50%;background:#fff}.crosshair.hit i{animation:hit .22s ease-out}@keyframes hit{0%{border-color:#ff5a4a;transform:scale(1.5) rotate(45deg);border-radius:2px}to{transform:scale(1)}}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none!important;opacity:0;transition:opacity .35s;background:radial-gradient(ellipse at center,transparent 55%,#c0201aaa 100%)}.arena-labels{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.unit-tag{position:absolute;left:0;top:0;display:grid;justify-items:center;gap:3px;font-size:10px;font-weight:600;color:var(--team);text-shadow:0 1px 2px #000,0 0 3px #000;white-space:nowrap}.unit-tag i{display:block;width:40px;height:4px;border-radius:2px;background:#000a;overflow:hidden;box-shadow:0 0 0 1px #0006}.unit-tag em{display:block;height:100%;background:var(--team)}.unit-tag.mine b{padding:1px 6px;border-radius:3px;color:#10231a;background:var(--mint);text-shadow:none}.unit-tag.mine i{width:54px}.unit-tag.enemy span{color:#ffd1cb}.unit-tag.fortified:before{content:var(--t-defend, "방어");font-size:9px;color:var(--gold)}.unit-tag.boosted i{box-shadow:0 0 6px var(--gold)}.touch-controls{display:none}.stick{position:absolute;bottom:28px;width:128px;height:128px;border-radius:50%;border:2px solid #ffffff33;background:#0d1a1e66;touch-action:none}.stick i{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px;border-radius:50%;background:#fff5;box-shadow:0 0 0 2px #fff4}.stick.move{left:24px}.stick.aim{right:24px}.stick.aim i{background:#ff9b7a88}.stick{transition:border-color .08s,background-color .08s,box-shadow .08s}.stick i{transition:background-color .08s,box-shadow .08s,scale .08s}.stick.held{background-color:#0d1a1e88}.stick.held i{scale:.94}.stick.aim.firing{border-color:#ff8a5ccc;box-shadow:0 0 0 3px #ff5a3a33,inset 0 0 18px #ff5a3a33}.stick.aim.firing i{background:#ffb08ee0;box-shadow:0 0 0 2px #ffd9c8aa,0 0 14px #ff6a3a88;scale:1.06}.threat-arc{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;z-index:2}.threat-arc i{position:absolute;left:-75px;top:-75px;width:150px;height:150px;border-radius:50%;border:6px solid transparent;border-top-color:#ff4d3d;filter:drop-shadow(0 0 4px #ff2a1acc);opacity:0}.threat-arc.on i{animation:threat-arc .9s ease-out forwards}@keyframes threat-arc{0%{opacity:1}55%{opacity:.85}to{opacity:0}}.hit-mark{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;z-index:2}.hit-mark i{position:absolute;left:-11px;top:-11px;width:22px;height:22px;opacity:0}.hit-mark i:before,.hit-mark i:after{content:"";position:absolute;left:50%;top:50%;width:22px;height:3px;margin:-1.5px -11px;border-radius:2px;background:#fff;box-shadow:0 0 0 1px #0008,0 0 6px #ff5a4a;rotate:45deg}.hit-mark i:after{rotate:-45deg}.hit-mark.on i{animation:hit-mark .26s ease-out forwards}.hit-mark.kill i{left:-17px;top:-17px;width:34px;height:34px}.hit-mark.kill i:before,.hit-mark.kill i:after{width:34px;height:4px;margin:-2px -17px;background:#ffd34d;box-shadow:0 0 0 1px #000a,0 0 10px #ff9a2a}.hit-mark.kill.on i{animation-duration:.52s}@keyframes hit-mark{0%{opacity:1;scale:1.45}30%{opacity:1;scale:1}to{opacity:0;scale:.9}}#toast{position:fixed;left:50%;bottom:56px;transform:translate(-50%);z-index:60;max-width:calc(100vw - 32px);padding:11px 18px;border-radius:8px;background:#e7efe6;color:#10231a;font-size:13px;font-weight:600;box-shadow:0 10px 30px #0007}.mode-pilot #toast{bottom:96px}dialog{width:min(560px,calc(100vw - 32px));padding:28px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:var(--panel-2)}dialog::backdrop{background:#000a}dialog ol{display:grid;gap:10px;padding-left:20px;font-size:13px;line-height:1.6;color:#c5d1cb}.dialog-close{position:absolute;right:16px;top:12px;font-size:24px;color:var(--muted)}.license-copy{font-size:11px;color:var(--muted);line-height:1.6}@media(max-width:1180px){.hud-objective{width:300px;min-width:0}.hud-feed{width:280px}}@media(max-width:860px),(pointer:coarse)and (max-height:520px){.topbar{height:56px;padding:0 16px}.scenario-label,#connection{display:none}.map-orders{left:16px;right:16px;bottom:16px;width:auto}.hud-unit{top:10px;left:10px;width:170px;padding:10px;gap:7px}.unit-title strong{font-size:13px}.unit-meta{display:none}.hud-objective{top:10px;width:auto;left:190px;right:132px;transform:none;padding:8px 10px}.objective-line strong{font-size:14px}.hud-objective p,#hud-time,#hud-kind{display:none}.hud-map{top:10px;right:10px;padding:4px}#minimap{width:92px;height:167px}.score{display:none}.hud-feed{left:10px;bottom:auto;top:136px;width:200px}.hud-feed form.radio-form{display:none}.feed p{padding:3px 7px;font-size:10px}.feed p:nth-child(n+3){display:none}.feed time{display:none}.hud-actions{bottom:170px;left:auto;right:12px;transform:none;flex-direction:column}.action{width:76px;height:48px;font-size:11px}.action.weapon{display:none}.hud-buttons{right:auto;left:50%;transform:translate(-50%);bottom:12px;grid-auto-flow:column}.hud-buttons .secondary{min-height:34px;padding:0 10px;font-size:11px}.banner{top:38%;font-size:14px;white-space:normal;text-align:center;width:max-content;max-width:calc(100vw - 32px)}.bar{font-size:10px;gap:3px}.bar>div{height:5px}.crosshair{display:none}}@media(pointer:coarse){.touch-controls{display:block}.arena-canvas{cursor:default}.hud-actions{bottom:168px;left:auto;right:16px;transform:none;flex-direction:column}.hud-buttons{bottom:14px;right:auto;left:50%;transform:translate(-50%);grid-auto-flow:column}.hud-feed{bottom:auto;top:136px}.crosshair{display:none}}.site-tag{position:absolute;left:0;top:0;display:grid;justify-items:center;gap:1px;padding:4px 9px;border:1px solid var(--team, #cfd8d2);border-radius:6px;background:#0d1a1ed9;color:#eef3ec;font-size:12px;pointer-events:auto;white-space:nowrap}.site-tag small{font-size:10px;color:var(--team, #cfd8d2)}.site-tag.objective{box-shadow:0 0 0 2px #e8cb74}.site-tag.objective b:after{content:" · " var(--t-objective, "목표");color:var(--gold);font-weight:400;font-size:10px}.mode-pilot .site-tag{pointer-events:none;opacity:.9}.mode-command .hud-unit,.mode-command .hud-actions,.mode-command .crosshair{display:none!important}.mode-command .arena-canvas{cursor:grab}.command-panel{position:absolute;top:16px;left:16px;width:290px;max-height:calc(100vh - 230px);overflow-y:auto;padding:14px;display:grid;gap:10px;scrollbar-width:thin}.command-row{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:#a9b8b1}.command-row strong{font-size:15px;color:#eef4ee}.command-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.command-grid .secondary{grid-column:1 / -1;min-height:36px;font-size:12px}.command-grid .ability,.command-grid .hero-button{min-height:40px;padding:0 10px;font-size:12px;display:grid;justify-items:start;align-content:center}.command-panel .target-card{padding:12px}.command-panel .frontline-summary>div{padding:8px}.command-panel .frontline-summary strong{font-size:18px}.hud-objective.empty .capture{opacity:.3}.strategic{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;background:#08131799;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}#strategic-map{height:calc(100vh - 40px);width:auto;max-width:calc(100vw - 380px);aspect-ratio:560 / 1013;border-radius:10px;box-shadow:0 20px 60px #000a;cursor:crosshair}@media(max-width:860px){#strategic-map{max-width:calc(100vw - 20px);height:calc(100vh - 300px)}.strategic .map-orders{left:10px;right:10px;bottom:10px;width:auto}.command-panel{top:auto;bottom:64px;left:10px;right:10px;width:auto;max-height:45vh}}.crosshair.locked i{border-color:#ffd34d;border-radius:3px;transform:rotate(45deg) scale(1.15)}.crosshair.blocked i{border-color:#ff5a4a}.crosshair.blocked b{width:14px;height:2px;left:-7px;top:-1px;border-radius:0;background:#ff5a4a;transform:rotate(45deg)}.crosshair.blocked b:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ff5a4a;transform:rotate(90deg)}.hud-objective #hud-objective-advice{display:block;color:#e3f4a9;font-size:12px;line-height:1.45}@media(max-width:600px){.hud-objective{top:192px;left:10px;right:10px;max-width:calc(100vw - 20px)}.hud-objective #hud-objective-advice{font-size:11px}}.banner{top:200px}.front-gauge{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:11px;color:#c4d0ca}.front-gauge .side{white-space:nowrap}.front-gauge .side b,.result-front b{font-family:var(--mono);font-weight:600}.front-gauge .blue b{color:#67d5fa}.front-gauge .red b{color:#ff776c}.front-track{display:grid;grid-template-columns:1fr 1fr;gap:2px;height:6px}.front-track>div{position:relative;overflow:hidden;border-radius:3px;background:#ffffff14}.front-track>div i{position:absolute;top:0;bottom:0;transition:width .6s ease-out}.front-track>div:first-child i{right:0;background:#67d5fa}.front-track>div:last-child i{left:0;background:#ff776c}.front-gauge.critical-blue .blue,.front-gauge.critical-red .red{animation:front-pulse 1s ease-in-out infinite alternate}.front-gauge.critical-blue .front-track>div:first-child,.front-gauge.critical-red .front-track>div:last-child{box-shadow:0 0 0 1px var(--gold)}@keyframes front-pulse{0%{opacity:1}to{opacity:.45}}.hud-order{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:var(--gold)}.hud-order[hidden]{display:none}.hud-order svg{width:14px;height:14px;flex:none;fill:var(--gold)}.reward{position:absolute;left:50%;top:35%;z-index:4;padding:4px 10px;border-radius:6px;font-family:var(--mono);font-size:15px;font-weight:700;color:#10231a;background:var(--mint);pointer-events:none;transform:translate(-50%);animation:reward-rise 1.4s ease-out forwards}@keyframes reward-rise{0%{opacity:0;transform:translate(-50%,8px) scale(.9)}15%{opacity:1;transform:translate(-50%) scale(1.08)}30%{transform:translate(-50%,-4px) scale(1)}to{opacity:0;transform:translate(-50%,-38px)}}#overlay-detail:empty{display:none}#overlay-detail{display:grid;gap:10px}.overlay-card.victory{border-color:#c3f1c466;box-shadow:0 0 0 1px #c3f1c422,0 20px 60px #0008}.overlay-card.victory h2{color:var(--mint)}.overlay-card.defeat{border-color:#ff776c55}.overlay-card.defeat h2{color:#ffb0a8}.overlay-card.victory,.overlay-card.defeat,.overlay-card.draw{width:min(460px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow-y:auto;animation:result-in .45s cubic-bezier(.2,.9,.3,1.2)}.overlay-card h2{font-size:26px;letter-spacing:-.5px}@keyframes result-in{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}.result-front{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-family:var(--mono);font-size:11px}.result-front .blue{color:#67d5fa}.result-front .red{color:#ff776c}.result-main{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;padding:10px;border-radius:8px;background:#ffffff08}.result-grade{width:64px;height:64px;display:grid;place-items:center;border-radius:12px;font-family:var(--mono);font-size:36px;font-weight:800;color:#10231a;background:#9fb3aa}.result-grade.grade-S{background:var(--gold);box-shadow:0 0 18px #e8cb7466}.result-grade.grade-A{background:var(--mint)}.result-grade.grade-B{background:#67d5fa}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center}.result-stats dt{font-size:10px;color:var(--muted)}.result-stats dd{margin:2px 0 0;font-family:var(--mono);font-size:18px;font-weight:600;color:#eef4ee}.overlay-card .result-best{color:var(--gold);font-size:12px}.result-medals{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px}.result-medals span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffff1f;color:#ffffff38}.result-medals span svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.6}.result-medals span.won{color:#1e1a0c;background:var(--gold);border-color:var(--gold)}.result-medals span.fresh{animation:medal-pop .8s ease-out .3s both}.result-medals small{width:100%;font-size:11px;color:#c4d0ca}@keyframes medal-pop{0%{transform:scale(.4)}60%{transform:scale(1.3)}to{transform:scale(1)}}.overlay-card .result-mvp{font-size:12px}.overlay-card .result-next{font-size:12px;color:#e3f4a9}.role-option.medal:after{content:"★";position:absolute;top:3px;right:6px;font-size:10px;color:var(--gold)}.role-option.medal.active:after{color:#6b5512}@media(max-width:860px),(pointer:coarse)and (max-height:520px){.banner{top:38%}.front-gauge{font-size:10px;gap:5px}.front-gauge .side{font-size:0}.front-gauge .side b{font-size:10px}.hud-order{font-size:11px}.result-stats dd{font-size:15px}.result-main{grid-template-columns:52px 1fr;padding:8px}.result-grade{width:52px;height:52px;font-size:28px}.overlay-card{padding:18px;gap:10px}}@media(prefers-reduced-motion:reduce){.reward{animation:reward-fade 1.4s linear forwards}@keyframes reward-fade{0%,70%{opacity:1}to{opacity:0}}.front-gauge.critical-blue .blue,.front-gauge.critical-red .red,.result-medals span.fresh,.overlay-card.victory,.overlay-card.defeat,.overlay-card.draw{animation:none}.front-track>div i{transition:none}}@media(max-width:860px),(pointer:coarse)and (max-height:520px){.workspace{top:56px}}@media(max-width:860px)and (min-height:521px){.workspace{display:flex;flex-direction:column}.map-stage{position:relative;inset:auto;flex:1 1 auto;min-height:96px}.map-heading,.map-bottom{display:none}.map-tools{left:auto;right:10px;bottom:26px}.map-tools button{min-width:44px;height:44px}.entry{position:relative;top:auto;right:auto;transform:none;flex:none;width:auto;max-height:none;overflow:visible;gap:12px;margin-top:-16px;padding:12px 16px 14px;border-width:1px 0 0;border-radius:18px 18px 0 0;box-shadow:0 -14px 30px #0008}.entry-progress button{min-height:44px;padding-right:11px;font-size:12px}.entry-progress b{width:24px;height:24px}.entry-step{gap:11px}.entry-step h2{font-size:19px}.quick-start{min-height:62px}.entry-card{min-height:64px;padding:10px 14px}.role-option{min-height:54px}.role-detail{grid-template-columns:96px 1fr}.model-preview{height:84px}}@media(max-width:600px){#footer-status{display:none}}@media(pointer:coarse)and (max-height:520px){.map-heading{display:none}.entry{top:8px;bottom:8px;right:8px;transform:none;width:min(380px,52vw);max-height:none;gap:10px;padding:12px 14px}.entry-kicker{display:none}.entry-step h2{font-size:18px}.entry-card,.quick-start{min-height:56px}.model-preview{height:72px}.entry-actions{position:sticky;bottom:-12px;z-index:2;margin:0 -14px -12px;padding:10px 14px 12px;background:linear-gradient(#12222a00,#12222a 28%)}}@media(prefers-reduced-motion:reduce){.entry-step{animation:none}@keyframes hit-mark{0%,40%{opacity:1}to{opacity:0}}}@media(pointer:coarse),(max-width:600px){.hud-actions,.strategic .map-orders{right:32px}}@media(pointer:coarse)and (orientation:landscape){.hud-actions{right:166px;bottom:24px}.hud-buttons{left:172px;transform:none}}@media(min-width:861px)and (any-pointer:fine){.entry,.map-orders{right:112px}}.dmg-num{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;z-index:3}.dmg-num b{position:absolute;left:0;bottom:4px;transform:translate(-50%);font:800 17px/1 var(--mono);color:#fff;white-space:nowrap;opacity:0;text-shadow:0 0 2px #000,1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000,0 2px 6px #000c}.dmg-num.heavy b{font-size:21px;color:#ffe6a8}.dmg-num.kill b{bottom:20px;font-size:27px;color:#ffd34d;text-shadow:0 0 2px #2a1400,2px 2px 0 #2a1400,-2px 2px 0 #2a1400,2px -2px 0 #2a1400,-2px -2px 0 #2a1400,0 0 14px #ff9a2a}.dmg-num.on b{animation:dmg-pop .8s cubic-bezier(.2,.8,.3,1) forwards}.dmg-num.kill.on b{animation:dmg-kill 1.1s cubic-bezier(.2,.8,.3,1) forwards}@keyframes dmg-pop{0%{opacity:1;transform:translate(-50%) scale(1.45)}10%{transform:translate(-50%,-4px) scale(.94)}18%{transform:translate(-50%,-7px) scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-38px) scale(.96)}}@keyframes dmg-kill{0%{opacity:1;transform:translate(-50%) scale(1.6) rotate(-4deg)}8%{transform:translate(-50%,-6px) scale(.92) rotate(2deg)}16%{transform:translate(-50%,-10px) scale(1.05) rotate(0)}24%{transform:translate(-50%,-12px) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-46px) scale(1)}}.dmg-num.calm.on b,.dmg-num.calm.kill.on b{animation:dmg-calm .9s linear forwards}@keyframes dmg-calm{0%,70%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}.reward.fly{animation:reward-pop .42s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes reward-pop{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}to{opacity:1;transform:translate(-50%) scale(1)}}.reward.s2{background:#ffd34d;color:#2a1d00;font-size:17px}.reward.s3{background:#ffb02e;color:#2a1200;font-size:19px;box-shadow:0 0 0 2px #fff6,0 0 16px #ffb02e99}.reward.s4{background:#ff7a2e;color:#fff;font-size:21px;box-shadow:0 0 0 2px #fff8,0 0 22px #ff7a2eaa;text-shadow:0 1px 0 #0006}.hud-bump{animation:hud-bump .28s cubic-bezier(.34,1.56,.64,1)}@keyframes hud-bump{0%{transform:scale(1)}40%{transform:scale(1.22)}to{transform:scale(1)}}.unit-meta span:first-child{transform-origin:left center}@media(max-width:860px),(pointer:coarse)and (max-height:520px){.reward{top:calc(38% - 46px)}}@media(prefers-reduced-motion:reduce){.reward.fly{animation:reward-fade 1.4s linear forwards}.hud-bump{animation:none}}.action.hero:disabled{opacity:1;background:#0d1a1ee6;border-color:#ffffff14;color:#a99f78}.action.hero:disabled small{color:#e8dca0}