@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Barlow+Semi+Condensed:wght@400;500;600;700&family=Black+Ops+One&family=Share+Tech+Mono&display=swap";:root{--bg-darker:#14181c;--bg-dark:#1d2329;--bg-panel:#2e353ceb;--wall-concrete:#7d828a;--wall-steel:#6b717a;--steel-face:#3a434c;--steel-face-2:#2c333b;--steel-edge:#0e1216;--bevel-hi:#ffffff1f;--rivet:#14181d;--neon-blue:#6f97b8;--neon-blue-glow:#6f97b84d;--neon-red:#c0473a;--neon-red-glow:#c0473a4d;--neon-green:#7d9b54;--neon-green-glow:#7d9b5447;--neon-yellow:#c79a2e;--neon-yellow-glow:#c79a2e47;--neon-purple:#8a7fa0;--neon-purple-glow:#8a7fa047;--neon-cyan:#84a7b3;--border-light:#ffffff0f;--border-glow:#6f97b873;--text-primary:#e7e9ec;--text-secondary:#a6acb3;--text-dim:#707880;--font-scifi:"Oswald", "Barlow Semi Condensed", system-ui, sans-serif;--font-stencil:"Black Ops One", "Oswald", system-ui, sans-serif;--font-mono:"Share Tech Mono", monospace;--font-sans:"Barlow Semi Condensed", "Inter", system-ui, sans-serif;--ui-font-scale:1.12;--ui-icon-scale:1.12;--fs-micro:calc(10px * var(--ui-font-scale));--fs-caption:calc(11px * var(--ui-font-scale));--fs-body:calc(13px * var(--ui-font-scale));--fs-base:calc(14px * var(--ui-font-scale));--fs-label:calc(15px * var(--ui-font-scale));--fs-h3:calc(17px * var(--ui-font-scale));--fs-h2:calc(20px * var(--ui-font-scale));--fs-h1:calc(26px * var(--ui-font-scale));--fs-display:calc(44px * var(--ui-font-scale));--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-xxl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-panel:0 8px 32px 0 #00000080;--shadow-glow-blue:0 0 20px var(--neon-blue-glow);--shadow-glow-red:0 0 20px var(--neon-red-glow);--shadow-glow-green:0 0 20px var(--neon-green-glow);box-sizing:border-box}body{background-color:var(--wall-steel);background-blend-mode:normal, normal, normal, soft-light, normal;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100dvh;font-size:calc(16px * var(--ui-font-scale));background-image:radial-gradient(at 16% 10%,#ffffff0d 0%,#0000 45%),radial-gradient(at 84% 90%,#0003 0%,#0000 55%),repeating-linear-gradient(90deg,#ffffff04 0 1px,#00000008 1px 3px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(#858b93 0%,#646a72 100%);background-size:100% 100%,100% 100%,3px 100%,200px 200px,100% 100%;margin:0;padding:0;overflow:hidden auto}.ui-font-small{--ui-font-scale:1;--ui-icon-scale:1}.ui-font-medium{--ui-font-scale:1.12;--ui-icon-scale:1.12}.ui-font-large{--ui-font-scale:1.26;--ui-icon-scale:1.22}.ui-font-xlarge{--ui-font-scale:1.42;--ui-icon-scale:1.34}.glass-panel{background:linear-gradient(180deg, var(--steel-face) 0%, var(--steel-face-2) 100%);border:1px solid var(--steel-edge);border-top-color:var(--bevel-hi);box-shadow:inset 0 1px 0 var(--bevel-hi), inset 0 -1px 0 #00000073, 0 3px 10px #00000073;border-radius:3px;transition:border-color .25s,box-shadow .25s}.glass-panel:hover{border-color:var(--border-glow);box-shadow:inset 0 1px 0 var(--bevel-hi), inset 0 -1px 0 #00000073, 0 3px 14px #0000008c}.hud-btn{border:1px solid var(--steel-edge);border-top-color:var(--bevel-hi);color:var(--neon-blue);font-family:var(--font-scifi);font-size:var(--fs-label);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 1px 0 var(--bevel-hi), 0 1px 3px #00000080;text-shadow:0 1px 1px #0009;background:linear-gradient(#363d45 0%,#272d34 100%);border-radius:2px;padding:10px 20px;font-weight:600;transition:all .18s cubic-bezier(.4,0,.2,1)}.hud-btn:hover:not(:disabled){border-color:var(--neon-blue);color:#f1f4f6;box-shadow:inset 0 0 0 1px var(--neon-blue), inset 0 1px 0 var(--bevel-hi), 0 2px 6px #0000008c;background:linear-gradient(#444f59 0%,#323b43 100%);transform:translateY(-1px)}.hud-btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 5px #0009}.hud-btn:disabled{border-color:var(--steel-edge);color:var(--text-dim);cursor:not-allowed;text-shadow:none;background:linear-gradient(#2a3036 0%,#21262b 100%);border-top-color:#ffffff0a;box-shadow:inset 0 1px #ffffff08}.hud-btn.danger{color:var(--neon-red)}.hud-btn.danger:hover:not(:disabled){border-color:var(--neon-red);color:#f4ece9;box-shadow:inset 0 0 0 1px var(--neon-red), inset 0 1px 0 var(--bevel-hi), 0 2px 6px #0000008c}.hud-btn.success{color:var(--neon-green)}.hud-btn.success:hover:not(:disabled){border-color:var(--neon-green);color:#f0f3ea;box-shadow:inset 0 0 0 1px var(--neon-green), inset 0 1px 0 var(--bevel-hi), 0 2px 6px #0000008c}#root{box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100dvh;display:flex;overflow:hidden visible}.game-layout{gap:var(--spacing-md);width:100%;min-height:100dvh;padding:var(--spacing-md);box-sizing:border-box;grid-template:"header header header""left main right"1fr"footer footer footer"/minmax(280px,320px) 1fr minmax(300px,360px);display:grid;overflow:visible}.game-header{padding:0 var(--spacing-lg);border:1px solid var(--steel-edge);border-top-color:var(--bevel-hi);min-height:62px;box-shadow:inset 0 1px 0 var(--bevel-hi), 0 4px 14px #00000080;background:radial-gradient(circle at 10px,#00000080 1.5px,#0000 2.5px),radial-gradient(circle at calc(100% - 10px),#00000080 1.5px,#0000 2.5px),linear-gradient(#475059 0%,#333b44 100%);border-bottom:3px solid #14181d;border-radius:3px;grid-area:header;justify-content:space-between;align-items:center;display:flex}.game-sidebar-left{flex-direction:column;grid-area:left;gap:12px;display:flex;overflow-y:auto}.game-main-content{flex-direction:column;grid-area:main;gap:12px;display:flex;overflow:hidden auto}.game-sidebar-right{flex-direction:column;grid-area:right;gap:12px;display:flex;overflow-y:auto}.game-footer{border-top:1px solid var(--border-light);font-family:var(--font-mono);color:var(--text-secondary);background:#020617e6;grid-area:footer;justify-content:space-between;align-items:center;padding:0 12px;font-size:11px;display:flex}@keyframes pulse{0%{border-color:#c0473a80;box-shadow:0 0 5px #c0473a66}to{border-color:#c0473a;box-shadow:0 0 15px #c0473acc}}.critical-alarm{animation:1s infinite alternate pulse}.glow-text-blue{color:var(--neon-blue);text-shadow:0 0 8px var(--neon-blue-glow)}.glow-text-red{color:var(--neon-red);text-shadow:0 0 8px var(--neon-red-glow)}.glow-text-green{color:var(--neon-green);text-shadow:0 0 8px var(--neon-green-glow)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--neon-blue)}.country-card{border:1px solid var(--border-light);cursor:pointer;background:#0b132966;border-radius:6px;padding:16px;transition:all .3s}.country-card:hover{border-color:var(--neon-blue);background:#6f97b80d;transform:translateY(-2px);box-shadow:0 0 15px #6f97b81a}.country-card.active{border-color:var(--neon-blue);background:#6f97b81a;box-shadow:0 0 20px #6f97b833}.news-ticker{border-left:4px solid var(--neon-red);box-sizing:border-box;height:34px;font-family:var(--font-mono);background:#c0473a14;align-items:center;padding:0 12px;font-size:15px;display:flex;overflow:hidden}.news-ticker-content{white-space:nowrap;color:var(--neon-red);font-weight:700;animation:25s linear infinite ticker-animation;display:inline-block}.world-broadcast-ribbon{border:1px solid #7d9b545c;border-left:4px solid var(--neon-green);color:#dfe8d2;box-sizing:border-box;cursor:pointer;text-align:left;width:100%;min-height:38px;font-family:var(--font-mono);background:linear-gradient(#293322eb,#151b15eb);border-radius:3px;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 12px;display:grid;box-shadow:inset 0 1px #ffffff0d}.world-broadcast-ribbon.has-new{border-left-color:var(--neon-yellow);box-shadow:inset 0 1px #ffffff0d,0 0 14px #c79a2e2e}.world-broadcast-ribbon:hover{color:#fff;border-color:#7d9b54ad}.wbr-label{color:var(--neon-green);font-family:var(--font-scifi);font-size:var(--fs-caption);letter-spacing:1px;white-space:nowrap;font-weight:900}.wbr-player{color:#fff;font-family:var(--font-scifi);font-size:var(--fs-body);white-space:nowrap;font-weight:800}.wbr-message{text-overflow:ellipsis;white-space:nowrap;color:#d8e8cf;min-width:0;font-size:var(--fs-body);overflow:hidden}.wbr-status{color:#a8b99d;font-size:var(--fs-caption);white-space:nowrap}@keyframes ticker-animation{0%{transform:translate(100%)}to{transform:translate(-100%)}}[data-tooltip]{position:relative}[data-tooltip]:before{content:attr(data-tooltip);border:1px solid var(--neon-blue);box-shadow:0 0 15px var(--neon-blue-glow);color:#f8fafc;font-size:15px;font-family:var(--font-mono);white-space:pre-wrap;z-index:99999;opacity:0;pointer-events:none;text-align:left;border-left:3px solid var(--neon-blue);background:#040a1af5;border-radius:4px;width:240px;padding:10px 14px;line-height:1.4;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:125%;left:50%;transform:translate(-50%)scale(.8)}[data-tooltip]:hover:before{opacity:1;transform:translate(-50%)scale(1)}.tactical-decrypt-overlay{z-index:99999;box-sizing:border-box;overscroll-behavior:contain;background:#020617f2;justify-content:center;align-items:stretch;width:100vw;height:100dvh;padding:clamp(8px,2.5dvh,24px);animation:.3s cubic-bezier(.4,0,.2,1) decryptFadeIn;display:flex;position:fixed;top:0;left:0;overflow-y:auto}@keyframes decryptFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.decrypt-panel{border:2px solid var(--neon-blue);width:100%;max-width:750px;max-height:calc(100dvh - clamp(16px,5dvh,48px));box-shadow:0 0 30px var(--neon-blue-glow);background:#0b1329f2;border-radius:8px;flex-direction:column;margin:auto 0;display:flex;overflow:hidden}.decrypt-header{background:var(--neon-blue);color:#020617;font-family:var(--font-scifi);letter-spacing:2px;justify-content:space-between;padding:12px 18px;font-size:18px;font-weight:900;display:flex}.warroom-font-boost-3x{font-size:14px;line-height:1.5}.warroom-font-boost-3x-btn{font-size:13px}.sidebar-font-boost-1-5x{font-size:13px;line-height:1.55}.sidebar-font-boost-1-5x-btn{letter-spacing:.5px;font-size:12.5px;transition:all .18s cubic-bezier(.4,0,.2,1)}@keyframes wander1{0%{opacity:.12;transform:translate(10%,60%)scale(1)}25%{opacity:.22;transform:translate(35%,68%)scale(.95)}50%{opacity:.15;transform:translate(50%,55%)scale(1.05)}75%{opacity:.18;transform:translate(25%,62%)scale(1)}to{opacity:.12;transform:translate(10%,60%)scale(1)}}@keyframes wander2{0%{opacity:.18;transform:translate(75%,50%)scale(1.05)}30%{opacity:.1;transform:translate(45%,62%)scale(1)}60%{opacity:.22;transform:translate(15%,58%)scale(.95)}85%{opacity:.15;transform:translate(55%,65%)scale(1.02)}to{opacity:.18;transform:translate(75%,50%)scale(1.05)}}.staff-silhouette-1{background:var(--neon-green);opacity:.15;clip-path:polygon(50% 0%,75% 20%,60% 25%,85% 100%,15% 100%,40% 25%,25% 20%);pointer-events:none;z-index:4;width:48px;height:96px;filter:blur(3px) drop-shadow(0 0 8px var(--neon-green-glow));animation:55s linear infinite wander1;position:absolute}.staff-silhouette-2{background:var(--neon-blue);opacity:.12;clip-path:polygon(50% 0%,75% 20%,60% 25%,85% 100%,15% 100%,40% 25%,25% 20%);pointer-events:none;z-index:4;width:44px;height:90px;filter:blur(3.5px) drop-shadow(0 0 8px var(--neon-blue-glow));animation:65s linear infinite wander2;position:absolute}.narrator-overlay{z-index:99999;box-sizing:border-box;overscroll-behavior:contain;background:#020617f5;justify-content:center;align-items:stretch;width:100vw;height:100dvh;padding:clamp(8px,2.5dvh,24px);animation:.25s cubic-bezier(.4,0,.2,1) decryptFadeIn;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.terminal-screen{border:2px solid var(--neon-green);width:100%;max-width:780px;max-height:calc(100dvh - clamp(16px,5dvh,48px));box-shadow:0 0 30px var(--neon-green-glow);background-color:#020617;background-image:radial-gradient(circle,#7d9b5414 30%,#0000 100%),linear-gradient(#7d9b5408 50%,#0000 50%);background-size:100% 100%,100% 4px;border-radius:8px;flex-direction:column;min-height:0;margin:auto 0;display:flex;overflow:hidden}.action-terminal{width:min(90vw,780px)}.terminal-header{background:var(--neon-green);color:#020617;font-family:var(--font-scifi);letter-spacing:2px;justify-content:space-between;padding:10px 16px;font-size:16px;font-weight:900;display:flex}.terminal-scroll{overscroll-behavior:contain;background:#020617;flex:auto;min-height:0;overflow-y:auto}.terminal-visual{background:#020617;width:100%;height:clamp(130px,27dvh,260px);position:relative;overflow:hidden}.terminal-visual-img{object-fit:cover;opacity:.85;width:100%;height:100%}.terminal-target-chip{border:1px solid var(--neon-green);max-width:calc(100% - 24px);color:var(--neon-green);font-family:var(--font-mono);font-size:var(--fs-caption);z-index:6;white-space:normal;background:#020617d9;border-radius:4px;padding:4px 10px;font-weight:700;position:absolute;bottom:12px;left:12px}.terminal-narrative{border-top:2px solid var(--neon-green);border-bottom:2px solid var(--neon-green);min-height:clamp(96px,19dvh,140px);color:var(--neon-green);font-size:var(--fs-h3);line-height:1.6;font-family:var(--font-mono);white-space:pre-wrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#020617;padding:clamp(14px,2.3dvh,24px);position:relative}.terminal-skip-hint{float:right;font-size:var(--fs-caption);color:#7d9b547a;text-transform:uppercase;font-family:var(--font-mono);margin-top:10px;padding:3px 0;position:sticky;bottom:0}.terminal-controls{background:#020617f2;border-top:1px solid #7d9b5442;flex-direction:column;flex:none;gap:12px;padding:clamp(12px,2dvh,20px);display:flex}.terminal-progress-head{color:var(--neon-green);font-size:var(--fs-caption);font-family:var(--font-mono);justify-content:space-between;gap:12px;margin-bottom:4px;font-weight:700;display:flex}.terminal-progress-track{border:1px solid var(--neon-green);background:#ffffff0d;border-radius:4px;width:100%;height:8px;overflow:hidden}.terminal-progress-fill{background:var(--neon-green);height:100%;box-shadow:0 0 10px var(--neon-green-glow)}.terminal-feedback{border:1px solid var(--neon-green);color:#fff;font-size:var(--fs-label);font-family:var(--font-sans);text-align:center;background:#7d9b5426;border-radius:4px;padding:12px;font-weight:700;animation:1s infinite alternate pulse}.terminal-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:2px;display:flex}.terminal-action-btn{min-width:min(190px,100%);max-width:100%;min-height:46px;font-size:var(--fs-label);letter-spacing:1.5px;white-space:normal;overflow-wrap:anywhere;padding:11px 24px;font-weight:700}.terminal-authorize-btn{animation:1.5s infinite alternate pulse}@media (height<=720px){.terminal-header{flex-wrap:wrap;gap:8px;padding:8px 12px}.terminal-visual{height:clamp(112px,24dvh,170px)}.terminal-narrative{min-height:96px;font-size:var(--fs-body);line-height:1.55}.terminal-controls{gap:8px;padding:10px}.terminal-action-btn{min-height:42px;padding:9px 18px}}.ui-font-large .terminal-visual,.ui-font-xlarge .terminal-visual{height:clamp(108px,21dvh,200px)}.ui-font-large .terminal-narrative,.ui-font-xlarge .terminal-narrative{min-height:clamp(86px,17dvh,128px)}@media (width<=620px){.action-terminal{width:100%}.terminal-actions{flex-direction:column;align-items:stretch}.terminal-action-btn{width:100%}}.typewriter-cursor:after{content:"▋";color:var(--neon-green);animation:.8s infinite cursor-blink}@keyframes cursor-blink{0%,to{opacity:0}50%{opacity:1}}.phosphor-overlay{pointer-events:none;z-index:5;background:radial-gradient(circle,#0000 30%,#7d9b5414 100%);width:100%;height:100%;position:absolute;top:0;left:0}.phosphor-overlay:after{content:"";background:linear-gradient(#7d9b5408 50%,#0000 50%) 0 0/100% 4px;width:100%;height:100%;position:absolute;top:0;left:0}.game-layout:before{content:"";pointer-events:none;z-index:0;opacity:.6;background-image:radial-gradient(1.5px 1.5px at 10% 20%,#ffffff1a 50%,#0000 100%),radial-gradient(1.5px 1.5px at 30% 70%,#ffffff14 50%,#0000 100%),radial-gradient(1px 1px at 55% 15%,#0000001f 50%,#0000 100%),radial-gradient(1.5px 1.5px at 75% 55%,#ffffff12 50%,#0000 100%),radial-gradient(1px 1px at 90% 85%,#0000001a 50%,#0000 100%),radial-gradient(1px 1px at 15% 90%,#ffffff0f 50%,#0000 100%),radial-gradient(1.5px 1.5px at 45% 45%,#ffffff0d 50%,#0000 100%),radial-gradient(1px 1px at 85% 25%,#0000001a 50%,#0000 100%);width:100%;height:100%;animation:60s linear infinite particleDrift;position:fixed;top:0;left:0}@keyframes particleDrift{0%{opacity:.6;transform:translateY(0)translate(0)}25%{opacity:.8;transform:translateY(-15px)translate(8px)}50%{opacity:.5;transform:translateY(-5px)translate(-5px)}75%{opacity:.7;transform:translateY(-20px)translate(12px)}to{opacity:.6;transform:translateY(0)translate(0)}}.game-layout>*{z-index:1;position:relative}.defcon-indicator{border-radius:var(--radius-sm);font-family:var(--font-scifi);letter-spacing:1.5px;align-items:center;gap:8px;padding:6px 16px;font-size:13px;font-weight:700;transition:all .5s;display:flex}.defcon-indicator.defcon-5{border:1px solid var(--neon-green);color:var(--neon-green);box-shadow:0 0 10px var(--neon-green-glow);background:#7d9b541a}.defcon-indicator.defcon-4{border:1px solid var(--neon-blue);color:var(--neon-blue);box-shadow:0 0 10px var(--neon-blue-glow);background:#6f97b81a}.defcon-indicator.defcon-3{border:1px solid var(--neon-yellow);color:var(--neon-yellow);box-shadow:0 0 12px var(--neon-yellow-glow);background:#c79a2e1f}.defcon-indicator.defcon-2{border:1px solid var(--neon-red);color:var(--neon-red);box-shadow:0 0 15px var(--neon-red-glow);background:#c0473a1f;animation:1.5s infinite alternate defconPulse}.defcon-indicator.defcon-1{border:2px solid var(--neon-red);color:var(--neon-red);box-shadow:0 0 25px var(--neon-red-glow);background:#c0473a33;animation:.8s infinite alternate defconPulse}@keyframes defconPulse{0%{box-shadow:0 0 10px var(--neon-red-glow)}to{box-shadow:0 0 30px var(--neon-red-glow), 0 0 60px #c0473a26}}.victory-bar-track,.defeat-bar-track{background:#ffffff0d;border-radius:4px;flex:1;height:8px;position:relative;overflow:visible}.victory-bar-fill{height:100%;box-shadow:0 0 12px var(--neon-green-glow);background:linear-gradient(90deg,#5f7a3e,#7d9b54,#9bb56e);border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.defeat-bar-fill{height:100%;box-shadow:0 0 12px var(--neon-red-glow);background:linear-gradient(90deg,#a93226,#c0473a,#cf8279);border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.bar-milestone{background:#ffffff4d;width:2px;height:14px;position:absolute;top:-3px;transform:translate(-1px)}.bar-milestone:after{content:attr(data-label);color:var(--text-dim);font-size:8px;font-family:var(--font-mono);white-space:nowrap;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.production-mini-queue{align-items:center;gap:6px;display:flex}.production-mini-item{border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--neon-blue);background:#020617b3;border:1px solid #6f97b840;align-items:center;gap:4px;padding:3px 8px;font-size:10px;animation:.3s fadeIn;display:flex}.production-mini-item .progress-ring{width:16px;height:16px}.live-clock{font-family:var(--font-mono);color:var(--neon-cyan);letter-spacing:1px;font-size:14px}.live-clock .blink-colon{animation:1s step-end infinite cursor-blink}.ken-burns-img{transform-origin:50%;animation:15s ease-in-out infinite alternate kenBurns}@keyframes kenBurns{0%{transform:scale(1)translate(0)}to{transform:scale(1.12)translate(-2%,-1%)}}.news-badge{font-family:var(--font-scifi);letter-spacing:1px;text-transform:uppercase;border-radius:2px;padding:2px 8px;font-size:8px;font-weight:700;display:inline-block}.news-badge.military{border:1px solid var(--neon-red);color:var(--neon-red);background:#c0473a26}.news-badge.diplomacy{border:1px solid var(--neon-blue);color:var(--neon-blue);background:#6f97b826}.news-badge.economy{border:1px solid var(--neon-yellow);color:var(--neon-yellow);background:#c79a2e26}.news-badge.tech{border:1px solid var(--neon-purple);color:var(--neon-purple);background:#8a7fa026}.country-select-card{border:2px solid var(--border-light);padding:var(--spacing-xl);border-radius:var(--radius-lg);cursor:pointer;background:#0b132966;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.country-select-card:before{content:"";opacity:0;background:linear-gradient(135deg,#0000 40%,#6f97b80d 100%);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.country-select-card:hover{border-color:var(--neon-blue);transform:translateY(-4px);box-shadow:0 12px 40px #6f97b826}.country-select-card:hover:before{opacity:1}.country-select-card.selected{border-color:var(--neon-blue);background:#6f97b814;box-shadow:0 0 30px #6f97b833,inset 0 0 30px #6f97b80d}.radar-chart-container{width:180px;height:180px;margin:0 auto}.chapter-transition-overlay{z-index:99999;background:#020617fa;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100dvh;animation:1s chapterFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes chapterFadeIn{0%{opacity:0}to{opacity:1}}.chapter-title{font-family:var(--font-scifi);color:var(--neon-blue);letter-spacing:6px;text-shadow:0 0 30px var(--neon-blue-glow);margin-bottom:20px;font-size:48px;font-weight:900;animation:2s infinite alternate titleGlow}@keyframes titleGlow{0%{text-shadow:0 0 20px var(--neon-blue-glow)}to{text-shadow:0 0 50px var(--neon-blue-glow), 0 0 80px #6f97b833}}.chapter-subtitle{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:3px;font-size:16px}.ending-overlay{z-index:99999;width:100vw;height:100dvh;padding:var(--spacing-xl);box-sizing:border-box;background:#020617fa;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.ending-panel{text-align:center;width:100%;max-width:700px;animation:1.5s chapterFadeIn}.ending-stats{gap:var(--spacing-md);margin:var(--spacing-xl) 0;grid-template-columns:repeat(3,1fr);display:grid}.ending-stat-card{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;background:#0b132999}.ending-stat-card .stat-value{font-family:var(--font-scifi);color:var(--neon-blue);margin-bottom:4px;font-size:28px;font-weight:900}.ending-stat-card .stat-label{color:var(--text-secondary);font-size:11px}.classified-document{border:2px solid var(--neon-red);border-radius:var(--radius-md);background:#0b1329f2;width:100%;max-width:680px;position:relative;overflow:hidden}.classified-document:before{content:"CLASSIFIED";font-family:var(--font-scifi);color:#c0473a0f;letter-spacing:12px;pointer-events:none;z-index:0;white-space:nowrap;font-size:72px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-35deg)}.classified-seal{background:var(--neon-red);color:#020617;font-family:var(--font-scifi);letter-spacing:2px;justify-content:space-between;padding:10px 20px;font-size:14px;font-weight:900;display:flex}.game-footer{padding:8px var(--spacing-lg) 6px;border:1px solid var(--steel-edge);font-family:var(--font-mono);color:var(--text-secondary);background:repeating-linear-gradient(45deg,#c79a2e 0 8px,#1a1d22 8px 16px) top/100% 3px no-repeat,linear-gradient(#3b434c 0%,#2a3138 100%);border-top:none;border-radius:3px;grid-area:footer;justify-content:space-between;align-items:center;min-height:46px;font-size:11px;display:flex;box-shadow:inset 0 -1px #0006,0 -2px 10px #00000059}.hud-shell{box-sizing:border-box;overscroll-behavior:auto;flex-direction:column;gap:8px;width:100%;max-width:100%;height:auto;min-height:100dvh;padding:8px;display:flex;position:relative;overflow:hidden visible}.hud-shell>:not(.narrator-overlay):not(.chapter-transition-overlay):not(.ending-overlay):not(.drawer-scrim):not(.drawer-panel){z-index:1;position:relative}.hud-shell,.hud-shell *{min-width:0}.hud-shell button:not(.drawer-toggle):not(.to-pill){overflow-wrap:anywhere;max-width:100%}.hud-topbar{border:1px solid var(--steel-edge);border-top-color:var(--bevel-hi);min-height:54px;box-shadow:inset 0 1px 0 var(--bevel-hi), 0 4px 14px #00000080;background:linear-gradient(#475059 0%,#333b44 100%);border-bottom:3px solid #14181d;border-radius:3px;flex-wrap:wrap;align-items:center;gap:12px;padding:6px 12px;display:flex}.hud-identity{align-items:center;gap:8px;display:flex}.hud-fleetsum{font-family:var(--font-mono);flex:1;justify-content:center;gap:14px;display:flex}.hud-fleetsum .fs-item{color:var(--text-secondary);letter-spacing:.5px;font-size:12px}.hud-fleetsum .fs-item b{font-size:16px}.hud-resources{font-family:var(--font-mono);gap:10px;display:flex}.hud-res{border:1px solid var(--steel-edge);border-top-color:var(--bevel-hi);background:#0c11168c;border-radius:4px;flex-direction:column;align-items:flex-end;padding:3px 12px;display:flex}.hud-res-k{color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;font-size:10px}.hud-res-v{font-size:19px;font-weight:700;line-height:1.05}.hud-res-v small{opacity:.7;margin-left:2px;font-size:10px}.hud-drawer-toggles{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.drawer-toggle{cursor:pointer;border:1px solid var(--steel-edge);border-top-color:var(--bevel-hi);min-width:50px;min-height:44px;color:var(--text-secondary);font-size:calc(20px * var(--ui-icon-scale));background:linear-gradient(#363d45,#272d34);border-radius:4px;flex-direction:column;align-items:center;gap:1px;padding:5px 10px;transition:all .15s;display:flex;position:relative}.drawer-toggle .dt-label{font-size:var(--fs-micro);font-family:var(--font-scifi);letter-spacing:1px}.drawer-toggle:hover{color:#fff;border-color:var(--neon-blue)}.drawer-toggle.on{background:var(--neon-blue);color:#0c1116;border-color:var(--neon-blue);box-shadow:0 0 12px var(--neon-blue-glow)}.settings-toggle{color:var(--neon-yellow)}.dt-badge{background:var(--neon-red);width:8px;height:8px;box-shadow:0 0 6px var(--neon-red);border-radius:50%;animation:1.2s infinite alternate defconPulse;position:absolute;top:3px;right:4px}.dt-badge.broadcast{background:var(--neon-yellow);color:#0c1116;width:auto;min-width:16px;height:16px;font-family:var(--font-mono);box-shadow:0 0 8px var(--neon-yellow-glow);border:1px solid #02060acc;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;display:inline-flex;top:-5px;right:-5px}.turn-orders{border:1px solid var(--steel-edge);border-left:3px solid var(--neon-yellow);background:linear-gradient(#2c333beb,#1d2228eb);border-radius:3px;flex-wrap:wrap;flex:none;align-items:flex-start;gap:10px;min-height:38px;padding:5px 12px;display:flex}.turn-orders .to-label{font-family:var(--font-scifi);font-size:var(--fs-caption);color:var(--neon-yellow);letter-spacing:1px;flex:none;align-items:center;gap:5px;display:flex}.turn-orders .to-count{background:var(--neon-yellow);color:#0c1116;font-size:var(--fs-caption);text-align:center;border-radius:8px;min-width:16px;padding:0 6px;font-weight:700}.turn-orders .to-clear{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--neon-green)}.turn-orders .to-list{flex-wrap:wrap;flex:420px;gap:6px;padding-bottom:2px;display:flex;overflow:visible}.to-pill{cursor:pointer;white-space:normal;max-width:100%;font-family:var(--font-sans);font-size:var(--fs-caption);text-align:left;background:#0c111699;border:1px solid;border-radius:14px;flex:0 auto;align-items:center;gap:5px;padding:5px 10px;font-weight:600;line-height:1.25;transition:all .15s;display:flex}.to-pill:hover{background:#ffffff14;transform:translateY(-1px)}.to-pill .to-ico{font-size:calc(14px * var(--ui-icon-scale))}.end-turn-btn.ready{animation:1.6s infinite alternate endTurnReady}@keyframes endTurnReady{0%{box-shadow:inset 0 1px 0 var(--bevel-hi), 0 0 4px var(--neon-green-glow)}to{box-shadow:inset 0 1px 0 var(--bevel-hi), 0 0 18px var(--neon-green-glow), 0 0 28px #7d9b544d}}.hud-stage{flex-direction:column;flex:auto;gap:8px;min-height:clamp(520px,100dvh - 240px,760px);display:flex;overflow:visible}.stage-viewer{flex:0 0 34%;min-height:200px;overflow:hidden}.stage-right{flex-direction:column;flex:auto;gap:8px;min-height:0;display:flex}.stage-tabs{flex-wrap:wrap;flex:none;gap:8px;display:flex}.stage-tab{cursor:pointer;font-family:var(--font-scifi);letter-spacing:1px;border:1px solid var(--steel-edge);border-top-color:var(--bevel-hi);color:var(--text-secondary);background:linear-gradient(#363d45,#272d34);border-radius:3px;flex:180px;padding:9px;font-size:14px;transition:all .15s}.stage-tab:hover{color:#fff}.stage-tab.on{background:var(--neon-blue);color:#0c1116;box-shadow:0 0 14px var(--neon-blue-glow);font-weight:700}.stage-body{overscroll-behavior:contain;flex:auto;min-height:0;overflow:auto}.deck-unit{transition:opacity .15s}.deck-unit:hover{opacity:.85}@media (width>=1100px){.hud-stage{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(360px,42%) minmax(0,1fr);gap:10px;display:grid}.stage-viewer{flex:none;height:100%;min-height:0}.stage-right{height:100%;min-height:0}}.hud-bottombar{border:1px solid var(--steel-edge);background:repeating-linear-gradient(45deg,#c79a2e 0 8px,#1a1d22 8px 16px) top/100% 3px no-repeat,linear-gradient(#3b434c,#2a3138);border-radius:3px;flex-wrap:wrap;flex:none;align-items:center;gap:16px;min-height:46px;padding:6px 14px 8px;display:flex;box-shadow:inset 0 -1px #0006,0 -2px 10px #00000059}.bottom-objectives{flex-wrap:wrap;flex:1;align-items:center;gap:14px;display:flex}.obj-bar{flex:1;align-items:center;gap:6px;min-width:170px;max-width:280px;display:flex}.end-turn-btn{flex:none;max-width:100%;white-space:normal!important}.drawer-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:300;background:#080b0e99;animation:.2s decryptFadeIn;position:fixed;inset:0}.drawer-panel{z-index:301;border-left:1px solid var(--steel-edge);background:linear-gradient(#2c333b,#1d2228);flex-direction:column;width:min(440px,94vw);height:100dvh;animation:.22s cubic-bezier(.4,0,.2,1) drawerIn;display:flex;position:fixed;top:0;right:0;box-shadow:-8px 0 30px #0009}@keyframes drawerIn{0%{opacity:.3;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.drawer-head{font-family:var(--font-scifi);color:#fff;letter-spacing:1px;background:linear-gradient(#475059,#333b44);border-bottom:2px solid #14181d;flex:none;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;display:flex}.drawer-close{border:1px solid var(--steel-edge);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:3px;width:26px;height:26px;font-size:13px}.drawer-close:hover{color:#fff;border-color:var(--neon-red)}.drawer-body{flex-direction:column;flex:1;min-height:0;padding:12px;display:flex;overflow:auto}.drawer-body>*{flex:none;min-height:auto}.settings-panel{flex-direction:column;flex:1;gap:14px;display:flex}.settings-section{border:1px solid var(--steel-edge);border-top-color:var(--bevel-hi);background:#0c11169e;border-radius:4px;padding:14px;box-shadow:inset 0 1px #ffffff0d}.settings-section-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.settings-section-icon{width:calc(42px * var(--ui-icon-scale));height:calc(42px * var(--ui-icon-scale));border:1px solid var(--neon-yellow);color:var(--neon-yellow);font-family:var(--font-scifi);font-size:var(--fs-h3);background:#c79a2e14;border-radius:4px;flex:none;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.settings-title{font-family:var(--font-scifi);font-size:var(--fs-h3);color:#fff;letter-spacing:1px;font-weight:900}.settings-subtitle{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-secondary);margin-top:2px}.font-size-segment{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.font-size-option{cursor:pointer;border:1px solid var(--steel-edge);border-top-color:var(--bevel-hi);min-height:72px;color:var(--text-secondary);font-family:var(--font-scifi);font-size:var(--fs-body);text-align:center;overflow-wrap:anywhere;background:linear-gradient(#363d45,#272d34);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;font-weight:800;transition:all .16s;display:flex}.font-size-option:hover{color:#fff;border-color:var(--neon-yellow)}.font-size-option.active{background:var(--neon-yellow);color:#0c1116;border-color:var(--neon-yellow);box-shadow:0 0 14px var(--neon-yellow-glow)}.font-size-sample{font-family:var(--font-scifi);font-size:calc(18px * var(--ui-font-scale));line-height:1}.settings-db-note{border-left:3px solid var(--neon-blue);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-caption);background:#6f97b814;margin-top:12px;padding:8px 10px;line-height:1.5}.intro-screen.intro-cinematic{color:#f7fafc;background:#071018;width:100vw;min-height:100dvh;position:relative;overflow:auto}.intro-hero-image,.intro-hero-grade,.intro-grid-noise{pointer-events:none;position:fixed;inset:0}.intro-hero-image{filter:saturate(1.05)contrast(1.08)brightness(.86);background-image:url(/naval-war-hero.png);background-position:100%;background-size:cover;transform:scale(1.01)}.intro-hero-grade{background:linear-gradient(90deg,#03070cf5 0%,#060c14db 34%,#060c1442 68%,#03070c9e 100%),linear-gradient(#03070c85 0%,#03070c1f 58%,#03070cf0 100%)}.intro-grid-noise{opacity:.34;mix-blend-mode:screen;background-image:linear-gradient(#6f97b81a 1px,#0000 1px),linear-gradient(90deg,#6f97b814 1px,#0000 1px);background-size:96px 96px;-webkit-mask-image:linear-gradient(90deg,#000 0% 48%,#0000 78%);mask-image:linear-gradient(90deg,#000 0% 48%,#0000 78%)}.intro-top-nav{z-index:2;justify-content:space-between;align-items:center;gap:20px;padding:22px 34px 0;display:flex;position:relative}.intro-brand{align-items:center;gap:12px;min-width:0;display:flex}.intro-brand-mark{color:#fff;width:42px;height:42px;font-family:var(--font-stencil);font-size:var(--fs-label);background:#030a10a3;border:1px solid #6f97b8bf;justify-content:center;align-items:center;display:inline-flex}.intro-brand strong,.intro-brand span{display:block}.intro-brand strong{font-family:var(--font-scifi);font-size:var(--fs-h3);color:#fff}.intro-brand span:last-child{font-family:var(--font-mono);font-size:var(--fs-caption);color:#8fb6d3;margin-top:2px}.intro-hero-layout{z-index:1;grid-template-columns:minmax(360px,.95fr) minmax(420px,.72fr);align-items:start;gap:32px;min-height:calc(100dvh - 64px);padding:28px 34px 42px;display:grid;position:relative}.intro-hero-copy{max-width:720px}.intro-hero-copy h1{font-family:var(--font-stencil);font-size:calc(62px * var(--ui-font-scale));color:#fff;text-shadow:0 8px 40px #000000b8;margin:0;line-height:.96}.intro-warline{font-family:var(--font-scifi);font-size:var(--fs-h2);color:#ffcab1;text-shadow:0 0 24px #c0473a75;margin:18px 0 0}.intro-story{color:#cfd8e3;max-width:650px;font-size:var(--fs-base);margin:18px 0 0;line-height:1.75}.intro-signal-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:560px;margin:28px 0 0;display:grid}.intro-signal-row div{background:#050c1394;border:1px solid #6f97b852;border-left:3px solid #c0473a;padding:12px 14px}.intro-signal-row strong,.intro-signal-row span{display:block}.intro-signal-row strong{font-family:var(--font-mono);font-size:var(--fs-h1);color:#fff}.intro-signal-row span{font-size:var(--fs-caption);color:#9fb4c4;margin-top:3px}.intro-primary-cta{color:#fff;min-height:56px;font-family:var(--font-scifi);font-size:var(--fs-h3);cursor:pointer;background:linear-gradient(#d36c3f 0%,#9e382d 100%);border:1px solid #ffb085;border-radius:3px;margin-top:30px;padding:0 34px;font-weight:900;box-shadow:0 16px 48px #c0473a47,inset 0 1px #ffffff38}.intro-primary-cta:hover{filter:brightness(1.08);transform:translateY(-1px)}.intro-resume-panel{border:1px solid #7d9b546b;border-left:4px solid var(--neon-green);background:#030a10b8;border-radius:4px;max-width:560px;margin-top:16px;box-shadow:0 12px 34px #00000057,inset 0 1px #ffffff0f}.intro-resume-head{border-bottom:1px solid #7d9b5438;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 12px;display:flex}.intro-resume-head span{font-family:var(--font-scifi);font-size:var(--fs-label);color:#fff;letter-spacing:1px;font-weight:900}.intro-resume-head small{color:#b7cda8;font-family:var(--font-mono);font-size:var(--fs-caption)}.intro-resume-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.intro-resume-card div{flex-direction:column;gap:4px;min-width:0;display:flex}.intro-resume-card strong,.intro-resume-card span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.intro-resume-card strong{color:#fff;font-family:var(--font-scifi);font-size:var(--fs-body);font-weight:900}.intro-resume-card span,.intro-resume-empty,.intro-resume-status{color:#b8c7d3;font-family:var(--font-mono);font-size:var(--fs-caption)}.intro-resume-empty,.intro-resume-status{padding:10px 12px 12px;line-height:1.5}.intro-resume-status{color:var(--neon-yellow);padding-top:0}.intro-resume-btn{color:#fff;cursor:pointer;min-height:38px;font-family:var(--font-scifi);font-size:var(--fs-caption);letter-spacing:1px;white-space:nowrap;background:linear-gradient(#7d9b5461,#4e6638a3);border:1px solid #7d9b549e;border-radius:3px;padding:8px 14px;font-weight:900}.intro-resume-btn:hover:not(:disabled){border-color:var(--neon-green);box-shadow:0 0 14px var(--neon-green-glow)}.intro-resume-btn:disabled{opacity:.5;cursor:not-allowed}.intro-boot-strip{max-width:560px;font-family:var(--font-mono);font-size:var(--fs-caption);background:#00000038;border-top:1px solid #6f97b842;border-bottom:1px solid #6f97b833;grid-template-columns:150px 1fr;align-items:center;gap:12px;margin-top:24px;padding:10px 12px;display:grid}.intro-boot-strip span{color:#8fb6d3}.intro-boot-strip div{color:#d9e8f2;min-width:0}.intro-boot-strip b{color:var(--neon-blue);animation:.8s infinite blink}.intro-command-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080f17c7;border:1px solid #6f97b85c;border-top-color:#ffffff24;border-radius:6px;max-height:calc(100dvh - 150px);overflow:auto;box-shadow:0 24px 70px #00000085,inset 0 1px #ffffff0f}.intro-panel-head{background:#0f1b27b8;border-bottom:1px solid #6f97b83d;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.intro-panel-head span{font-family:var(--font-scifi);font-size:var(--fs-h3);color:#fff;font-weight:900}.intro-panel-head small{color:#9fb4c4;font-family:var(--font-mono);font-size:var(--fs-caption);text-align:right}.intro-country-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px 18px 0;display:grid}.intro-country-card{color:#d8e2eb;text-align:left;cursor:pointer;background:#0a121bc7;border:1px solid #6f97b838;border-radius:5px;align-items:center;gap:12px;min-height:74px;display:flex}.intro-country-card:hover{border-color:#6f97b8b8}.intro-country-card.active{background:#8030245c;border-color:#ffb085;box-shadow:inset 0 0 0 1px #ffb08538}.intro-country-flag{font-size:calc(30px * var(--ui-icon-scale));line-height:1}.intro-country-card strong,.intro-country-card small{display:block}.intro-country-card strong{font-size:var(--fs-label);color:#fff}.intro-country-card small{color:#9fb4c4;font-size:var(--fs-caption);margin-top:4px}.intro-briefing{background:#02070c85;border:1px solid #6f97b833;margin:16px 18px 18px;padding:16px}.intro-briefing-title{align-items:center;gap:10px;margin-bottom:10px;display:flex}.intro-briefing-title span{font-size:calc(34px * var(--ui-icon-scale))}.intro-briefing-title strong{font-family:var(--font-scifi);font-size:var(--fs-h2);color:#fff}.intro-briefing p{color:#c7d3df;font-size:var(--fs-body);margin:0;line-height:1.62}.intro-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.intro-fact-grid div{font-family:var(--font-mono);font-size:var(--fs-caption);background:#6f97b814;border:1px solid #6f97b821;justify-content:space-between;gap:10px;padding:9px 10px;display:flex}.intro-fact-grid span{color:#93a9bb}.intro-fact-grid strong{color:#fff}.intro-trait{border-left:3px solid var(--neon-green);margin-top:12px;padding-left:12px}.intro-trait strong,.intro-trait span{display:block}.intro-trait strong{color:#b8d98b;font-size:var(--fs-label)}.intro-trait span{color:#b6c4cf;font-size:var(--fs-body);margin-top:4px;line-height:1.52}.google-login-box{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.google-login-box.compact{align-items:flex-end;min-width:220px}.google-login-button-host{min-height:40px}.google-login-status,.google-login-error{font-family:var(--font-mono);font-size:var(--fs-caption);line-height:1.35}.google-login-status{color:#9fb4c4}.google-login-error{color:#ffb7a8;text-align:right;max-width:300px}.google-player-chip{background:#030a10ad;border:1px solid #6f97b852;border-radius:4px;align-items:center;gap:10px;padding:7px 8px;display:flex}.google-player-chip.compact{max-width:320px}.google-player-avatar{object-fit:cover;border:1px solid #ffffff38;border-radius:50%;width:34px;height:34px}.google-player-avatar.fallback{color:#fff;background:#253544;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.google-player-meta{flex-direction:column;min-width:0;display:flex}.google-player-name,.google-player-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.google-player-name{color:#fff;max-width:170px;font-family:var(--font-scifi);font-size:var(--fs-body);font-weight:800}.google-player-email{color:#94a3b8;max-width:220px;font-size:var(--fs-caption)}.cloud-link-btn{color:#cbd5e1;cursor:pointer;font-size:var(--fs-caption);background:#6f97b81a;border:1px solid #6f97b857;border-radius:3px;padding:5px 8px}.cloud-link-btn:hover{color:#fff;border-color:#ffb085}.dt-badge.online{background:var(--neon-green);box-shadow:0 0 6px var(--neon-green)}.cloud-panel{flex-direction:column;gap:12px;min-height:100%;display:flex}.cloud-section{border:1px solid var(--steel-edge);border-top-color:var(--bevel-hi);background:#0a0f1494;border-radius:4px;padding:12px}.cloud-section-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.cloud-section-head span{font-family:var(--font-scifi);font-size:var(--fs-h3);color:#fff;font-weight:900}.cloud-section-head small{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-caption)}.cloud-empty,.cloud-status{border-left:3px solid var(--neon-blue);color:var(--text-secondary);font-size:var(--fs-body);background:#6f97b814;padding:10px 12px;line-height:1.55}.cloud-status{border-left-color:var(--neon-yellow);font-family:var(--font-mono);font-size:var(--fs-caption)}.resume-section{background:linear-gradient(#7d9b541f,#0a0f14a3),#0a0f1494;border-color:#7d9b5473}.latest-save-card{border:1px solid #7d9b545c;border-left:4px solid var(--neon-green);background:#02060a75;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.latest-save-meta{flex-direction:column;gap:5px;min-width:0;display:flex}.latest-save-meta strong,.latest-save-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.latest-save-meta strong{color:#fff;font-family:var(--font-scifi);font-size:var(--fs-label);font-weight:900}.latest-save-meta span{color:#b8c7d3;font-family:var(--font-mono);font-size:var(--fs-caption)}.latest-save-btn{white-space:nowrap;min-height:38px;padding:8px 14px}.save-slot-list{flex-direction:column;gap:8px;display:flex}.save-slot-row{background:#02060a61;border:1px solid #ffffff12;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.save-slot-index{color:#c8e7ff;width:38px;height:38px;font-family:var(--font-mono);font-size:var(--fs-body);border:1px solid #6f97b873;justify-content:center;align-items:center;display:inline-flex}.save-slot-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.save-slot-meta strong,.save-slot-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.save-slot-meta strong{color:#fff;font-size:var(--fs-body)}.save-slot-meta span{color:#9aa9b7;font-size:var(--fs-caption)}.save-slot-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.cloud-mini-btn{color:#dbeafe;cursor:pointer;min-height:32px;font-family:var(--font-scifi);font-size:var(--fs-caption);white-space:normal;overflow-wrap:anywhere;background:#6f97b81a;border:1px solid #6f97b85c;border-radius:3px;max-width:100%;padding:0 10px;font-weight:800}.cloud-mini-btn:disabled{opacity:.45;cursor:not-allowed}.cloud-mini-btn:hover:not(:disabled){border-color:var(--neon-blue);color:#fff}.broadcast-input{resize:vertical;box-sizing:border-box;color:#e5edf5;width:100%;min-height:82px;font-family:var(--font-sans);font-size:var(--fs-body);background:#02060a85;border:1px solid #6f97b842;border-radius:4px;padding:10px;line-height:1.5}.broadcast-input:focus{border-color:var(--neon-blue);outline:none;box-shadow:0 0 0 1px #6f97b84d}.broadcast-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.broadcast-actions span{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-caption)}.broadcast-feed{flex-direction:column;gap:8px;max-height:34vh;margin-top:12px;display:flex;overflow:auto}.broadcast-empty,.broadcast-card{background:#02060a5c;border:1px solid #ffffff12;padding:10px}.broadcast-empty{color:var(--text-secondary);font-size:var(--fs-body)}.broadcast-card-head,.broadcast-status{justify-content:space-between;align-items:center;gap:8px;display:flex}.broadcast-card-head span{text-overflow:ellipsis;white-space:nowrap;color:#fff;min-width:0;font-family:var(--font-scifi);font-size:var(--fs-body);font-weight:800;overflow:hidden}.broadcast-card-head time{color:#8ca3b4;font-family:var(--font-mono);font-size:var(--fs-caption);white-space:nowrap}.broadcast-card p{color:#d6e0e8;font-size:var(--fs-body);margin:8px 0;line-height:1.45}.broadcast-status{color:#9fb4c4;font-family:var(--font-mono);font-size:var(--fs-caption);flex-wrap:wrap}@media (width<=820px){.intro-screen.intro-cinematic{min-height:100dvh;overflow:auto}.intro-hero-image{background-position:50%}.intro-hero-grade{background:linear-gradient(#03070c94 0%,#03070cb8 58%,#03070cfa 100%),linear-gradient(90deg,#03070ceb,#03070c6b)}.intro-top-nav{flex-direction:column;align-items:flex-start;padding:14px 14px 0}.intro-hero-layout{flex-direction:column;gap:18px;min-height:auto;padding:26px 14px 22px;display:flex}.intro-hero-copy h1{font-size:calc(42px * var(--ui-font-scale))}.intro-story{margin-top:12px;line-height:1.55}.intro-signal-row{grid-template-columns:1fr;gap:8px;margin-top:18px}.intro-signal-row div{padding:9px 12px}.intro-primary-cta{margin-top:20px}.intro-resume-card{grid-template-columns:1fr}.intro-resume-btn{width:100%}.intro-boot-strip{grid-template-columns:1fr}.intro-command-panel{width:100%;max-height:none}.intro-country-grid,.intro-fact-grid{grid-template-columns:1fr}.save-slot-row{grid-template-columns:38px minmax(0,1fr)}.save-slot-actions{grid-column:2;justify-content:flex-start}.latest-save-card{grid-template-columns:1fr}.latest-save-btn{width:100%}.hud-topbar{gap:8px;padding:6px 8px}.hud-fleetsum{flex:100%;order:3;justify-content:space-around;gap:8px}.hud-resources{gap:8px;margin-left:auto}.hud-res{padding:2px 9px}.hud-res-v{font-size:16px}.drawer-panel{border-left:none;width:100dvw;max-width:100dvw;left:0;right:0}.hud-stage{min-height:auto}.stage-viewer{flex:0 0 24vh;min-height:150px}.stage-body{flex:auto}.stage-tabs{flex-direction:column}.stage-tab{flex:0 auto;width:100%}.drawer-toggle{min-width:48px;min-height:46px;padding:5px}.drawer-toggle .dt-label{font-size:9px}.turn-orders{align-items:stretch}.turn-orders .to-list{flex-basis:100%}.to-pill{width:100%}.obj-bar{min-width:110px;max-width:none}.stage-tab{padding:9px;font-size:13px}.turn-orders .to-label{font-size:11px}.to-pill{padding:5px 9px;font-size:11px}.world-broadcast-ribbon{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:5px 8px}.wbr-message,.wbr-status{white-space:normal;grid-column:1/-1}}@media (width<=520px){.font-size-segment{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-bottombar{align-items:stretch}.end-turn-btn{width:100%}}