:root{color:#f2f1ea;background:#111413;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button,select{min-height:34px;border:1px solid #526355;border-radius:6px;color:#fffaf0;background:#2d4637}button{padding:0 10px;cursor:pointer;white-space:nowrap}select{width:100%;padding:0 10px;cursor:pointer}button:disabled,select:disabled{color:#abb8ad;background:#202621;cursor:default}.app-shell{position:relative;width:100vw;height:100vh;min-height:100vh;overflow:hidden;background:#111413}.map-host{position:absolute;top:0;right:0;bottom:0;left:0;min-width:0;min-height:0;overflow:hidden;background:#111413;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.map-host canvas{display:block;width:100%;height:100%}.hud-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.hud-panel{min-width:0;max-width:min(360px,calc(100vw - 32px));padding:12px;border:1px solid rgba(246,210,107,.28);border-radius:8px;background:linear-gradient(180deg,#2b352df0,#121715f2),#181d1beb;box-shadow:inset 0 1px #fffaf012,0 14px 34px #0000004d;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-panel h2{margin:0 0 10px;color:#f6d26b;font-size:.95rem;letter-spacing:0}.vp-hud{position:absolute;top:16px;left:16px;width:300px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid rgba(246,210,107,.16)}.panel-heading span{color:#f6d26b;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.vp-hud ol{display:grid;gap:7px;margin:8px 0 0;padding:0;list-style:none}.vp-hud li{display:grid;grid-template-columns:minmax(0,1fr) minmax(42px,auto);align-items:center;gap:14px;min-height:26px;padding:5px 7px;border:1px solid rgba(91,111,98,.4);border-radius:6px;background:#0d111047}.vp-hud li strong{justify-self:end;color:#f6d26b;font-size:.9rem}.leaderboard-country{min-width:0;padding-left:8px;border-left:3px solid var(--country-color);color:#fffaf0;font-weight:700;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 8px color-mix(in srgb,var(--country-color) 72%,transparent),0 1px 0 #0d1110;white-space:nowrap}.match-hud{position:absolute;top:16px;left:50%;display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,auto) minmax(0,1fr);align-items:center;gap:12px;width:min(640px,calc(100vw - 380px));max-width:none;overflow:hidden;transform:translate(-50%)}.match-hud-side,.resource-stat{display:grid;gap:2px;min-width:0}.match-hud-center{display:grid;justify-items:center;gap:2px;min-width:0;padding:0 8px;border-right:1px solid rgba(246,210,107,.14);border-left:1px solid rgba(246,210,107,.14)}.match-hud-center strong{color:#f6d26b;font-size:1.85rem;line-height:1;letter-spacing:0;text-shadow:0 0 16px rgba(246,210,107,.2)}.match-hud-center span{color:#abb8ad;font-size:.72rem}.match-players{justify-items:end;text-align:right}.match-hud span,.resource-stat span,.compact-list dt,.hud-row span,.country-summary span,.lobby-header span{color:#abb8ad;font-size:.72rem}.match-hud strong,.resource-stat strong,.hud-row strong,.compact-list dd,.country-summary strong{display:flex;align-items:center;gap:7px;overflow:hidden;color:#fffaf0;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.bot-tag{display:inline-flex;align-items:center;min-height:18px;padding:1px 6px;border:1px solid rgba(127,212,255,.36);border-radius:999px;color:#9edfff;background:#1635426b;font-size:.62rem;font-weight:900;letter-spacing:.03em;text-transform:uppercase;text-shadow:none}.match-hud-center strong{font-size:1.85rem}.match-hud-side strong{font-size:.92rem}.match-result{grid-column:1 / -1;color:#f6d26b;text-align:center}.hover-hud{position:absolute;top:16px;right:16px;width:300px}.info-panel h2{margin-bottom:12px;color:#f6d26b;letter-spacing:0}.info-panel-content,.info-country-section,.info-province-section{display:grid;gap:10px;min-width:0}.info-country-name{overflow:hidden;font-size:1rem;text-overflow:ellipsis;text-shadow:0 1px 0 #0d1110;white-space:nowrap}.info-metric{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;min-width:0}.info-icon{display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(246,210,107,.45);border-radius:6px;color:#f6d26b;background:#f6d26b14;font-size:.72rem;font-weight:800}.info-metric>div{display:grid;gap:3px;min-width:0}.info-metric span,.info-flat-row span{color:#abb8ad;font-size:.72rem}.info-metric strong,.info-flat-row strong{color:#fffaf0;font-size:.92rem}.info-progress{position:relative;display:grid;align-items:center;min-height:24px;overflow:hidden;border:1px solid rgba(91,111,98,.72);border-radius:6px;background:#151b18}.info-progress-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#5f9f6e,#f6d26b);opacity:.7}.info-progress strong{position:relative;z-index:1;padding:0 8px;color:#fffaf0;font-size:.82rem;text-shadow:0 1px 2px #0d1110}.info-province-section{padding-top:10px;border-top:1px solid rgba(91,111,98,.42)}.info-flat-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.info-contest-card{display:grid;gap:8px;padding:10px;border:1px solid rgba(255,122,69,.5);border-radius:8px;background:#3c221a75}.info-contest-header,.info-contest-footer,.info-contest-row-label{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.info-contest-header strong{color:#ffb084;font-size:.82rem;text-transform:uppercase}.info-contest-header span,.info-contest-footer span,.info-contest-row-label span{color:#c6cfc8;font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-contest-footer strong,.info-contest-row-label strong{color:#fffaf0;font-size:.78rem}.info-contest-row{display:grid;gap:4px}.info-contest-bar{position:relative;height:8px;overflow:hidden;border-radius:999px;background:#0d1110b8}.info-contest-bar-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;opacity:.9}.building-icon-strip{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.building-icon-slot{display:grid;width:26px;height:26px;place-items:center;border:1px solid rgba(127,212,255,.55);border-radius:6px;color:#e6f8ff;background:#7fd4ff14;font-size:.72rem;font-weight:800}.building-icon-empty{color:#abb8ad;font-size:.75rem}.lobby-hud{position:absolute;top:108px;left:16px;width:340px;max-height:calc(100vh - 226px);overflow-y:auto}.lobby-country-pick-note{display:grid;gap:4px;margin-bottom:12px;padding:10px;border:1px solid rgba(91,111,98,.44);border-radius:8px;background:#0d111042}.lobby-country-pick-note strong{color:#fffaf0;font-size:.92rem}.lobby-country-pick-note span{color:#abb8ad;font-size:.76rem;line-height:1.4}.lobby-country-pick-menu{position:absolute;z-index:9;width:min(280px,calc(100vw - 32px));transform:translate(12px,-50%)}.lobby-country-pick-header{display:flex;align-items:center;gap:10px;min-width:0;margin-bottom:12px}.lobby-country-pick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lobby-country-pick-actions button{width:100%}.lobby-country-pick-actions .secondary{border-color:#a0aba257;background:linear-gradient(180deg,#3a3e3aeb,#1d221feb),#242b27}.resource-bar{position:absolute;bottom:16px;left:50%;display:grid;grid-template-columns:repeat(6,minmax(86px,auto)) minmax(170px,1fr);align-items:center;justify-content:center;gap:14px;width:min(1060px,calc(100vw - 32px));max-width:none;transform:translate(-50%)}.resource-bar .resource-stat,.attack-commit-control{padding:8px 10px;border:1px solid rgba(91,111,98,.44);border-radius:7px;background:linear-gradient(180deg,#1f2722b8,#0d111080),#0d111042}.resource-bar button{min-width:max-content}.context-popup{position:absolute;right:16px;bottom:132px;width:340px;max-height:calc(100vh - 252px);overflow-y:auto}.tech-hud{position:absolute;left:16px;bottom:132px;width:360px;max-height:calc(100vh - 252px);overflow-y:auto}.main-left-menu{position:absolute;top:286px;left:16px;display:flex;flex-direction:column;width:380px;max-height:calc(100vh - 440px);overflow:hidden;border-color:#f6d26b57;background:linear-gradient(180deg,#2b352df2,#121715f5),#181d1bf0;box-shadow:inset 0 1px #fffaf014,0 18px 40px #00000057}.main-menu-home{display:grid;gap:12px}.main-menu-home button,.image-button{min-height:68px;font-size:1rem;font-weight:700;text-align:left}.image-button{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;overflow:hidden;padding:12px;border-color:#7fd4ff3d;color:#fffaf0;background:linear-gradient(135deg,#2a3930f5,#151b18fa),#18201c;background-position:center;background-repeat:no-repeat;background-size:100% 100%;box-shadow:inset 0 1px #fffaf014,0 10px 24px #00000038;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease,background-color .14s ease}.image-button:hover:not(:disabled),.image-button:focus-visible{border-color:#f6d26b9e;box-shadow:inset 0 1px #fffaf01f,0 0 0 1px #f6d26b24,0 14px 28px #00000047;transform:translateY(-1px)}.image-button:active:not(:disabled),.image-button.active{border-color:#f6d26bd1;background:linear-gradient(135deg,#313c27fa,#141916fa),#18201c;box-shadow:inset 0 2px 8px #00000052,0 8px 18px #0000003d;transform:translateY(1px)}.image-button.has-image{min-height:72px;border-color:transparent;background-color:transparent}.image-button.has-image span,.image-button.has-image strong,.image-button.has-image small{position:relative;z-index:1;text-shadow:0 1px 3px #0d1110}.image-button.has-image:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:#0d111029}.image-button-icon{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(246,210,107,.46);border-radius:8px;color:#f6d26b;background:linear-gradient(180deg,#f6d26b1f,#f6d26b08),#0d11106b;font-size:1.05rem;font-weight:900}.image-button-copy{display:grid;gap:3px;min-width:0}.image-button-copy strong{color:#fffaf0;font-size:1rem}.image-button-copy small,.image-button-meta{color:#abb8ad;font-size:.72rem;line-height:1.35}.image-button-meta{align-self:start;padding:3px 6px;border:1px solid rgba(127,212,255,.24);border-radius:999px;background:#7fd4ff14;color:#7fd4ff;font-weight:800}.radial-menu{position:absolute;z-index:6;width:1px;height:1px;pointer-events:auto}.radial-menu-core{position:absolute;display:grid;width:44px;height:44px;min-height:44px;place-items:center;padding:0;border:1px solid rgba(246,210,107,.5);border-radius:50%;color:#f6d26b;background:#181d1beb;box-shadow:0 0 22px #0000005c;font-size:.66rem;font-weight:800;line-height:1;text-align:center;transform:translate(-50%,-50%);white-space:normal}.detached-menu-core{z-index:8}.radial-menu-option{position:absolute;display:grid;width:92px;min-height:86px;place-items:center;gap:2px;padding:8px 6px;border-color:#f6d26b85;border-radius:10px;background:#233027f5;box-shadow:0 10px 24px #00000047;color:#fffaf0;font-size:.72rem;line-height:1.15;text-align:center;white-space:normal}.radial-menu-option:disabled{border-color:#5b6f626b;color:#7e8a81;background:#181d1be0}.radial-menu-icon{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,250,240,.34);border-radius:50%;color:#f6d26b;background:#f6d26b1a;font-size:1rem;font-weight:900}.radial-menu-option:disabled .radial-menu-icon{color:#7e8a81;background:#5b6f6214}.radial-menu-option small{color:#7fd4ff;font-size:.68rem;font-weight:800}.radial-error{position:absolute;top:52px;left:50%;width:230px;padding:8px;border:1px solid rgba(255,176,168,.5);border-radius:6px;background:#181d1bf0;transform:translate(-50%)}.radial-helper{position:absolute;top:52px;left:50%;width:230px;margin:0;padding:8px;border:1px solid rgba(127,212,255,.24);border-radius:6px;background:#181d1bf0;text-align:center;transform:translate(-50%)}.click-menu-card{position:absolute;z-index:7;width:280px;max-height:min(420px,calc(100vh - 24px));overflow-y:auto}.click-menu-card h2{margin:0 0 6px;color:#f6d26b;font-size:.95rem}.diplomacy-click-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.diplomacy-click-actions button{white-space:normal}.diplomacy-click-section-title{grid-column:1 / -1;margin:0;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.menu-page-header{flex:0 0 auto;display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(246,210,107,.16)}.menu-page-header h2{margin:0;color:#f6d26b;font-size:.9rem;letter-spacing:.04em;text-align:center;text-transform:uppercase}.menu-page-content{display:grid;gap:10px;flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:2px}.shop-row,.diplomacy-row,.tech-node{border:1px solid rgba(91,111,98,.58);border-radius:8px;background:linear-gradient(180deg,#1f2722eb,#101513e6),#131816db;box-shadow:inset 0 1px #fffaf00d}.shop-row{display:grid;grid-template-columns:42px minmax(0,1fr) 76px;align-items:center;gap:10px;padding:10px}.shop-icon-slot,.tech-branch-icon,.tech-icon-slot{display:grid;place-items:center;border:1px solid rgba(246,210,107,.48);border-radius:8px;color:#f6d26b;background:#f6d26b14;font-weight:900}.shop-icon-slot{width:42px;height:42px}.shop-row-main,.diplomacy-row-main{display:grid;gap:3px;min-width:0}.shop-row span,.shop-row-stats,.diplomacy-row-main span,.tech-node span,.tech-node small,.tech-branches small,.mini-status{color:#abb8ad;font-size:.72rem;line-height:1.35}.shop-row strong,.tech-node strong,.tech-branch-copy strong{color:#fffaf0}.shop-row-stats{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}.shop-row-stats span,.mini-status{padding:2px 6px;border:1px solid rgba(127,212,255,.22);border-radius:999px;background:#7fd4ff0f}.shop-row-stats b{color:#f6d26b}.diplomacy-list{gap:8px}.diplomacy-row{display:grid;grid-template-columns:5px minmax(0,1fr);gap:10px;padding:10px;border-left-width:0}.diplomacy-country-mark{grid-row:1 / span 2;width:5px;min-height:100%;border-radius:999px;box-shadow:0 0 14px currentColor}.diplomacy-row-main strong{display:flex;align-items:center;gap:7px;overflow:hidden;font-size:.92rem;text-overflow:ellipsis;white-space:nowrap}.diplomacy-status{overflow-wrap:anywhere}.diplomacy-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;grid-column:2;padding-top:2px}.diplomacy-actions button{min-height:32px;overflow-wrap:anywhere;padding:7px 8px;font-size:.74rem;white-space:normal}.deal-builder{grid-column:2;display:grid;gap:10px;margin-top:8px;padding:10px;border:1px solid rgba(127,212,255,.18);border-radius:6px;background:linear-gradient(180deg,#1f2923eb,#131816f5),#1a211d}.deal-builder-header,.deal-column{display:grid;gap:4px}.deal-builder-header span,.deal-field span{color:#abb8ad;font-size:.72rem;line-height:1.35}.deal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.deal-column{min-width:0}.deal-column strong{color:#f6d26b;font-size:.76rem}.deal-field{display:grid;gap:4px}.deal-field input{width:100%;min-width:0;padding:7px 8px;border:1px solid rgba(127,212,255,.18);border-radius:6px;background:#0c100eb8;color:#fffaf0}.deal-province-list{display:grid;gap:4px;max-height:132px;overflow-y:auto;padding:6px;border:1px solid rgba(127,212,255,.18);border-radius:6px;background:#0c100eb8}.deal-province-option{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:8px;color:#fffaf0;font-size:.74rem}.deal-province-option span{overflow-wrap:anywhere}.deal-province-empty{padding:7px 8px;border:1px solid rgba(127,212,255,.18);border-radius:6px;background:#0c100eb8;color:#abb8ad;font-size:.72rem}.deal-builder-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tech-branches{display:grid;flex:1 1 auto;gap:10px;min-height:0;overflow-y:auto}.tech-branches button{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;min-height:72px;padding:12px;border-color:#7fd4ff38;background:linear-gradient(135deg,#233027f5,#121715f5),#18201c;text-align:left;white-space:normal}.tech-branches button:hover:not(:disabled){border-color:#f6d26b94}.tech-branch-icon{width:42px;height:42px}.tech-branch-copy{display:grid;gap:3px;min-width:0}.tech-tree-heading,.tech-group-label{color:#f6d26b;font-weight:700;text-align:center}.tech-tree-grid{display:grid;gap:10px}.tech-node{display:grid;gap:8px;padding:10px;min-width:0}.tech-level-bars{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.tech-level-bar{height:7px;border:1px solid rgba(127,212,255,.3);border-radius:999px;background:#0c100eb8}.tech-level-bar.filled{border-color:#f6d26b8c;background:linear-gradient(90deg,#7fd4ff,#f6d26b);box-shadow:0 0 12px #f6d26b2e}.tech-node-header{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px}.tech-node-header>div:last-child{display:grid;gap:2px;min-width:0}.tech-node-header strong{overflow-wrap:anywhere;white-space:normal}.tech-icon-slot{width:34px;height:34px}.subtle-button{justify-self:start}.popup-header,.lobby-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.popup-header h2,.popup-header p,.lobby-header h2{margin:0}.popup-header p{margin-top:2px;color:#abb8ad;font-size:.78rem}.popup-header button{width:34px;min-width:34px;padding:0}.hud-list,.compact-list,.country-list,.tech-list,.popup-actions,.attack-actions{display:grid;gap:10px}.popup-section{display:grid;gap:10px;padding:10px 0;border-top:1px solid rgba(91,111,98,.42)}.popup-section:first-of-type{border-top:0;padding-top:0}.popup-section h3{margin:0;color:#f6d26b;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.hud-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:28px}.hud-row b{color:#f6d26b;font-size:.88rem}.compact-list{margin:0}.compact-list div{min-width:0}.compact-list dd{margin:2px 0 0;overflow-wrap:anywhere;white-space:normal}.country-row{display:flex;align-items:center;gap:10px;min-width:0;min-height:44px;padding:8px;border:1px solid rgba(91,111,98,.42);border-radius:8px;background:#0d11103d}.country-swatch{width:16px;height:16px;border:1px solid rgba(255,250,240,.45);border-radius:50%;flex:0 0 auto}.country-summary{display:grid;gap:2px;flex:1 1 auto;min-width:0}.country-row button{flex:0 0 auto;width:84px;min-width:84px;margin-left:auto}.tech-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0}.tech-summary{display:grid;gap:2px;min-width:0}.tech-summary strong{overflow:hidden;color:#fffaf0;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.tech-summary span{color:#abb8ad;font-size:.72rem;line-height:1.35;overflow-wrap:anywhere}.tech-summary .tech-level-bars{margin-top:4px;max-width:126px}.tech-row button{min-width:106px}.compact-country-list{margin-bottom:12px}.match-duration-control,.dev-duration-control{display:grid;gap:6px;margin-bottom:12px;min-width:0;padding:10px;border:1px solid rgba(91,111,98,.44);border-radius:8px;background:#0d111042}.match-duration-control span,.dev-duration-control span{color:#abb8ad;font-size:.75rem}.primary-button{width:100%}.popup-actions{margin-top:0}.popup-actions button{width:100%}.attack-actions{margin-top:0}.popup-error{margin-top:10px}.resource-stat{min-width:0}.resource-stat strong{display:flex;align-items:baseline;gap:6px;overflow:visible;font-size:.98rem;text-overflow:clip}.resource-rate{color:#7fd4ff;font-size:.72rem;font-weight:700}.resource-stat span{white-space:nowrap}.attack-commit-control{display:grid;grid-template-columns:auto auto;align-items:center;gap:4px 10px;min-width:0}.attack-commit-control span,.attack-commit-control small{color:#abb8ad;font-size:.72rem}.attack-commit-control strong{justify-self:end;color:#f6d26b;font-size:.98rem;white-space:nowrap}.attack-commit-control input{grid-column:1 / -1;width:100%;min-width:150px;accent-color:#f6d26b}.attack-button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.error-text{margin:12px 0 0;color:#ffb0a8;font-size:.85rem;overflow-wrap:anywhere}.game-over-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,rgba(246,210,107,.1),transparent 42%),#080b0a9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-over-panel,.session-exit-panel{width:min(560px,calc(100vw - 32px));max-width:100%;display:grid;gap:18px;padding:24px;border:1px solid rgba(246,210,107,.3);border-radius:16px;background:linear-gradient(180deg,#2b352df7,#101512fa),#141816f5;box-shadow:inset 0 1px #fffaf014,0 28px 60px #0000006b,0 0 40px #f6d26b14;pointer-events:auto}.game-over-kicker{margin:0;color:#abb8ad;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.game-over-panel h1,.session-exit-panel h1{margin:-6px 0 0;color:#fffaf0;font-size:clamp(2rem,4vw,2.8rem);line-height:.95}.game-over-winner{margin:0;color:#f6d26b;font-size:clamp(1.12rem,2.2vw,1.45rem);font-weight:800;text-shadow:0 0 22px rgba(246,210,107,.16)}.game-over-standings{display:grid;gap:10px}.game-over-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.game-over-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:10px 12px;border:1px solid rgba(91,111,98,.42);border-radius:10px;background:#0d11105c}.game-over-row-winner{border-color:#f6d26b73;box-shadow:0 0 0 1px #f6d26b14}.game-over-rank{color:#abb8ad;font-size:.78rem;font-weight:800}.game-over-country{min-width:0;padding-left:10px;border-left:3px solid var(--country-color);overflow:hidden;color:#fffaf0;font-size:.96rem;font-weight:700;text-overflow:ellipsis;text-shadow:0 0 8px color-mix(in srgb,var(--country-color) 72%,transparent),0 1px 0 #0d1110;white-space:nowrap}.game-over-row strong{color:#f6d26b;font-size:.96rem}.game-over-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-over-action{min-height:56px;display:grid;align-content:center;gap:3px;padding:12px 14px;border-radius:10px;font-weight:800;text-align:center;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease,background-color .14s ease}.game-over-action:hover:not(:disabled),.game-over-action:focus-visible{border-color:#f6d26b9e;box-shadow:inset 0 1px #fffaf01f,0 0 0 1px #f6d26b24,0 14px 28px #00000047;transform:translateY(-1px)}.game-over-action-primary{border-color:#f6d26b5c;background:linear-gradient(180deg,#455c3ceb,#1f3725eb),#2d4637}.game-over-action-secondary{border-color:#7fd4ff4d;background:linear-gradient(180deg,#313d39f0,#161c1af5),#202723}.game-over-action small{color:#abb8ad;font-size:.72rem;font-weight:700}.app-shell-idle{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,rgba(246,210,107,.1),transparent 42%),#111413}.menu-panel{display:grid;gap:18px;width:min(420px,calc(100vw - 32px));padding:26px;text-align:center}.brand-lockup{display:grid;gap:6px}.brand-lockup h1{margin:0;color:#fffaf0;font-size:clamp(2.6rem,8vw,4.6rem);line-height:.95}.brand-lockup p{margin:0;color:#f6d26b;font-size:.88rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.brand-lockup.compact h1{font-size:clamp(1.8rem,5vw,2.5rem)}.brand-lockup.compact p{color:#abb8ad;font-weight:700;letter-spacing:0;text-transform:none}.menu-play-button{min-height:76px;font-size:1.25rem;font-weight:900}.menu-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.menu-action-grid button,.room-code-form button{min-height:46px;font-weight:800}.menu-back-button{justify-self:start}.room-code-form{display:grid;gap:10px}.room-code-form.horizontal{grid-template-columns:minmax(0,1fr) auto}.room-code-form input{min-width:0;min-height:46px;padding:0 12px;border:1px solid rgba(127,212,255,.26);border-radius:6px;color:#fffaf0;background:#0c100eb8;text-transform:uppercase}.room-lobby-panel{display:grid;gap:18px;width:min(920px,calc(100vw - 32px));max-width:none;padding:22px}.room-lobby-header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;text-align:center}.room-lobby-header div{display:grid;gap:2px}.room-lobby-header span,.room-map-summary span,.disabled-setting span{color:#abb8ad;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.room-lobby-header strong{color:#f6d26b;font-size:clamp(1.8rem,5vw,2.8rem);letter-spacing:.08em}.room-lobby-grid{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(260px,1.1fr) minmax(220px,.8fr);gap:14px;align-items:stretch}.room-lobby-list,.room-map-summary,.room-settings-placeholder{display:grid;align-content:start;gap:10px;min-width:0;padding:12px;border:1px solid rgba(91,111,98,.42);border-radius:8px;background:#0d111042}.room-player-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:40px;padding:8px;border:1px solid rgba(91,111,98,.36);border-radius:6px;background:#0d111052}.room-player-row span{color:#abb8ad;font-size:.76rem}.room-player-row strong{overflow:hidden;color:#fffaf0;text-overflow:ellipsis;white-space:nowrap}.room-player-row b{color:#f6d26b;font-size:.72rem;text-transform:uppercase}.room-map-summary{justify-items:center;text-align:center}.room-map-summary strong{color:#fffaf0;font-size:1.25rem}.room-map-summary dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin:8px 0 0}.room-map-summary dt{color:#abb8ad;font-size:.72rem}.room-map-summary dd{margin:4px 0 0;color:#f6d26b;font-weight:900}.disabled-setting{display:grid;gap:4px;padding:10px;border:1px solid rgba(91,111,98,.32);border-radius:6px;background:#141a178f;opacity:.55}.disabled-setting strong{color:#d4ded6}.room-lobby-footer{display:grid;justify-items:center;gap:8px}.room-lobby-footer>strong{color:#f6d26b;font-size:1.4rem}.lobby-hud .match-duration-control,.lobby-hud>button.primary-button{display:none}.session-exit-panel{gap:12px}.session-exit-copy{margin:0;color:#d4ded6;font-size:.94rem;line-height:1.5}.muted{margin:0;color:#abb8ad;overflow-wrap:anywhere}.alert-stack{position:absolute;right:16px;bottom:132px;display:flex;flex-direction:column;gap:10px;width:min(340px,calc(100vw - 32px));max-height:calc(100vh - 188px);pointer-events:auto}.player-alert{position:relative;display:grid;gap:9px;min-width:0;padding:11px 12px 12px;border:1px solid rgba(246,210,107,.24);border-left-width:4px;border-radius:8px;background:linear-gradient(180deg,#2b352df2,#121715f5),#181d1bf0;box-shadow:inset 0 1px #fffaf014,0 16px 34px #00000057;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.player-alert-header{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#f6d26b;font-size:.72rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.player-alert p{margin:0;color:#fffaf0;font-size:.88rem;line-height:1.35;overflow-wrap:anywhere}.player-alert-close{width:26px;min-width:26px;min-height:26px;padding:0;border-color:#fffaf029;color:#d4ded6;background:#0d111057}.player-alert-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.player-alert-actions button{width:100%;border-color:#f6d26b70;background:linear-gradient(180deg,#455c3ceb,#1f3725eb),#2d4637}.player-alert-actions button.secondary{border-color:#a0aba257;background:linear-gradient(180deg,#3a3e3aeb,#1d221feb),#242b27}.player-alert.alert-ceasefire{border-left-color:#aeb7ad;box-shadow:inset 0 1px #fffaf014,0 16px 34px #00000057,0 0 18px #aeb7ad1f}.player-alert.alert-alliance{border-left-color:#76d47e;box-shadow:inset 0 1px #fffaf014,0 16px 34px #00000057,0 0 20px #76d47e29}.player-alert.alert-nap{border-left-color:#65cde8;box-shadow:inset 0 1px #fffaf014,0 16px 34px #00000057,0 0 20px #65cde826}.player-alert.alert-embargo{border-left-color:#f0a044;box-shadow:inset 0 1px #fffaf014,0 16px 34px #00000057,0 0 20px #f0a04429}.player-alert.alert-strait{border-left-color:#ffb35f;box-shadow:inset 0 1px #fffaf014,0 16px 34px #00000057,0 0 20px #ffb35f2e}.player-alert.alert-war{border-color:#ff5d4b85;border-left-color:#ff5d4b;background:linear-gradient(180deg,#46221ff5,#1b1211fa),#241210f5;box-shadow:inset 0 1px #fffaf014,0 18px 38px #0006,0 0 28px #ff5d4b3d}.player-alert.alert-war .player-alert-header{color:#ffb3aa}.player-alert.alert-info{border-left-color:#6fa4cf;padding-block:9px 10px}@media (max-width: 980px){.match-hud{top:92px;width:calc(100vw - 32px);grid-template-columns:1fr auto 1fr}.hover-hud{top:16px;right:16px;width:min(300px,calc(50vw - 24px))}.vp-hud{width:min(300px,calc(50vw - 24px))}.lobby-hud,.context-popup,.tech-hud,.main-left-menu,.alert-stack{max-height:calc(100vh - 260px)}}@media (max-width: 760px){.app-shell{height:100vh}.hud-layer{overflow-y:auto;padding:12px;pointer-events:none}.vp-hud,.match-hud,.hover-hud,.lobby-hud,.tech-hud,.main-left-menu,.resource-bar,.context-popup,.alert-stack{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:none;max-height:none;margin-bottom:12px;transform:none}.match-hud,.resource-bar{justify-content:flex-start;grid-template-columns:1fr}.room-lobby-grid,.menu-action-grid,.room-code-form.horizontal,.room-map-summary dl{grid-template-columns:1fr}.lobby-country-pick-menu{position:fixed;inset:auto 16px 16px 16px;width:auto;transform:none}.tech-tree-grid,.diplomacy-actions,.resource-bar{grid-template-columns:1fr}.game-over-overlay{padding:16px}.game-over-panel,.session-exit-panel{width:100%;padding:18px}.game-over-actions{grid-template-columns:1fr}}