:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--bg:#07100f;--bg-deep:#050b0b;--surface:#091513e0;--surface-strong:#0c1917;--line:#b1cdc429;--line-strong:#cde5dc4d;--text:#ecf1e5;--muted:#82938d;--accent:#d3ed77;--accent-strong:#e5ff8b;--focus:#bada64;--header-height:46px;--footer-height:24px;font-family:Inter,Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{background:var(--bg-deep);color:var(--text)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.app-shell{grid-template-rows:var(--header-height) minmax(0, 1fr) var(--footer-height);background:radial-gradient(circle at 42% 38%, #234b4024, transparent 42%), var(--bg);width:100%;min-height:100dvh;display:grid}.app-header{z-index:10;border-bottom:1px solid var(--line);background:#050d0ce6;justify-content:space-between;align-items:center;min-width:0;padding:0 18px;display:flex}.brand-group,.brand-line,.header-status{align-items:center;display:flex}.brand-group{gap:14px}.brand-mark{grid-template-rows:repeat(4,4px);grid-template-columns:repeat(5,4px);gap:3px;width:32px;height:25px;display:grid;transform:skew(-12deg)}.brand-mark span{background:var(--accent);border-radius:50%;width:4px;height:4px;box-shadow:0 0 8px #d3ed7766}.brand-mark span:first-child{grid-area:2/1}.brand-mark span:nth-child(2){grid-area:1/2}.brand-mark span:nth-child(3){grid-area:3/2}.brand-mark span:nth-child(4){grid-area:2/3}.brand-mark span:nth-child(5){grid-area:1/4}.brand-mark span:nth-child(6){grid-area:3/4}.brand-mark span:nth-child(7){grid-area:2/5}.brand-line{gap:9px}.brand-line h1{letter-spacing:.15em;margin:0;font-size:21px;font-weight:760;line-height:1}.brand-line span{height:18px;color:var(--accent);border:1px solid #d3ed775c;border-radius:2px;align-items:center;padding:0 6px;font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:inline-flex}.header-status{border-left:1px solid var(--line);gap:8px;padding-left:16px}.header-status strong{color:var(--muted);letter-spacing:.12em;font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.status-light{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 10px #d3ed77b3}.map-stage{min-height:0;position:relative;overflow:hidden}.map-stage:before,.map-stage:after{z-index:1;pointer-events:none;content:"";border-color:#d3ed7752;width:42px;height:42px;position:absolute}.map-stage:before{border-top:1px solid;border-left:1px solid;top:24px;left:24px}.map-stage:after{border-bottom:1px solid;border-right:1px solid;bottom:24px;right:24px}.map-canvas-shell,.map-canvas{width:100%;height:100%}.map-canvas-shell{position:absolute;inset:0}.map-canvas{cursor:grab;touch-action:none;display:block}.map-canvas.is-dragging{cursor:grabbing}.map-canvas.is-game-active{cursor:crosshair}.country-force-overlay{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:visible}.country-force{color:#d7e1dd;transform-origin:50%;background:#07110fe6;border:1px solid #ffffff57;border-radius:3px;justify-content:center;align-items:center;gap:5px;min-width:34px;height:22px;padding:0 7px;font:750 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex;position:absolute;top:0;left:0;box-shadow:0 3px 10px #00000080}.country-force strong{max-width:118px;color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.country-flag-image{color:#ffffffdb;background:#121b23c7;place-items:center;font-size:7px;font-style:normal;font-weight:700;line-height:1;display:inline-grid;overflow:hidden}.country-flag-image>img{object-fit:cover;width:100%;height:100%;display:block}.country-flag-fallback{display:none}.country-flag-image>img[hidden]+.country-flag-fallback,.country-flag-image>.country-flag-fallback:only-child{display:inline}.country-force-flag{border-radius:1px;flex:none;width:18px;height:13px;box-shadow:0 0 0 1px #ffffff3d}.country-force:before{content:"";background:#07110f;border-bottom:1px solid #ffffff57;border-right:1px solid #ffffff57;width:5px;height:5px;position:absolute;top:100%;left:50%;transform:translate(-50%,-3px)rotate(45deg)}.country-force i{background:#ff786b;border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #ff786bb8}.country-force.is-human{color:#bdf7ea;border-color:#55e2c39e}.country-force.is-human:before{border-color:#55e2c39e}.country-force.is-human i{background:#55e2c3;box-shadow:0 0 7px #55e2c3b8}.country-force.is-landmark{border-color:#ffcb5cb8;box-shadow:0 0 0 1px #ffcb5c1f,0 3px 12px #0000008c}.country-force.is-landmark:before{border-color:#ffcb5cb8}.country-force b{color:#ffcb5c;letter-spacing:-.04em;font-size:8px}.attack-map-overlay{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.start-point-overlay{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.start-point-pin{will-change:transform;place-items:center;display:grid;position:absolute;top:0;left:0}.start-point-pin i,.start-point-pin b{border-radius:50%;grid-area:1/1;position:absolute}.start-point-pin i{background:#d3ed7724;border:1px dashed #d3ed77d9;box-shadow:0 0 12px #d3ed774d}.start-point-pin b{background:var(--accent);border:1.5px solid #07110f;width:7px;height:7px;animation:1.6s ease-in-out infinite start-point-throb;box-shadow:0 0 10px #d3ed77e6}@keyframes start-point-throb{0%,to{transform:scale(1)}50%{transform:scale(1.32)}}@media (prefers-reduced-motion:reduce){.start-point-pin b{animation:none}}.gold-pop-overlay{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.gold-pop{will-change:transform;position:absolute;top:0;left:0}.gold-pop span{color:#f1c466a8;white-space:nowrap;text-shadow:-1px -1px #07110f,1px -1px #07110f,-1px 1px #07110f,1px 1px #07110f;align-items:center;gap:2px;font:750 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;animation:1.6s ease-out both gold-pop-rise;display:flex;position:absolute}.gold-pop span>svg{filter:drop-shadow(0 0 1.5px #07110f);flex-shrink:0;width:1em;height:1em}.gold-pop.is-human span{color:#ffd166;text-shadow:-1px -1px #07110f,1px -1px #07110f,-1px 1px #07110f,1px 1px #07110f,0 0 10px #ffd1668c;font-size:12px;animation-duration:2.2s}@keyframes gold-pop-rise{0%{opacity:0;transform:translate(-50%,-40%)scale(.92)}18%{opacity:1;transform:translate(-50%,-110%)scale(1)}to{opacity:0;transform:translate(-50%,-320%)scale(1)}}.attack-click-layer{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.transport-route{fill:none;stroke:#55e2c39e;stroke-width:1.5px;stroke-dasharray:5 5;vector-effect:non-scaling-stroke}.transport-route.is-incoming{stroke:#ff786bad}.transport-route.is-returning{stroke:#f1c466ad}.transport-ship{transform-origin:50%;color:#55e2c3;background:#07110feb;border:1px solid #55e2c3b8;border-radius:50%;place-items:center;width:26px;height:26px;transition:transform .1s linear;display:grid;position:absolute;top:0;left:0;box-shadow:0 0 10px #55e2c352}.transport-ship.is-incoming{color:#ff786b;border-color:#ff786bc7}.transport-ship.is-returning{color:#f1c466;border-color:#f1c466c7}.transport-ship span{color:currentColor;text-shadow:0 1px 3px #07110f;font:750 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;left:27px}.attack-click-feedback{vector-effect:non-scaling-stroke}.attack-front-cluster{color:#55e2c3;will-change:transform;transition:transform .25s linear;position:absolute;top:0;left:0}.attack-front-cluster.is-incoming{color:#ff786b}.attack-front-cluster i{background:#07110f;border:2px solid;border-radius:50%;width:12px;height:12px;position:absolute;top:-6px;left:-6px;box-shadow:0 0 0 2px #07110fb8}.attack-front-cluster span{color:currentColor;text-shadow:-2px -2px #07110f,2px -2px #07110f,-2px 2px #07110f,2px 2px #07110f;font:750 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;bottom:8px;left:10px}.attack-click-feedback{fill:#55e2c324;stroke:#55e2c3;stroke-width:2px;animation:.55s ease-out both attack-click-confirm}.attack-click-feedback.is-blocked{fill:#ff786b1f;stroke:#ff786b}@keyframes attack-click-confirm{0%{opacity:1;r:7px}to{opacity:0;r:24px}}.gpu-error{z-index:6;background:#07110ff5;border:1px solid #ff6f616b;border-radius:5px;width:min(440px,100% - 48px);padding:22px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 24px 80px #0000007a}.gpu-error strong{color:#ff8a7e;letter-spacing:.13em;font:750 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.gpu-error p{color:var(--muted);margin:12px 0 0;font-size:11px;line-height:1.7}.map-tools{z-index:5;border:1px solid var(--line);background:#07110fe6;border-radius:4px;flex-direction:column;padding:3px;display:flex;position:absolute;top:16px;left:16px;box-shadow:0 16px 44px #0000003d}.map-tools button{color:#9baba5;cursor:pointer;background:0 0;border:0;border-radius:3px;place-items:center;width:30px;height:30px;padding:0;transition:color .16s,background-color .16s;display:inline-grid}.map-tools button:hover,.map-tools button.is-active{color:var(--accent-strong);background:#d3ed771a}.tool-divider{background:var(--line);height:1px;margin:3px 6px}.hud-btn{border:1px solid var(--line);color:#a4b3ad;cursor:pointer;background:#ffffff08;border-radius:3px;place-items:center;width:30px;height:30px;padding:0;transition:color .15s,background-color .15s,border-color .15s;display:inline-grid}.hud-btn:hover:not(:disabled){border-color:var(--line-strong);color:var(--accent-strong);background:#d3ed771a}.hud-btn.is-active{color:var(--accent);background:#d3ed771f;border-color:#d3ed776b}.hud-btn.is-primary{background:var(--accent);color:#0a1512;border-color:#d3ed778c}.hud-btn.is-primary:hover:not(:disabled){background:var(--accent-strong);color:#0a1512}.hud-btn:disabled{border-color:var(--line);color:#4d5c57;cursor:not-allowed;background:#ffffff05}.hud-btn.is-compact{grid-auto-flow:column;gap:1px;width:auto;min-width:26px;height:22px;padding:0 4px;font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.territory-panel{z-index:4;border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:5px;flex-direction:column;width:min(206px,100% - 92px);max-height:min(340px,100% - 96px);display:flex;position:absolute;top:16px;right:16px;overflow:hidden;box-shadow:0 18px 60px #0000004d}.panel-heading{border-bottom:1px solid var(--line);min-height:28px;color:var(--accent);justify-content:space-between;align-items:center;padding:0 10px;display:flex}.territory-count{color:var(--muted);letter-spacing:.1em;font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.territory-list{scrollbar-color:#d3ed774d transparent;scrollbar-width:thin;overflow-y:auto}.territory-row{width:100%;min-height:28px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #b1cdc414;grid-template-columns:16px 6px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 10px;transition:background-color .15s;display:grid}.country-flag{filter:saturate(.92);border-radius:1px;width:16px;height:12px;box-shadow:0 0 0 1px #fff3}.territory-row:hover,.territory-row.is-selected{background:#d3ed7713}.territory-row.is-selected{box-shadow:inset 2px 0 0 var(--accent)}.territory-swatch{border-radius:50%;width:6px;height:6px;box-shadow:0 0 7px}.territory-row strong{letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:640;overflow:hidden}.territory-row small{color:#94a49e;font:650 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.mission-bar{z-index:4;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07110feb;border-radius:5px;align-items:center;gap:6px;max-width:calc(100% - 32px);padding:6px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 18px 60px #00000052}.pick-slot{border:1px solid var(--line);min-width:0;max-width:210px;height:30px;color:var(--muted);border-radius:3px;align-items:center;gap:7px;padding:0 11px;display:flex}.pick-slot.is-ready{background:#d3ed7712;border-color:#d3ed7766}.pick-slot strong{color:var(--text);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:680;overflow:hidden}.pick-slot small{color:var(--muted);flex:none;font:650 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.player-flag{vertical-align:-1px;border-radius:1px;flex:none;width:14px;height:10px;display:inline-block;box-shadow:0 0 0 1px #fff3}.metadata-flag{vertical-align:-1px;border-radius:1px;width:11px;height:8px;margin-right:4px;display:inline-block}.replay-file-input{display:none}.home-shell{background:radial-gradient(1200px 600px at 50% -10%, #d3ed7712, transparent 70%), var(--bg);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:24px 20px;display:flex;overflow-y:auto}.home-panel{border:1px solid var(--line);background:var(--surface);border-radius:4px;flex-direction:column;gap:26px;width:min(720px,100%);margin:auto;padding:32px;display:flex}.home-brand{align-items:center;gap:16px;display:flex}.home-title h1{color:var(--text);letter-spacing:.22em;margin:0;font:700 26px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace}.home-title p{color:var(--muted);margin:8px 0 0;font-size:12px}.home-section h2{color:var(--accent);letter-spacing:.18em;margin:0 0 10px;font:700 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.home-note{color:var(--muted);margin:0 0 14px;font-size:12px;line-height:1.7}.home-note strong{color:var(--text);font-weight:600}.difficulty-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.difficulty-card{border:1px solid var(--line);background:var(--surface-strong);min-height:68px;color:var(--muted);text-align:left;cursor:pointer;border-radius:3px;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 10px;transition:border-color .15s,color .15s,background .15s;display:flex}.difficulty-card:hover{border-color:var(--line-strong);color:var(--text)}.difficulty-card strong{color:inherit;letter-spacing:.14em;font:700 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.difficulty-card span{font-size:11px;line-height:1.5}.difficulty-card.is-active{border-color:var(--accent);color:var(--text);background:#d3ed771a}.difficulty-card.is-active strong{color:var(--accent-strong)}.difficulty-detail{border-left:2px solid var(--accent);min-height:40px;color:var(--muted);margin:12px 0 0;padding:10px 12px;font-size:12px;line-height:1.7}.home-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.home-start{border:1px solid var(--accent);background:var(--accent);color:#0a1410;letter-spacing:.16em;cursor:pointer;border-radius:3px;flex:220px;min-height:46px;padding:0 22px;font:700 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.home-start:hover:not(:disabled){background:var(--accent-strong)}.home-start:disabled,.home-secondary:disabled{border-color:var(--line);color:var(--muted);cursor:not-allowed;background:0 0}.home-secondary{border:1px solid var(--line);background:var(--surface-strong);min-height:46px;color:var(--text);cursor:pointer;border-radius:3px;align-items:center;gap:8px;padding:0 18px;font-size:12px;display:inline-flex}.home-secondary:hover:not(:disabled){border-color:var(--line-strong);color:var(--accent-strong)}.home-hint{color:var(--muted);margin:0;font-size:11px}.home-error{color:#f0a0a0;border:1px solid #e97a7a66;border-radius:3px;margin:0;padding:10px 12px;font-size:12px}.home-footer{color:var(--muted);letter-spacing:.08em;padding:14px 0 4px;font-size:10px}.home-footer a{color:var(--muted)}@media (width<=640px){.home-panel{padding:22px 18px}.difficulty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.hud-error{color:#ff8d82;margin:0;padding:7px 11px;font-size:10px;line-height:1.4}.battle-error{border-top:1px solid #ff6f614d}@media (prefers-reduced-motion:reduce){.attack-click-feedback{animation:none}.attack-front-cluster{transition:none}}.loading-state,.error-state{text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-state strong,.error-state strong{color:var(--accent);letter-spacing:.18em;margin-top:22px;font:700 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.loading-state p,.error-state p{color:var(--muted);font-size:12px}.loading-grid{background-image:radial-gradient(circle, var(--accent) 1.5px, transparent 1.7px);background-size:9px 9px;width:36px;height:36px;animation:1.2s ease-in-out infinite signal-pulse}.error-state button{border:1px solid var(--line-strong);background:var(--surface-strong);min-height:44px;color:var(--text);cursor:pointer;border-radius:3px;padding:0 20px}.app-footer{z-index:10;border-top:1px solid var(--line);color:#56655f;letter-spacing:.1em;background:#050d0cf0;justify-content:center;align-items:center;padding:0 18px;font:600 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.app-footer a{color:#9dbf98;text-underline-offset:2px}@keyframes signal-pulse{0%,to{opacity:.35;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}.map-stage.is-match-active .map-tools{left:auto;right:16px}.rank-hud,.battle-hud{z-index:4;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07110feb;border-radius:5px;position:absolute;overflow:hidden;box-shadow:0 18px 60px #00000052}.rank-hud{width:max-content;max-width:min(230px,100% - 92px);max-height:min(316px,100% - 108px);top:16px;left:16px}.rank-hud.is-open{width:min(230px,100% - 92px)}.rank-toggle{width:100%;min-height:30px;color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 9px;display:flex}.rank-toggle:hover{background:#d3ed7713}.rank-toggle b{color:#55e2c3;font:700 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.rank-alive{color:var(--muted);align-items:center;gap:4px;margin-left:auto;font:650 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.rank-toggle>svg:last-child{color:var(--muted);transition:transform .18s}.rank-hud.is-open .rank-toggle>svg:last-child{transform:rotate(180deg)}.rank-goal{align-items:center;gap:6px;min-width:150px;padding:0 9px 6px;display:flex}.rank-goal-bar{background:#d3ed7724;border-radius:2px;flex:auto;height:3px;position:relative;overflow:hidden}.rank-goal-bar i{background:var(--accent);border-radius:2px;height:100%;transition:width .24s;display:block}.rank-goal-bar u{background:#55e2c3;width:1px;height:100%;position:absolute;top:0}.rank-goal b{color:var(--accent);font:650 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.rank-rows{border-top:1px solid var(--line);scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin;max-height:min(280px,100vh - 190px);padding:4px 6px 6px;overflow-y:auto}.rank-rows[hidden]{display:none}.rank-row{color:#667772;border-left:2px solid #0000;grid-template-columns:6px 16px minmax(0,1fr) auto auto;align-items:center;gap:6px;min-height:22px;padding:0 4px;font:650 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid}.rank-row i{border-radius:50%;width:6px;height:6px}.rank-row strong{color:#b7c5bf;white-space:nowrap;align-items:center;gap:4px;font-size:9px;font-weight:640;display:flex;overflow:hidden}.rank-row strong>svg{color:var(--accent);flex:none}.rank-row strong:after{content:""}.rank-row small,.rank-row em{font-style:normal}.rank-row em{color:#869691;text-align:right;min-width:42px}.rank-row.is-human{background:#55e2c312;border-left-color:#55e2c3}.rank-row.is-human strong,.rank-row.is-human small,.rank-row.is-human em{color:#55e2c3}.rank-row.is-pinned{border-top:1px solid var(--line);margin-top:5px}.rank-row.is-out{opacity:.42}.battle-hud{scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin;width:min(600px,100% - 32px);max-height:calc(100% - 32px);bottom:16px;left:50%;overflow:hidden auto;transform:translate(-50%)}.hud-stats{align-items:center;gap:10px;min-height:36px;padding:0 8px;display:flex}.hud-force{align-items:center;gap:6px;min-width:0;display:flex}.hud-force strong{font:750 15px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.hud-force>svg{color:var(--accent)}.hud-force.is-you strong{color:#55e2c3}.hud-force.is-rival strong{color:#ff786b}.hud-dots,.hud-gold,.hud-cities,.hud-tick{color:#8b9b95;letter-spacing:.04em;align-items:center;gap:4px;font:650 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.hud-gold{color:#e0c26a}.hud-cities b{color:#a9b8b2;font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.hud-cap{flex:auto;align-items:center;gap:7px;min-width:0;display:flex}.hud-cap-bar{background:#2b3a36;border-radius:2px;flex:auto;min-width:34px;height:3px;display:flex;overflow:hidden}.hud-cap-bar>span{height:100%;transition:width .18s linear;display:block}.hud-cap-held{background:#55e2c3}.hud-cap-deployed{background:#55e2c35c}.hud-cap.is-full .hud-cap-held{background:#e0c26a}.hud-cap.is-full .hud-cap-deployed{background:#e0c26a5c}.hud-cap b{color:#a9b8b2;flex:none;font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.hud-tick{margin-left:auto}.hud-btns{align-items:center;gap:4px;display:flex}.hud-controls{border-top:1px solid var(--line);align-items:center;gap:10px;padding:7px 10px;display:flex}.hud-slider{min-width:0;color:var(--muted);cursor:pointer;flex:1 1 0;align-items:center;gap:8px;display:flex}.hud-slider+.hud-slider{border-left:1px solid var(--line);padding-left:10px}.hud-build{border-left:1px solid var(--line);color:#8b9b95;flex:none;align-items:center;gap:3px;padding-left:8px;display:flex}.hud-slider>svg{flex:none}.hud-slider b{min-width:42px;color:var(--accent);text-align:right;font:700 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.hud-range{width:100%;min-width:0;height:18px;accent-color:var(--accent);cursor:pointer;flex:auto;margin:0}.hud-range:disabled{cursor:not-allowed;opacity:.4}.hud-controls.is-replay{gap:6px}.hud-controls.is-replay .hud-range{margin:0 4px}.hud-speed{color:var(--muted);align-items:center;gap:5px;display:flex}.hud-speed select{border:1px solid var(--line);height:26px;color:var(--text);cursor:pointer;background:#0a1512;border-radius:3px;font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.order-strip{border-bottom:1px solid var(--line);scrollbar-width:none;align-items:center;gap:5px;padding:5px 8px;display:flex;overflow-x:auto}.order-strip::-webkit-scrollbar{display:none}.order-chip{color:#55e2c3;background:#55e2c30f;border:1px solid #55e2c347;border-radius:3px;flex:none;align-items:center;gap:5px;max-width:210px;padding:0 2px 0 7px;font:650 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.order-chip i{color:#ccd8d3;text-overflow:ellipsis;white-space:nowrap;max-width:76px;font-style:normal;overflow:hidden}.order-chip b{color:#e3ece8;font-weight:700}.order-chip u{color:#8b9b95;align-items:center;text-decoration:none;display:flex}.order-chip button{color:#ff9d94;cursor:pointer;background:0 0;border:0;border-radius:2px;place-items:center;width:22px;height:22px;padding:0;display:grid}.order-chip button:hover:not(:disabled){background:#ff786b29}.order-chip button:disabled{cursor:default;opacity:.35}.order-chip.is-transport{color:#76b9ff;background:#52a7ff0f;border-color:#52a7ff52}.order-chip.is-returning{opacity:.72}.hud-banner{color:#ff8d82;background:#ff6f6114;border-top:1px solid #ff6f6152;align-items:center;gap:8px;min-height:30px;padding:0 11px;display:flex}.hud-banner strong{letter-spacing:.14em;font:800 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.hud-banner span{color:#b9a09c;margin-left:auto;font:650 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.hud-banner.is-win{color:#55e2c3;background:#55e2c314;border-top-color:#55e2c366}.hud-banner.is-win span{color:#8fbdb2}.hud-meta{border-top:1px solid var(--line);color:#72827d;letter-spacing:.08em;white-space:nowrap;scrollbar-width:none;align-items:center;gap:10px;padding:7px 10px;font:650 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex;overflow-x:auto}.hud-meta::-webkit-scrollbar{display:none}.hud-meta span{align-items:center;gap:4px;display:flex}.hud-meta svg{color:#5d6d68}@media (hover:none) and (pointer:coarse){.hud-btn,.map-tools button{width:38px;height:38px}.pick-slot{height:38px}.order-chip button{width:30px;height:30px}.hud-range{height:30px}.territory-row,.rank-toggle{min-height:38px}}@media (width<=820px){:root{--header-height:40px;--footer-height:22px}.app-header{padding:0 12px}.brand-group{gap:9px}.brand-line h1{font-size:15px}.map-stage:before,.map-stage:after{display:none}.map-tools{top:10px;left:10px}.map-stage.is-match-active .map-tools{top:10px;left:auto;right:10px}.territory-panel{width:min(182px,100% - 76px);max-height:min(260px,100% - 84px);top:10px;right:10px}.mission-bar{bottom:10px}.battle-hud{width:min(600px,100% - 20px);bottom:10px}.rank-hud{max-width:min(210px,100% - 76px);max-height:min(260px,100% - 96px);top:10px;left:10px}.rank-hud.is-open{width:min(210px,100% - 76px)}.rank-rows{max-height:calc(100vh - 200px)}}@media (width<=620px){.hud-stats{flex-wrap:wrap;padding:6px 8px}.hud-cap{flex-basis:100%;order:5}.hud-tick{margin-left:0}.hud-btns{margin-left:auto}.hud-controls{flex-wrap:wrap;gap:6px 12px}.hud-slider{flex-basis:100%}.hud-slider+.hud-slider{border-left:0;padding-left:0}.order-chip{max-width:168px}}@media (width<=430px){.brand-mark{transform:scale(.84)skew(-12deg)}.header-status strong{font-size:8px}.territory-panel{width:min(158px,100% - 72px)}.territory-row{grid-template-columns:16px 6px minmax(0,1fr)}.territory-row small,.hud-dots{display:none}.hud-force strong{font-size:13px}.order-chip i{max-width:58px}.pick-slot{max-width:150px}}@media (height<=560px){.rank-hud{max-height:32px}.rank-hud.is-open{max-height:min(240px,100% - 20px)}.territory-panel{max-height:min(200px,100% - 76px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.gold-pop span{opacity:1;animation-name:none;transform:translate(-50%,-110%)}}.online-lobby{z-index:4;background:var(--surface);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;gap:10px;width:268px;padding:12px;display:flex;position:absolute;top:12px;left:12px}.online-lobby-head{color:var(--accent);letter-spacing:.14em;align-items:center;gap:7px;font-size:11px;display:flex}.online-lobby-head strong{flex:1}.online-leave{width:22px;height:22px;color:var(--muted);border:1px solid var(--line);background:0 0;place-items:center;display:grid}.online-leave:hover{color:var(--text);border-color:var(--line-strong)}.online-room{background:var(--surface-strong);border:1px solid var(--line);align-items:center;gap:8px;padding:8px 10px;display:flex}.online-room-label{letter-spacing:.16em;color:var(--muted);font-size:10px}.online-room-code{letter-spacing:.26em;color:var(--accent-strong);flex:1;font-size:19px}.online-copy{width:24px;height:24px;color:var(--muted);border:1px solid var(--line);background:0 0;place-items:center;display:grid}.online-copy:hover{color:var(--accent)}.online-seats{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.online-seat{border:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:11px;display:flex}.online-seat.is-self{border-color:var(--accent)}.online-seat-name{color:var(--text);align-items:center;gap:6px;display:flex}.online-host{letter-spacing:.1em;color:var(--bg-deep);background:var(--accent);padding:1px 4px;font-size:9px;font-style:normal}.online-seat-state{letter-spacing:.08em;color:var(--muted);font-size:10px}.online-seat-state.is-ready{color:var(--accent)}.online-field{letter-spacing:.12em;color:var(--muted);flex-direction:column;gap:4px;font-size:10px;display:flex}.online-field input{font:inherit;letter-spacing:.12em;color:var(--text);background:var(--surface-strong);border:1px solid var(--line);padding:7px 8px;font-size:13px}.online-field input:focus{outline:2px solid var(--focus)}.online-join{border-top:1px solid var(--line);align-items:flex-end;gap:8px;padding-top:8px;display:flex}.online-join .online-field{flex:1}.online-start,.online-secondary{font:inherit;letter-spacing:.1em;color:var(--bg-deep);background:var(--accent);border:1px solid var(--accent);padding:9px 10px;font-size:12px}.online-secondary{color:var(--text);border-color:var(--line-strong);white-space:nowrap;background:0 0}.online-start:disabled,.online-secondary:disabled{opacity:.42;cursor:not-allowed}.online-hint{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.online-error{color:#ff9a8b;margin:0;font-size:11px;line-height:1.5}.online-waiting{z-index:5;letter-spacing:.12em;color:var(--bg-deep);background:var(--accent-strong);padding:7px 14px;font-size:11px;position:absolute;top:12px;left:50%;transform:translate(-50%)}