.troop-selector{position:absolute;left:50%;bottom:100%;transform:translate(-50%,-12px);z-index:var(--z-selector);display:flex;flex-direction:column;gap:var(--sp-2);min-width:168px;padding:var(--sp-3);border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border-subtle);border-top:3px solid var(--mode-accent, var(--accent));-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:0 12px 30px #0000008c;pointer-events:auto;outline:none;animation:selector-in .18s var(--ease-pop)}@keyframes selector-in{0%{opacity:0;transform:translate(-50%,-4px) scale(.92)}}.troop-selector:after{content:"";position:absolute;top:100%;left:50%;width:10px;height:10px;background:var(--surface-2);border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);transform:translate(-50%,-50%) rotate(45deg)}.troop-selector--draft{--mode-accent: var(--success)}.troop-selector--reinforce{--mode-accent: var(--accent-warm)}.troop-selector--transfer{--mode-accent: var(--danger)}.troop-selector-title{font-family:var(--font-display);font-size:14px;letter-spacing:1px;text-align:center;text-transform:uppercase;color:var(--mode-accent)}.troop-selector-subtitle{font-size:11px;text-align:center;color:var(--text-faint)}.troop-selector-stepper{display:flex;align-items:center;justify-content:space-between;gap:6px}.troop-step{width:30px;height:30px;border-radius:var(--r-sm);border:1px solid rgba(101,115,141,.45);background:#ffffff0d;color:var(--text-hi);font-size:16px;line-height:1;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.troop-step:hover:not(:disabled){background:#ffffff1f;border-color:var(--border-strong)}.troop-step:disabled{opacity:.35;cursor:not-allowed}.troop-step--jump{font-size:10px;font-weight:700;color:var(--text-lo)}.troop-count{flex:1;min-width:34px;text-align:center;font-family:var(--font-mono);font-size:20px;font-weight:700;color:var(--text-hi)}.troop-slider{width:100%;accent-color:var(--mode-accent);cursor:pointer}.troop-confirm{padding:var(--sp-2);border:1px solid color-mix(in srgb,var(--mode-accent) 60%,transparent);border-radius:var(--r-sm);background:color-mix(in srgb,var(--mode-accent) 22%,transparent);color:var(--text-hi);font-family:var(--font-ui);font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.troop-confirm:hover:not(:disabled){background:color-mix(in srgb,var(--mode-accent) 38%,transparent)}.troop-confirm:disabled{opacity:.5;cursor:progress}.troop-autoconfirm{font-size:10px;text-align:center;letter-spacing:.5px;color:var(--accent-warm)}.troop-autoconfirm.is-urgent{color:var(--danger);font-weight:700}.troop-cancel{background:transparent;border:none;color:var(--text-faint);font-size:10px;text-decoration:underline;cursor:pointer}.troop-cancel:hover{color:var(--text-mid)}:root{--map-ink: #33291b;--map-selected-halo: rgba(255, 252, 240, .85);--map-legal: #8a6d1f;--map-target: #9c2f1e}.terr{fill:var(--terr-fill, #ddcda6);stroke:var(--map-ink);stroke-width:1;cursor:pointer;transition:fill var(--dur-med) var(--ease-out),stroke var(--dur-med) var(--ease-out),opacity var(--dur-med) var(--ease-out),filter var(--dur-fast) var(--ease-out)}.terr:hover{filter:brightness(1.06);stroke-width:1.6}.is-panning .terr{pointer-events:none}.terr--legal{stroke:var(--map-legal);stroke-width:2;stroke-dasharray:6 3;animation:legal-pulse 2.2s ease-in-out infinite}.terr--target{stroke:var(--map-target);stroke-width:2.2;stroke-dasharray:3 3;animation:legal-pulse 1.6s ease-in-out infinite}.terr--selected{stroke:var(--map-ink);stroke-width:3;stroke-dasharray:none;animation:none}.terr--dim{opacity:.82}@keyframes legal-pulse{0%,to{stroke-opacity:1}50%{stroke-opacity:.55}}.terr:focus{outline:none}.map-container path:focus-visible{outline:none;stroke:var(--map-selected-halo);stroke-width:4}.map-decor{pointer-events:none}.badge-layer{position:absolute;inset:0;transform-origin:0 0;pointer-events:none;z-index:var(--z-map-overlay)}.troop-badge{position:absolute;transform:translate(-50%,-50%) scale(var(--badge-scale, 1));display:flex;flex-direction:column;align-items:center;pointer-events:none}.troop-badge-disc{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;font-weight:700;background:var(--badge-fill, #777);color:var(--badge-text, #fff);border:2px solid var(--badge-ring, #333);box-shadow:0 1px 2px #221a1080;transition:background var(--dur-med) var(--ease-out)}.troop-badge-count{display:inline-block;animation:count-rise var(--dur-med) var(--ease-out)}@keyframes count-rise{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.troop-badge-name{margin-top:1px;font-size:9px;font-weight:600;line-height:1;white-space:nowrap;color:var(--map-label-ink, #2e2416);text-shadow:0 0 3px var(--map-label-halo, rgba(231, 216, 180, .85)),0 0 6px var(--map-label-halo, rgba(231, 216, 180, .85))}.badge-layer[data-lod=far] .troop-badge-name{display:none}.gameroom-root{display:flex;align-items:center;justify-content:center}.gameroom-shell{position:relative;z-index:1;width:100%;max-width:600px;padding:24px}.gameroom-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:40px var(--sp-6);box-shadow:0 12px 40px #04080c73;-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);text-align:center}.gameroom-title{font-family:var(--font-display);font-size:52px;font-weight:400;letter-spacing:3px;text-transform:uppercase;color:#eef2f7;margin-bottom:var(--sp-1)}.gameroom-subtitle{font-size:14px;letter-spacing:1.2px;text-transform:uppercase;color:#e8edf380;margin-bottom:24px}.gameroom-chips{display:flex;justify-content:center;gap:12px;margin-bottom:20px}.gameroom-count{font-size:13px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#e8edf3b3;margin-bottom:24px}.gameroom-slots{display:flex;justify-content:center;gap:20px;margin-bottom:28px;flex-wrap:wrap}.gameroom-slot{display:flex;flex-direction:column;align-items:center;gap:8px}.gameroom-avatar{width:48px;height:48px;border-radius:50%;position:relative;transition:background-color .3s ease,box-shadow .3s ease}.gameroom-avatar.filled{border:2px solid rgba(255,255,255,.2)}.gameroom-avatar.empty{border:2px dashed rgba(101,115,141,.4);background:#65738d1a;animation:pulse-empty 2s ease-in-out infinite}.gameroom-avatar.me{border:3px solid rgba(255,255,255,.7)}@keyframes pulse-empty{0%,to{opacity:.5}50%{opacity:1}}.gameroom-you-badge{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);padding:1px 6px;border-radius:999px;background:#ffffffe6;color:#0c1118;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.gameroom-slot-label{font-size:12px;color:#e8edf399;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gameroom-identity{font-size:15px;margin-bottom:16px;color:#e8edf3cc}.gameroom-status{font-size:13px;color:#f0c784;margin-bottom:20px}.gameroom-spinner-wrap{display:flex;justify-content:center;margin-bottom:24px}.gameroom-leave{margin:0 auto}.lobby-root:before{content:"";position:absolute;inset:0;background-image:url(/maps/world5.svg);background-repeat:no-repeat;background-position:center 120px;background-size:1200px auto;opacity:.12;filter:saturate(0) brightness(1.35);pointer-events:none}.lobby-shell{max-width:1140px;margin:0 auto;padding:48px 24px 80px;position:relative;z-index:1}.lobby-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-5);margin-bottom:var(--sp-6)}.lobby-brand{display:flex;flex-direction:column;gap:var(--sp-2)}.lobby-title{font-family:var(--font-display);font-size:52px;font-weight:400;letter-spacing:3px;text-transform:uppercase;color:#eef2f7}.lobby-subtitle{font-size:14px;letter-spacing:.4px;color:#e8edf39e}.lobby-header-meta{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.lobby-main{display:grid;grid-template-columns:minmax(280px,320px) minmax(0,1fr);gap:var(--sp-5);align-items:start}.lobby-panel,.lobby-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:22px;box-shadow:0 12px 40px #04080c73;-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel)}.profile-summary{display:flex;align-items:center;gap:var(--sp-3)}.profile-avatar{width:46px;height:46px;border-radius:var(--r-md);display:grid;place-items:center;background:linear-gradient(135deg,#577198e6,#2a3e58e6);color:#f3f6fb;font-weight:700;font-size:18px}.profile-name{font-size:16px;font-weight:600}.profile-meta{font-size:11px;color:var(--text-faint);letter-spacing:.6px}.auth-grid{display:grid;grid-template-columns:1fr auto;gap:var(--sp-2) var(--sp-3);font-size:13px;color:var(--text-mid)}.auth-label{color:#e8edf380}.lobby-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:18px}.lobby-card-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600}.panel-empty{text-align:center;padding:48px var(--sp-4);color:#e8edf380;font-size:14px}.games-list{display:flex;flex-direction:column;gap:var(--sp-3)}.game-card{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4);border-radius:14px;background:#0f1722cc;border:1px solid rgba(101,115,141,.2);transition:border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.game-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.game-meta{display:flex;align-items:center;gap:14px}.game-index{width:42px;height:42px;border-radius:var(--r-md);display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:16px;background:#273447e6;border:1px solid rgba(120,150,189,.4)}.game-title{font-size:15px;font-weight:600;margin-bottom:6px}.game-info{display:flex;align-items:center;gap:14px;font-size:12px;color:#e8edf38c}.info-row{display:inline-flex;align-items:center;gap:6px}.player-dots{display:inline-flex;align-items:center;gap:var(--sp-1)}.player-dot{width:8px;height:8px;border-radius:50%;display:inline-block;box-shadow:0 0 0 1px #ffffff1a}.game-actions{display:flex;align-items:center}@media(max-width:960px){.lobby-main{grid-template-columns:1fr}.lobby-header{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.lobby-shell{padding:36px var(--sp-4) 64px}.lobby-title{font-size:38px}.game-card{flex-direction:column;align-items:flex-start}.game-actions,.game-actions .button{width:100%}}.audio-settings{display:flex;flex-direction:column;gap:var(--sp-2)}.audio-row{display:flex;align-items:center;gap:var(--sp-2);font-size:12px;color:var(--text-mid);cursor:pointer}.audio-label{letter-spacing:.6px;text-transform:uppercase}.audio-slider{width:100%;height:18px;accent-color:var(--accent);cursor:pointer}.audio-slider:disabled{opacity:.4;cursor:not-allowed}.gameover{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--sp-6) var(--sp-4);background:radial-gradient(circle at center,#16202f 0%,var(--bg-page) 70%);color:var(--text-hi);text-align:center}.gameover-heading{font-family:var(--font-display);font-size:clamp(3rem,9vw,4.6rem);font-weight:400;letter-spacing:.1em;animation:gameover-heading-in .6s var(--ease-pop)}@keyframes gameover-heading-in{0%{opacity:0;transform:scale(.8)}}.gameover-subtitle{font-size:clamp(1rem,3vw,1.4rem);color:var(--text-mid);margin-top:var(--sp-3);animation:gameover-fade-in .5s var(--ease-out) both;animation-delay:.25s}@keyframes gameover-fade-in{0%{opacity:0}}.gameover-card{margin-top:var(--sp-6);width:min(460px,100%);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--sp-4) 18px;-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);text-align:left;animation:gameover-fade-in .5s var(--ease-out) both;animation-delay:.35s}.gameover-card-title{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin-bottom:10px}.gameover-row{position:relative;display:flex;align-items:center;gap:10px;padding:var(--sp-2) var(--sp-2);border-top:1px solid rgba(120,150,190,.15);overflow:hidden;border-radius:var(--r-sm);animation:gameover-row-in .4s var(--ease-out) both;animation-delay:calc(.45s + var(--row-index, 0) * 90ms)}.gameover-row:first-of-type{border-top:none}.gameover-row.is-out{opacity:.55}@keyframes gameover-row-in{0%{opacity:0;transform:translate(-10px)}}.gameover-bar{position:absolute;inset:2px auto 2px 0;width:var(--bar-width, 0%);opacity:.14;border-radius:var(--r-sm);animation:gameover-bar-in .5s var(--ease-out) both;animation-delay:calc(.65s + var(--row-index, 0) * 90ms)}@keyframes gameover-bar-in{0%{width:0%}}.gameover-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;position:relative}.gameover-name{font-weight:500;position:relative}.gameover-name.is-me{font-weight:700}.gameover-you{color:#e8edf380}.gameover-stat{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--text-mid);font-size:13px;position:relative}.gameover-meta{margin-top:var(--sp-3);padding-top:10px;border-top:1px solid rgba(120,150,190,.15);font-size:12px;color:var(--text-faint)}.gameover-return{margin-top:28px;animation:gameover-fade-in .5s var(--ease-out) both;animation-delay:.7s}.hud-bar{position:absolute;top:var(--sp-3);left:50%;transform:translate(-50%);z-index:var(--z-hud);display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border-subtle);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:0 10px 30px #04080c80;max-width:min(720px,calc(100vw - 32px))}.hud-bar.is-my-turn{border-color:var(--border-strong)}.hud-turn{display:flex;align-items:center;gap:var(--sp-2);white-space:nowrap}.hud-turn-swatch{width:12px;height:12px;border-radius:3px;box-shadow:0 0 0 1px #0006}.hud-turn-label{font-family:var(--font-display);font-size:15px;letter-spacing:1px;color:var(--text-hi)}.is-my-turn .hud-turn-label{animation:turn-flare 1.6s var(--ease-out) 1}@keyframes turn-flare{0%{text-shadow:0 0 0 rgba(127,227,196,0)}35%{text-shadow:0 0 12px rgba(127,227,196,.8)}to{text-shadow:0 0 0 rgba(127,227,196,0)}}.hud-phases{display:flex;align-items:center;gap:var(--sp-1);margin:0;padding:0;list-style:none}.hud-phase{display:flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--r-pill);font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;border:1px solid transparent;transition:background var(--dur-med) var(--ease-out),color var(--dur-med) var(--ease-out)}.hud-phase.is-active{background:color-mix(in srgb,var(--phase-color) 28%,transparent);border-color:color-mix(in srgb,var(--phase-color) 55%,transparent);color:var(--text-hi)}.hud-phase.is-done{color:var(--text-faint)}.hud-phase.is-upcoming{color:var(--text-lo);border-color:var(--border-subtle)}.hud-deploy-chip{margin-left:var(--sp-2);padding:3px 10px;border-radius:var(--r-pill);background:#f0c7842e;border:1px solid rgba(240,199,132,.5);color:var(--accent-warm);font-size:11px;font-weight:700;letter-spacing:.5px;white-space:nowrap}.hud-timer{display:flex;flex-direction:column;align-items:flex-end;gap:3px;min-width:62px}.hud-timer-digits{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--text-mid)}.hud-timer-idle{color:var(--text-faint)}.hud-timer-track{width:58px;height:3px;border-radius:var(--r-pill);background:#ffffff1f;overflow:hidden}.hud-timer-fill{display:block;width:100%;height:100%;transform-origin:left center;background:var(--accent);transition:transform 1s linear}.hud-timer.is-warning .hud-timer-fill{background:var(--accent-warm)}.hud-timer.is-warning .hud-timer-digits{color:var(--accent-warm)}.hud-timer.is-critical .hud-timer-fill{background:var(--danger)}.hud-timer.is-critical .hud-timer-digits{color:var(--danger);animation:timer-throb 1s ease-in-out infinite}@keyframes timer-throb{50%{opacity:.45}}.scoreboard{position:absolute;top:var(--sp-3);right:var(--sp-3);z-index:var(--z-hud);width:268px;padding:var(--sp-3);border-radius:var(--r-md);background:var(--surface-1);border:1px solid var(--border-subtle);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:0 10px 30px #04080c73}.scoreboard-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--sp-2)}.scoreboard-title{font-family:var(--font-display);font-size:14px;letter-spacing:1.4px;text-transform:uppercase;color:var(--text-hi)}.scoreboard-turn{font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.scoreboard-columns,.scoreboard-row{display:grid;grid-template-columns:16px minmax(0,1fr) 28px 32px 28px 28px;gap:var(--sp-1);align-items:center}.scoreboard-columns{padding:0 2px 4px;border-bottom:1px solid var(--border-subtle);font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:var(--text-faint)}.scoreboard-columns span:nth-child(n+3){text-align:right}.scoreboard-rows{margin:0;padding:0;list-style:none}.scoreboard-row{padding:5px 2px;border-bottom:1px solid rgba(101,115,141,.15);border-left:2px solid transparent;transition:background var(--dur-med) var(--ease-out)}.scoreboard-row:last-child{border-bottom:none}.scoreboard-row.is-turn{background:color-mix(in srgb,var(--seat-color) 14%,transparent);border-left-color:var(--seat-color)}.scoreboard-row.is-me .scoreboard-player{color:var(--text-hi);font-weight:700}.scoreboard-row.is-out{opacity:.45}.scoreboard-row.is-out .scoreboard-player{text-decoration:line-through}.scoreboard-swatch{width:14px;height:14px;border-radius:3px;border:1px solid;display:grid;place-items:center;font-size:7px;line-height:1}.scoreboard-name{display:flex;align-items:center;gap:5px;min-width:0}.scoreboard-player{font-size:12px;color:var(--text-mid);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scoreboard-row.is-leader .scoreboard-player:after{content:"★";margin-left:4px;color:var(--accent-warm);font-size:9px}.scoreboard-bot{padding:0 4px;border-radius:3px;background:#7fe3c429;border:1px solid rgba(127,227,196,.42);color:var(--accent);font-family:var(--font-mono);font-size:8px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}.scoreboard-continents{display:inline-flex;gap:2px}.scoreboard-pip{padding:0 3px;border-radius:3px;background:#f0c78433;border:1px solid rgba(240,199,132,.4);color:var(--accent-warm);font-family:var(--font-mono);font-size:8px;font-weight:700}.scoreboard-stat{font-family:var(--font-mono);font-size:12px;text-align:right;color:var(--text-mid)}.scoreboard-income{color:var(--accent)}.hud-panel{position:absolute;bottom:var(--sp-4);left:var(--sp-4);z-index:var(--z-hud);display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-2);width:232px;padding:var(--sp-3);border-radius:var(--r-md);background:var(--surface-1);border:1px solid var(--border-subtle);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:0 10px 30px #04080c73}.hud-seat{display:flex;align-items:baseline;gap:var(--sp-2)}.hud-seat-mode{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--text-lo)}.hud-seat-mode.is-out{color:var(--danger)}.hud-seat-color{font-family:var(--font-display);font-size:15px;letter-spacing:1px}.hud-eliminated{margin:0;font-size:11px;line-height:1.4;color:var(--danger)}.hud-panel .button{width:100%;padding:var(--sp-2) var(--sp-3);font-size:12px}.hud-footer{display:flex;gap:var(--sp-2);width:100%;padding-top:var(--sp-2);border-top:1px solid rgba(120,150,190,.2)}.hud-icon-button{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:var(--r-sm);border:1px solid rgba(101,115,141,.35);background:transparent;color:var(--text-lo);font-family:var(--font-ui);font-size:11px;cursor:pointer;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.hud-icon-button:hover{color:var(--text-hi);border-color:var(--border-strong)}.hud-settings{width:100%;padding-top:var(--sp-2);border-top:1px solid rgba(120,150,190,.2)}@media(max-width:760px){.hud-bar{gap:var(--sp-2);padding:6px var(--sp-3)}.hud-phase span{display:none}.hud-turn-label{font-size:13px}.scoreboard{width:calc(100vw - 24px);max-height:40vh;overflow-y:auto;top:64px;right:var(--sp-3);left:var(--sp-3)}.hud-panel{width:calc(100vw - 32px)}}.notice-stack{position:absolute;left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--sp-2);align-items:center;max-width:70%;transition:top var(--dur-med) var(--ease-out)}.notice{padding:10px 18px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border-subtle);color:var(--text-mid);font-size:13px;text-align:center;-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:0 8px 24px #0006;animation:notice-in var(--dur-med) var(--ease-out)}.notice--warn{border-color:#f0c78480;color:var(--accent-warm)}.notice--error{border-color:#e74c3c8c;color:#f2b6b6}@keyframes notice-in{0%{opacity:0;transform:translateY(-8px)}}.turn-banner{position:absolute;top:30%;left:50%;transform:translate(-50%);z-index:var(--z-announcer);padding:var(--sp-3) var(--sp-6);border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border-strong);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:0 16px 40px #00000080;font-family:var(--font-display);font-size:26px;letter-spacing:2px;text-transform:uppercase;color:var(--text-hi);pointer-events:none;animation:banner-in var(--dur-slow) var(--ease-pop)}@keyframes banner-in{0%{opacity:0;transform:translate(-50%) scale(.9)}}.combat-strip{position:absolute;bottom:76px;left:50%;transform:translate(-50%);z-index:var(--z-combat);display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border-subtle);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:0 10px 28px #00000073;animation:notice-in var(--dur-med) var(--ease-out)}.combat-side{display:flex;align-items:center;gap:var(--sp-2)}.combat-label{font-family:var(--font-display);font-size:13px;letter-spacing:1px}.combat-dice{display:inline-flex;gap:var(--sp-1)}.die{width:20px;height:20px;border-radius:4px;display:grid;place-items:center;background:#f2ece0;color:#1a1610;font-family:var(--font-mono);font-size:11px;font-weight:700;border:1px solid rgba(0,0,0,.35)}.die--lost{opacity:.4;text-decoration:line-through}.combat-loss{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--danger)}.combat-versus{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--text-faint)}.combat-taken{padding:2px 10px;border-radius:var(--r-pill);background:#2ecc712e;border:1px solid rgba(46,204,113,.5);color:var(--success);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.battle-bar{position:absolute;bottom:18px;left:50%;transform:translate(-50%);z-index:var(--z-announcer);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-md);background:var(--surface-1);border:1px solid var(--border-subtle);color:var(--text-mid);font-size:14px;text-align:center;max-width:70%;-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:0 12px 30px #00000073;animation:notice-in var(--dur-med) var(--ease-out)}.connection-banner{position:absolute;top:var(--sp-4);left:50%;transform:translate(-50%);z-index:var(--z-toast);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-sm);background:#e74c3ceb;color:#fff;font-size:13px;font-weight:600;box-shadow:0 8px 24px #0006}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);width:100%;height:100%;min-height:240px;background:var(--bg-page);color:var(--text-mid)}.loading-mark{font-family:var(--font-display);font-size:34px;letter-spacing:4px;text-transform:uppercase;color:var(--text-hi)}.loading-label{font-size:13px;color:var(--text-lo)}.env-badge{position:fixed;top:0;left:0;z-index:var(--z-modal);display:inline-flex;align-items:center;gap:6px;padding:3px 12px 4px;border-bottom-right-radius:var(--r-md);font-family:var(--font-display);font-size:12px;letter-spacing:2px;text-transform:uppercase;pointer-events:none;-webkit-user-select:none;user-select:none;box-shadow:0 2px 10px #00000073}.env-badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:env-pulse 2.4s ease-in-out infinite}@keyframes env-pulse{50%{opacity:.35}}.env-badge--staging{background:linear-gradient(135deg,#f0c784,#d9a44f);color:#241a08}.env-badge--development{background:linear-gradient(135deg,#7fe3c4,#48b394);color:#06231b}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-var-latin.woff2) format("woff2")}@font-face{font-family:Staatliches;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/staatliches-latin.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono-latin.woff2) format("woff2")}:root{--bg-page: #0b0f16;--bg-deep: #060a10;--surface-1: rgba(13, 20, 30, .72);--surface-2: rgba(16, 24, 36, .85);--surface-solid: #111925;--blur-panel: blur(10px);--border-subtle: rgba(101, 115, 141, .25);--border-strong: rgba(120, 150, 189, .5);--border-focus: rgba(130, 156, 201, .8);--text-hi: #e8edf3;--text-mid: #c1d4e6;--text-lo: #8ba3be;--text-faint: rgba(232, 237, 243, .45);--accent: #7fe3c4;--accent-warm: #f0c784;--danger: #e74c3c;--success: #2ecc71;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-pill: 999px;--dur-fast: .12s;--dur-med: .2s;--dur-slow: .35s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-pop: cubic-bezier(.34, 1.56, .64, 1);--z-map-overlay: 10;--z-selector: 50;--z-hud: 100;--z-announcer: 120;--z-combat: 121;--z-toast: 130;--z-modal: 200;--font-ui: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Staatliches", "Inter", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", monospace}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.page-backdrop{min-height:100vh;color:var(--text-hi);position:relative;background-color:var(--bg-page);background-image:radial-gradient(circle at 15% 15%,rgba(57,74,96,.35),transparent 45%),radial-gradient(circle at 85% 20%,rgba(39,58,82,.35),transparent 45%),linear-gradient(180deg,#0a0e14f2,#0a0e14eb),repeating-linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.02) 1px,transparent 1px,transparent 24px),repeating-linear-gradient(0deg,rgba(255,255,255,.02),rgba(255,255,255,.02) 1px,transparent 1px,transparent 24px)}.glass-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:22px;box-shadow:0 12px 40px #04080c73;-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel)}.display-title{font-family:var(--font-display);font-size:52px;font-weight:400;letter-spacing:3px;text-transform:uppercase;color:#eef2f7}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px solid transparent;font-family:var(--font-ui);font-size:13px;font-weight:600;letter-spacing:.4px;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);color:#ecf2f8;background:#232e3ecc}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #050a1073}.button.primary{background:linear-gradient(135deg,#415f8af2,#273d58f2);border-color:#7191be66}.button.accent{background:linear-gradient(135deg,#29725be6,#1c5446e6);border-color:#62a89266}.button.warn{background:linear-gradient(135deg,#78352ff2,#4c2220f2);border-color:#bd605a73}.button.ghost{background:transparent;border-color:#65738d59;color:var(--text-mid)}.button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.button-row{display:flex;gap:10px}.input,.select{width:100%;padding:var(--sp-3);border-radius:var(--r-md);border:1px solid rgba(101,115,141,.35);background:#0c121ccc;color:var(--text-hi);font-family:var(--font-ui);font-size:14px;outline:none}.input:focus,.select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #4e699733}.field-label{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#e8edf380}.field-hint,.helper-text{margin:0;font-size:12px;line-height:1.4;color:var(--text-faint)}.panel-title{display:flex;align-items:center;gap:10px;font-size:14px;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-mid);margin-bottom:18px}.panel-section{display:flex;flex-direction:column;gap:var(--sp-3);padding-top:var(--sp-4);margin-top:var(--sp-4);border-top:1px solid rgba(101,115,141,.2)}.lobby-chip{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-pill);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-mid);background:#0c111acc;border:1px solid var(--border-subtle)}.count-pill{display:inline-flex;align-items:center;padding:var(--sp-1) 10px;border-radius:var(--r-pill);background:#4a5f7c59;border:1px solid rgba(120,150,189,.3);font-size:12px;font-weight:600}.status-pill{padding:2px var(--sp-2);border-radius:var(--r-pill);font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.status-pill.live{background:#34927840;color:var(--accent);border:1px solid rgba(52,146,120,.4)}.status-pill.waiting{background:#a4844440;color:var(--accent-warm);border:1px solid rgba(164,132,68,.4)}.status-message{border-radius:var(--r-md);padding:var(--sp-3) 14px;border:1px solid rgba(148,83,80,.4);background:#4a1e1e66;color:#f2b6b6;font-size:13px;margin-bottom:14px}.spinner{width:22px;height:22px;border-radius:50%;border:2px solid rgba(232,237,243,.2);border-top-color:#e8edf3cc;margin:0 auto 12px;animation:spin 1s linear infinite}.spinner.inline{width:14px;height:14px;margin:0;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overscroll-behavior:none;overflow:hidden}body{font-family:var(--font-ui);background:var(--bg-page);color:var(--text-hi);-webkit-tap-highlight-color:transparent}input,textarea,code,pre,[data-selectable]{-webkit-user-select:text;user-select:text}.app{width:100%;height:100%}.app.lobby-mode{overflow-y:auto;-webkit-overflow-scrolling:touch}.app.game-mode{overflow:hidden;position:relative}.map-container{width:100%;height:100%;overflow:hidden;position:relative;background:var(--bg-deep);touch-action:none;cursor:default}.map-container path:focus-visible{outline:none;stroke:#fff;stroke-width:4}.map-container:active,.map-container.is-panning{cursor:grabbing}