@font-face{font-family:FrozenDisplay;src:local("Arial Narrow");font-display:swap}:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #07131f;--bg-2: #0a1b29;--panel: rgba(14, 35, 49, .94);--panel-light: rgba(24, 52, 69, .92);--line: rgba(157, 220, 232, .19);--line-strong: rgba(159, 231, 242, .42);--ice: #69def0;--ice-bright: #d9fbff;--violet: #a887f5;--fire: #ff9255;--gold: #f2c66e;--green: #6edcb0;--red: #f06d7a;--text: #ecf9fb;--muted: #8ca7b6;--shadow: 0 14px 42px rgba(0, 7, 13, .55);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:#040c13;color:var(--text);overflow:hidden;overscroll-behavior:none}button,input,textarea,select{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--ice);outline-offset:2px}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin-top:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#79bdcd52;border-radius:10px}::-webkit-scrollbar-track{background:#0000001f}.fe-button{border:1px solid transparent;border-radius:7px;min-height:40px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:850;letter-spacing:.045em;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:transform .16s ease,filter .16s ease,border-color .16s ease;text-shadow:0 1px 2px rgba(0,0,0,.4)}.fe-button:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.18) 48%,transparent 70%);transform:translate(-120%);transition:transform .5s ease}.fe-button:hover:not(:disabled):after{transform:translate(120%)}.fe-button:hover:not(:disabled){filter:brightness(1.12)}.fe-button:active:not(:disabled){transform:scale(.975)}.fe-button:disabled{opacity:.44;filter:saturate(.45)}.fe-button--primary{background:linear-gradient(180deg,#3cacc1,#187489);border-color:#73ddec;box-shadow:inset 0 1px #ffffff2e,0 5px 16px #1d97b240}.fe-button--secondary{background:linear-gradient(180deg,#3b5b6cf2,#1c3746f2);border-color:#99d3df59}.fe-button--ghost{background:#6fbed00f;border-color:#84d3e242;color:#bde8ee}.fe-button--gold{background:linear-gradient(180deg,#e9bc63,#ae722f);border-color:#ffe4a3;color:#1b1b1b;text-shadow:0 1px rgba(255,255,255,.4);box-shadow:0 6px 18px #d89c423b}.fe-button--danger{background:#77283573;border-color:#f4697957;color:#ffb5bd}.fe-button--sm{min-height:32px;padding:0 11px;font-size:10px}.fe-button--lg{width:100%;min-height:48px;font-size:12px}.icon-button{width:36px;height:36px;border:1px solid var(--line);background:#ffffff0a;border-radius:7px;display:grid;place-items:center;cursor:pointer}.metal-panel{background:linear-gradient(155deg,#1d3a4bf2,#0a1d2af7);border:1px solid var(--line);border-radius:9px;box-shadow:inset 0 1px #ffffff09,var(--shadow);position:relative}.metal-panel:before{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.025);border-radius:6px;pointer-events:none}.metal-panel--glow{border-color:#5fdcec6b;box-shadow:inset 0 1px #ffffff0f,0 0 24px #4fcadf1a,var(--shadow)}.eyebrow{color:var(--ice);font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;line-height:1.4}.screen-header{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:18px 16px 13px}.screen-header h1{margin:3px 0 1px;font-family:FrozenDisplay,Arial Narrow,sans-serif;font-stretch:condensed;text-transform:uppercase;letter-spacing:.025em;font-size:clamp(25px,6vw,35px);line-height:1}.screen-header p{color:var(--muted);font-size:11px;margin:5px 0 0}.screen-header__action{flex:none}.progress-block{min-width:0}.progress-meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px;margin-bottom:5px;text-transform:uppercase;letter-spacing:.06em}.progress-meta strong{color:#dceef1;font-size:9px}.progress-track{height:6px;background:#00000059;border:1px solid rgba(255,255,255,.06);border-radius:99px;overflow:hidden}.progress-track i{display:block;height:100%;min-width:2px;border-radius:inherit;background:linear-gradient(90deg,#288fa8,#81edfa);box-shadow:0 0 10px #62dff0;transition:width .4s ease}.progress-track--fire i{background:linear-gradient(90deg,#9e394a,#ff835e);box-shadow:0 0 10px #ef694f}.progress-track--gold i{background:linear-gradient(90deg,#a96b2c,#f7d678);box-shadow:0 0 10px #e9bb55}.progress-track--violet i{background:linear-gradient(90deg,#6546a7,#ba91ff);box-shadow:0 0 10px #9b78e7}.progress-track--green i{background:linear-gradient(90deg,#27876d,#76e3ae);box-shadow:0 0 10px #62d9a1}.resource-cost{display:flex;flex-wrap:wrap;gap:7px}.resource-cost>span{background:#0000003b;border:1px solid rgba(255,255,255,.07);border-radius:5px;padding:5px 8px;display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800}.resource-cost>span b{color:var(--resource-color);font-size:13px}.resource-cost--compact>span{padding:3px 6px;font-size:9px}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(max-content,1fr);padding:3px;background:#00000042;border:1px solid var(--line);border-radius:8px;overflow-x:auto}.segmented button{min-height:31px;padding:0 10px;color:#89a3b0;background:transparent;border:0;border-radius:5px;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.055em;white-space:nowrap;cursor:pointer}.segmented button.active{color:#eefcff;background:linear-gradient(180deg,#4f9cb28c,#2b5e6f80);box-shadow:inset 0 1px #ffffff1a}.stat-tile{padding:9px 10px;background:#0000002e;border:1px solid rgba(160,216,226,.1);border-radius:6px;display:flex;flex-direction:column;gap:4px;min-width:0}.stat-tile span{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.stat-tile strong{font-size:14px;overflow:hidden;text-overflow:ellipsis}.empty-state{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);padding:24px}.empty-state__icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;color:var(--ice);background:#4fc2d817;border:1px solid rgba(111,217,235,.22);margin-bottom:12px}.empty-state h3{color:var(--text);margin:0 0 5px;font-size:15px}.empty-state p{font-size:11px;max-width:270px;margin:0 0 14px}.section-label{display:flex;justify-content:space-between;align-items:center;margin:14px 2px 8px}.section-label>span{color:#d7eef2;font-size:9px;font-weight:900;letter-spacing:.12em}.section-label>small{color:var(--muted);font-size:9px}.field-label{display:flex;justify-content:space-between;margin:12px 0 5px;color:#a9c3cd;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.field-label small{font-weight:500;color:#6c8998}input,textarea,select{width:100%;background:#020d1599;color:var(--text);border:1px solid rgba(133,199,213,.25);border-radius:7px;padding:0 12px;min-height:43px;font-size:13px}textarea{padding:10px 12px;resize:vertical;min-height:90px}input::placeholder,textarea::placeholder{color:#5d7887}input[type=range]{appearance:none;height:7px;padding:0;min-height:7px;border:0;border-radius:9px;background:linear-gradient(90deg,#2e91aa,#6adbea)}input[type=range]::-webkit-slider-thumb{appearance:none;width:19px;height:19px;border-radius:50%;background:#e6fbfd;border:4px solid #3a9fb5;box-shadow:0 2px 8px #06141e}.helper-copy{color:var(--muted);font-size:10px;line-height:1.5}.button-spinner{width:17px;height:17px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero-portrait{--size: 68px;width:var(--size);height:calc(var(--size) * 1.16);flex:0 0 auto;position:relative;border-radius:8px;overflow:hidden;border:2px solid var(--rarity);background:linear-gradient(145deg,var(--hero-a),var(--hero-b) 68%);box-shadow:inset 0 0 20px #ffffff24,0 5px 16px #00000059}.hero-portrait--xs{--size: 30px;border-width:1px;border-radius:5px}.hero-portrait--sm{--size: 44px}.hero-portrait--md{--size: 60px}.hero-portrait--lg{--size: 82px}.hero-portrait--xl{--size: 126px}.hero-portrait__aurora{position:absolute;width:150%;height:60%;left:-25%;top:-12%;background:radial-gradient(ellipse,rgba(255,255,255,.4),transparent 65%);transform:rotate(-12deg)}.hero-portrait__silhouette{position:absolute;inset:10% 9% 0;filter:drop-shadow(0 3px 5px rgba(0,0,0,.42))}.hero-portrait__head{position:absolute;width:33%;aspect-ratio:.86;border-radius:46% 46% 42% 42%;background:linear-gradient(145deg,#f4d2bb,#9d6c68);left:33%;top:15%;box-shadow:0 -4px #172536}.hero-portrait__body{position:absolute;width:78%;height:55%;border-radius:48% 48% 10% 10%;background:linear-gradient(135deg,#041621f5,#27404fe6);left:11%;top:43%;border-top:3px solid rgba(255,255,255,.22)}.hero-portrait__silhouette b{position:absolute;z-index:2;left:50%;top:61%;transform:translate(-50%,-50%);color:#ffffffd9;font-size:calc(var(--size) * .15);letter-spacing:-.03em}.hero-portrait__rarity{position:absolute;top:3px;right:3px;color:var(--rarity);display:flex;flex-direction:column}.hero-portrait__level{position:absolute;left:0;bottom:0;right:0;padding:3px;background:#020a11c7;font-size:calc(var(--size) * .12);font-weight:800;text-align:center}.hero-portrait__lock{position:absolute;inset:0;display:grid;place-items:center;background:#01090f9e;color:#b4c2c9}.hero-portrait.is-locked{filter:saturate(.15);border-color:#536873}.hero-portrait.is-selected{box-shadow:0 0 0 2px #eafdff,0 0 22px var(--ice)}.commander-avatar{--avatar-size: 45px;width:var(--avatar-size);height:var(--avatar-size);flex:0 0 auto;border-radius:50%;border:2px solid #c9f4f8;background:linear-gradient(145deg,var(--avatar-a),var(--avatar-b));position:relative;overflow:hidden;box-shadow:inset 0 0 15px #fff3,0 0 0 2px #194455cc}.commander-avatar--sm{--avatar-size: 34px}.commander-avatar--lg{--avatar-size: 72px}.commander-avatar span{position:absolute;width:33%;height:34%;border-radius:46%;background:#e9bca8;left:34%;top:18%;box-shadow:0 -5px #162534}.commander-avatar i{position:absolute;width:72%;height:45%;border-radius:50% 50% 5px 5px;background:#172a3a;left:14%;top:52%}.commander-avatar b{position:absolute;inset:0;display:grid;place-items:center;padding-top:18px;color:#ffffffc7;font-size:calc(var(--avatar-size) * .18);z-index:2}.modal-backdrop,.drawer-backdrop{position:fixed;inset:0;z-index:800;background:#01070cbd;backdrop-filter:blur(5px);display:flex;align-items:flex-end;justify-content:center;animation:fade-in .18s ease}.modal-sheet{width:min(100%,660px);max-height:min(88vh,860px);border:1px solid rgba(166,227,237,.32);border-bottom:0;border-radius:16px 16px 0 0;background:linear-gradient(160deg,#173446,#091d2b 48%,#071722);box-shadow:0 -18px 60px #0000008c;animation:sheet-up .25s ease;overflow:hidden}.modal-grab,.drawer-handle{width:42px;height:4px;border-radius:4px;background:#c5e6eb47;margin:7px auto 0}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px 11px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent)}.modal-header h2{font-family:FrozenDisplay,Arial Narrow,sans-serif;text-transform:uppercase;letter-spacing:.035em;font-size:20px;margin:2px 0 0}.modal-body{max-height:calc(min(88vh,860px) - 72px);overflow:auto;padding:15px;padding-bottom:calc(20px + var(--safe-bottom))}@keyframes sheet-up{0%{transform:translateY(45px);opacity:0}}.drawer-backdrop{justify-content:flex-start;align-items:stretch}.profile-drawer{width:min(89vw,380px);min-height:100%;padding:calc(15px + var(--safe-top)) 16px calc(18px + var(--safe-bottom));background:linear-gradient(145deg,#173447,#071824 58%,#08141e);border-right:1px solid rgba(149,219,231,.35);box-shadow:18px 0 60px #0000008c;position:relative;overflow-y:auto;animation:drawer-in .23s ease}@keyframes drawer-in{0%{transform:translate(-40px);opacity:0}}.drawer-handle{display:none}.drawer-close{position:absolute;top:calc(12px + var(--safe-top));right:12px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#00000038;display:grid;place-items:center}.profile-hero{display:flex;align-items:center;gap:12px;margin:28px 0 16px;position:relative}.profile-hero h2{font-size:22px;margin:2px 0}.profile-power{color:var(--gold);font-size:11px;font-weight:800}.mini-edit{width:27px;height:27px;border-radius:50%;border:1px solid var(--line);background:#ffffff0d;display:grid;place-items:center}.profile-xp{display:grid;grid-template-columns:1fr auto;gap:5px;font-size:8px;color:var(--muted);letter-spacing:.08em}.profile-xp b{color:#bdd2d9}.profile-xp>i{grid-column:1 / -1;height:5px;border-radius:5px;background:#03101a;overflow:hidden}.profile-xp>i em{display:block;height:100%;background:linear-gradient(90deg,#458eb0,#71dfef)}.profile-badges{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:15px 0}.profile-badges>div{display:flex;gap:8px;align-items:center;padding:9px;border:1px solid var(--line);background:#365c6f2e;border-radius:7px;color:var(--gold)}.profile-badges span{font-size:7px;color:var(--muted)}.profile-badges strong{display:block;color:#e9f6f8;font-size:9px;margin-top:2px}.drawer-menu{border-top:1px solid var(--line)}.drawer-menu>button{width:100%;min-height:53px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px;border:0;border-bottom:1px solid var(--line);background:transparent;cursor:pointer}.drawer-menu>button>span{display:flex;align-items:center;gap:10px}.drawer-menu b{font-size:12px}.drawer-menu small{color:var(--muted);font-size:9px}.profile-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:5px 12px;color:#6d8998;font-size:8px;margin:17px 0}.logout-button{width:100%}.inventory-modal .modal-body,.daily-modal .modal-body{padding-top:10px}.inventory-grid{display:grid;gap:7px;margin-top:10px}.inventory-item{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;padding:9px;border:1px solid var(--line);background:#00000030;border-radius:7px}.inventory-item__icon{width:45px;height:45px;display:grid;place-items:center;font-size:23px;background:linear-gradient(145deg,#264e63,#142c3c);border:1px solid rgba(138,213,228,.3);border-radius:7px;position:relative}.inventory-item__icon span{position:absolute;right:-3px;bottom:-3px;border-radius:9px;padding:2px 5px;background:#07131e;border:1px solid var(--line);font-size:8px}.inventory-item h3{font-size:11px;margin:0 0 1px}.inventory-item small{color:var(--ice);font-size:8px}.inventory-item p{margin:3px 0 0;color:var(--muted);font-size:9px;line-height:1.35}.context-label{color:#6f8c99;font-size:8px;text-transform:uppercase;text-align:right}.daily-banner{display:flex;gap:12px;align-items:center;padding:12px;margin:10px 0;background:linear-gradient(120deg,#795bb15c,#2b7f9440);border:1px solid rgba(172,137,238,.3);border-radius:8px}.daily-banner img{width:48px}.daily-banner strong{display:block;font-size:11px}.daily-banner span{color:#a8bec8;font-size:9px}.daily-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.daily-grid button{min-height:79px;padding:5px;border-radius:7px;border:1px solid var(--line);background:#0a1f2cd1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;cursor:pointer}.daily-grid button>span{color:var(--muted);font-size:7px;font-weight:900}.daily-grid button>div{font-size:23px;color:var(--ice)}.daily-grid button small{font-size:8px;color:var(--ice);display:flex;align-items:center}.daily-grid button.major{background:linear-gradient(145deg,#6e4a9f8c,#20566880);border-color:#be92ff7a}.daily-grid button.claimed{opacity:.46;filter:saturate(.3)}.daily-grid button:disabled:not(.claimed){opacity:.34}.auth-screen{min-height:100dvh;max-height:100dvh;overflow-y:auto;background:radial-gradient(ellipse at 70% -10%,rgba(83,210,230,.2),transparent 43%),linear-gradient(#0a2131,#07131f 48%,#040a10);position:relative;padding:calc(22px + var(--safe-top)) 17px calc(18px + var(--safe-bottom));display:flex;flex-direction:column;align-items:center}.auth-aurora{position:fixed;width:80vw;height:20vh;border-radius:50%;filter:blur(35px);opacity:.18;pointer-events:none;animation:aurora-drift 9s ease-in-out infinite alternate}.auth-aurora--one{background:#3de4cf;left:-20%;top:4%;transform:rotate(18deg)}.auth-aurora--two{background:#9d63f1;right:-25%;top:12%;animation-delay:-4s}@keyframes aurora-drift{to{transform:translate(20px,18px) rotate(-8deg) scale(1.15)}}.auth-snow,.ambient-snow{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.65) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(255,255,255,.4) 0 1px,transparent 1.5px);background-size:47px 47px,73px 73px;background-position:0 0,19px 26px;opacity:.24;animation:snow-fall 16s linear infinite}.auth-snow{z-index:0}@keyframes snow-fall{to{background-position:47px 470px,-54px 756px}}.auth-hero,.auth-card,.auth-footer{width:min(100%,460px);position:relative;z-index:1}.auth-hero{text-align:center}.auth-logo{display:flex;justify-content:center;align-items:center;gap:10px}.auth-logo img{width:76px;filter:drop-shadow(0 0 20px rgba(79,217,236,.35))}.auth-logo>div{text-align:left}.auth-logo span{color:#86cfdb;letter-spacing:.16em;font-size:7px;font-weight:900}.auth-logo h1{font-family:FrozenDisplay,Impact,sans-serif;font-size:37px;line-height:.78;letter-spacing:.025em;margin:6px 0 0;text-shadow:0 4px 20px rgba(0,0,0,.6)}.auth-logo h1 b{color:#7be2ef;font-weight:inherit}.auth-lead{color:#abc2cb;font-size:11px;max-width:320px;margin:14px auto 7px}.auth-landscape{height:112px;position:relative;overflow:hidden;margin:0 -17px}.mountain{position:absolute;bottom:16px;width:0;height:0;border-left:95px solid transparent;border-right:95px solid transparent;border-bottom:100px solid #0d2839;filter:drop-shadow(0 -1px rgba(157,218,227,.16))}.mountain:after{content:"";position:absolute;left:-31px;top:39px;border-left:31px solid transparent;border-right:31px solid transparent;border-bottom:32px solid rgba(191,226,233,.55)}.m1{left:-40px;transform:scale(.8)}.m2{left:28%}.m3{right:-65px;transform:scale(.72)}.city-silhouette{position:absolute;z-index:2;left:50%;bottom:9px;transform:translate(-50%);display:flex;align-items:end;gap:5px}.city-silhouette i{width:24px;height:30px;background:#07121b;border-top:2px solid #608c9b;position:relative}.city-silhouette i:after{content:"";position:absolute;width:3px;height:4px;background:#ffc76d;left:5px;top:9px;box-shadow:9px 0 #ffc76d}.city-silhouette i.core{width:30px;height:67px;border-radius:12px 12px 0 0;box-shadow:0 0 18px #ff894340}.city-silhouette i.core:before{content:"";position:absolute;width:12px;height:19px;border-radius:50%;background:#ff994c;left:9px;top:25px;box-shadow:0 0 14px #ff8b39}.heat-dome{position:absolute;left:50%;bottom:-62px;width:270px;height:155px;transform:translate(-50%);border:1px solid rgba(90,219,235,.18);border-radius:50% 50% 0 0;box-shadow:inset 0 0 35px #52cbde0d}.auth-features{display:flex;gap:6px;justify-content:center;margin-top:-4px}.auth-features span{display:flex;align-items:center;gap:5px;font-size:8px;color:#a7c1ca;border:1px solid rgba(121,198,212,.16);background:#102b3994;border-radius:5px;padding:5px 7px}.auth-features svg{color:var(--ice)}.auth-card{margin-top:12px;padding:18px;border-radius:12px;border:1px solid rgba(142,215,228,.28);background:linear-gradient(155deg,#183748f0,#071823f7);box-shadow:0 18px 55px #0000007a,inset 0 1px #ffffff0a}.auth-card h2{font-family:FrozenDisplay,Arial Narrow,sans-serif;text-transform:uppercase;font-size:22px;margin:4px 0}.auth-card>p,.auth-card form>p{color:var(--muted);font-size:10px}.auth-card input{margin-bottom:5px}.auth-card .fe-button--lg{margin-top:13px}.auth-divider{display:flex;align-items:center;gap:8px;color:#62808e;font-size:8px;margin:14px 0 9px;text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.secure-note{display:flex;align-items:center;justify-content:center;gap:5px;color:#6d909e;font-size:8px;margin-top:13px}.password-field{position:relative}.password-field input{padding-right:46px}.password-field button{position:absolute;right:5px;top:4px;width:35px;height:35px;border:0;background:transparent;color:#7694a1}.text-back{color:var(--ice);border:0;background:none;padding:0;margin-bottom:11px;font-size:9px;font-weight:800}.auth-switch{text-align:center;margin:13px 0 0!important}.auth-switch button{border:0;background:none;color:var(--ice);font-size:inherit;padding:0;text-decoration:underline}.auth-footer{text-align:center;color:#44616f;font-size:7px;letter-spacing:.1em;margin-top:14px}.game-root{width:min(100%,1480px);height:100dvh;margin:0 auto;background:var(--bg);position:relative;overflow:hidden;display:grid;grid-template-rows:calc(58px + var(--safe-top)) 37px minmax(0,1fr) calc(68px + var(--safe-bottom));box-shadow:0 0 60px #000}.ambient-snow--back{z-index:0;position:absolute;opacity:.1}.top-hud{z-index:100;display:flex;align-items:center;gap:8px;padding:var(--safe-top) 10px 0;background:linear-gradient(180deg,#040f18fc,#071722f5);border-bottom:1px solid rgba(115,205,221,.17);box-shadow:0 5px 18px #00000047}.player-chip{border:0;background:transparent;padding:0;display:flex;align-items:center;gap:7px;min-width:0;position:relative;cursor:pointer}.player-chip__level{position:absolute;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;left:31px;bottom:-1px;border:1px solid #9ee5ec;background:#123748;font-size:8px;font-weight:900}.player-chip__copy{min-width:0;text-align:left}.player-chip__copy strong{display:block;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.player-chip__copy span{color:#8ba6b2;font-size:8px;white-space:nowrap}.player-chip__copy b{color:var(--gold)}.realm-chip{margin-left:auto;display:flex;align-items:center;gap:6px;padding:5px 7px;border:1px solid var(--line);background:#21425238;border-radius:6px}.realm-chip small{display:block;color:#728f9c;font-size:7px}.realm-chip strong{display:block;font-size:8px;margin-top:1px}.live-dot{width:7px;height:7px;border-radius:50%;background:#c2535e;box-shadow:0 0 5px #c2535e}.live-dot.online{background:#61d69e;box-shadow:0 0 7px #61d69e}.hud-menu{width:35px;height:35px;border:1px solid var(--line);border-radius:6px;background:#ffffff09;display:grid;place-items:center}.resource-ribbon{z-index:99;display:flex;align-items:center;gap:4px;overflow-x:auto;padding:4px 7px;background:#071621fa;border-bottom:1px solid rgba(123,198,213,.14);scrollbar-width:none}.resource-ribbon::-webkit-scrollbar{display:none}.resource-pill{flex:1 0 68px;height:27px;padding:0 6px;border:1px solid rgba(141,205,218,.11);background:#17314075;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:4px}.resource-pill>span{font-size:11px}.resource-pill>b{font-size:9px}.resource-pill>i{width:13px;height:13px;border-radius:50%;background:#2e91aa;display:grid;place-items:center;font-size:10px;font-style:normal}.game-content{z-index:1;min-height:0;overflow:hidden;position:relative}.game-content>.screen{height:100%;overflow-y:auto;padding-bottom:20px}.bottom-nav{z-index:101;display:flex;overflow-x:auto;align-items:stretch;padding:3px 6px var(--safe-bottom);background:linear-gradient(180deg,#122c3b,#071722);border-top:1px solid rgba(156,225,237,.24);box-shadow:0 -8px 22px #00000059;scrollbar-width:none}.bottom-nav::-webkit-scrollbar{display:none}.bottom-nav button{flex:1 0 58px;max-width:92px;border:0;background:transparent;color:#7794a2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;position:relative}.bottom-nav button>span{position:relative;width:35px;height:31px;display:grid;place-items:center;border-radius:7px}.bottom-nav button small{font-size:7px;text-transform:uppercase;font-weight:800}.bottom-nav button i{position:absolute;right:-2px;top:-1px;min-width:14px;height:14px;padding:0 3px;border-radius:8px;display:grid;place-items:center;background:#e95d70;color:#fff;font-size:7px;font-style:normal;border:1px solid #ffbdc4}.bottom-nav button.active{color:#e5fbfe}.bottom-nav button.active>span{background:linear-gradient(180deg,#43a6bd73,#20556452);border:1px solid rgba(110,223,239,.25);color:var(--ice);box-shadow:0 0 12px #4bcbe126}.nav-frost{display:none}.realm-loading{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#14364a,#050e16 65%)}.realm-loading__emblem{position:relative}.realm-loading__emblem img{width:100px;animation:loading-pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 28px rgba(89,223,240,.3))}.realm-loading__emblem i{position:absolute;inset:-15px;border:1px solid rgba(109,226,240,.2);border-radius:50%;animation:loading-ring 2s linear infinite}.realm-loading__emblem i:last-child{inset:-28px;animation-direction:reverse;animation-duration:3s}.realm-loading h1{font-family:FrozenDisplay,Impact,sans-serif;font-size:29px;margin:22px 0 14px}.realm-loading h1 b{color:var(--ice)}.realm-loading p{color:var(--muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.loading-line{width:180px;height:3px;background:#09151e;overflow:hidden}.loading-line i{display:block;width:50%;height:100%;background:linear-gradient(90deg,transparent,#69e7f5,transparent);animation:loading-line 1.4s ease-in-out infinite}@keyframes loading-line{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes loading-pulse{50%{transform:scale(1.06)}}@keyframes loading-ring{to{transform:rotate(360deg)}}.toast-stack{position:fixed;z-index:1200;top:calc(104px + var(--safe-top));left:50%;transform:translate(-50%);width:min(92vw,410px);display:grid;gap:6px;pointer-events:none}.toast{pointer-events:auto;min-height:42px;padding:8px 12px;display:flex;align-items:center;gap:9px;border-radius:8px;border:1px solid rgba(123,215,230,.32);background:#091b27f5;box-shadow:0 10px 28px #0000006b;font-size:10px;text-align:left;animation:toast-in .23s ease}.toast svg{color:var(--ice);flex:none}.toast--success{border-color:#68deaa61}.toast--success svg{color:var(--green)}.toast--error{border-color:#f2647573}.toast--error svg{color:var(--red)}.toast--warning svg{color:var(--gold)}@keyframes toast-in{0%{transform:translateY(-10px);opacity:0}}.city-view{height:100%;display:grid;grid-template-rows:44px minmax(0,1fr) 63px;position:relative;background:#071623}.city-toolbar{z-index:4;padding:6px 8px;display:flex;justify-content:space-between;gap:7px;position:absolute;top:0;left:0;right:0;pointer-events:none}.city-toolbar>*{pointer-events:auto}.weather-chip{padding:5px 8px;display:flex;align-items:center;gap:6px;box-shadow:0 5px 15px #00000042}.weather-chip svg{color:#a9e9f2}.weather-chip small{display:block;font-size:6px;color:#7898a5}.weather-chip strong{display:block;font-size:8px;margin-top:1px}.city-stage{grid-row:1/3;min-height:0;position:relative;overflow:hidden}.city-canvas{width:100%;height:100%;min-height:390px;position:relative;background:#091a28}.city-canvas canvas{position:relative;z-index:1;display:block!important}.canvas-loading{position:absolute;inset:0;display:grid;place-items:center;color:#6e8b98;font-size:9px}.city-vignette{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(4,14,22,.6),transparent 18%,transparent 74%,rgba(4,14,22,.8)),radial-gradient(ellipse,transparent 50%,rgba(1,8,13,.42))}.city-hint{position:absolute;z-index:3;left:50%;bottom:11px;transform:translate(-50%);white-space:nowrap;text-align:center;text-shadow:0 2px 5px #000;pointer-events:none}.city-hint span{display:block;color:#7eb9c7;font-size:6px;letter-spacing:.16em}.city-hint b{font-size:8px}.queue-dock{grid-row:3;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:5px 7px;background:linear-gradient(180deg,#102c3c,#081925);border-top:1px solid rgba(126,210,224,.2)}.queue-idle,.queue-active{min-width:0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;gap:0 5px;align-items:center;padding:5px 7px;border:1px solid rgba(137,207,220,.14);border-radius:5px;background:#0000002e}.queue-idle svg,.queue-active svg{grid-row:1/3;color:#6e94a3}.queue-idle span,.queue-active span{font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.queue-idle b{font-size:7px;color:#61d29f}.queue-active b{font-size:8px;color:var(--ice)}.building-hero{min-height:112px;border-radius:9px;border:1px solid rgba(130,215,230,.25);background:radial-gradient(circle at 20% 30%,rgba(85,211,232,.19),transparent 38%),linear-gradient(130deg,#173c50,#0b2534);display:flex;align-items:center;gap:14px;padding:14px;position:relative;overflow:hidden}.building-hero:after{content:"";position:absolute;right:-30px;bottom:-40px;width:150px;height:120px;border:1px solid rgba(255,255,255,.08);transform:rotate(35deg)}.building-hero--military{background:radial-gradient(circle at 20%,rgba(167,125,232,.22),transparent 40%),linear-gradient(130deg,#2b3151,#101f30)}.building-hero--production{background:radial-gradient(circle at 20%,rgba(89,207,168,.2),transparent 40%),linear-gradient(130deg,#174744,#102b36)}.building-hero--core{background:radial-gradient(circle at 20%,rgba(255,144,74,.25),transparent 40%),linear-gradient(130deg,#41483f,#102b36)}.building-hero__icon{width:72px;height:72px;border:1px solid rgba(186,236,242,.38);border-radius:12px;display:grid;place-items:center;font-size:38px;background:#020d1447;box-shadow:inset 0 0 22px #5adae81a}.building-hero>div:nth-child(2)>span{font-size:7px;color:var(--muted)}.building-hero>div:nth-child(2)>strong{display:block;font-size:34px;line-height:1}.building-hero>div:nth-child(2)>i{display:block;color:var(--green);font-size:7px;font-style:normal;margin-top:5px}.building-stage-bars{margin-left:auto;display:flex;gap:3px;align-self:flex-end}.building-stage-bars i{width:16px;height:4px;border-radius:2px;background:#ffffff1a}.building-stage-bars i.on{background:var(--ice);box-shadow:0 0 6px var(--ice)}.building-description{color:#9db5c0;font-size:10px;line-height:1.55;margin:12px 2px}.building-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:10px 0}.locked-callout,.monster-intel{display:flex;gap:10px;align-items:center;padding:11px;border:1px solid rgba(239,178,97,.28);background:#69482029;border-radius:7px;color:var(--gold)}.locked-callout strong,.monster-intel strong{display:block;font-size:10px}.locked-callout span,.monster-intel span{display:block;color:#a9a291;font-size:9px;margin-top:2px}.upgrade-card,.upgrade-active-card{padding:11px;border:1px solid var(--line);border-radius:8px;background:#04131d66}.upgrade-title{display:flex;align-items:center;justify-content:space-between;color:var(--ice)}.upgrade-title span{font-size:7px;color:var(--muted)}.upgrade-title strong{display:block;font-size:18px}.upgrade-reward{margin:10px 0;padding:8px;background:#4aa7bc1a;border-radius:5px}.upgrade-reward>span{display:flex;align-items:center;gap:5px;color:var(--ice);font-size:7px}.upgrade-reward>div{font-size:9px;margin-top:4px;color:#a9c3cc}.upgrade-requirements{margin:10px 0}.upgrade-requirements>span{display:block;font-size:7px;color:var(--muted);letter-spacing:.1em;margin-bottom:5px}.upgrade-time{display:flex;justify-content:space-between;margin:8px 0 10px;font-size:8px;color:var(--muted)}.upgrade-time b{color:#dbeef1}.upgrade-active-card__head{display:flex;justify-content:space-between;margin-bottom:8px}.upgrade-active-card__head span{display:flex;align-items:center;gap:5px;color:var(--ice);font-size:8px}.upgrade-active-card__head strong{font-size:11px}.upgrade-active-card .fe-button{margin-top:10px;width:100%}.inline-warning{margin:8px 0;color:#f3b17e;font-size:8px}.enter-building{width:100%;margin-top:8px}.heroes-view{background:radial-gradient(circle at 80% 0,rgba(122,91,190,.13),transparent 28%),var(--bg)}.formation-strip{margin:0 13px 10px;padding:8px;display:flex;align-items:center;gap:6px;overflow-x:auto;border:1px solid rgba(135,211,224,.16);background:#0d2533a6;border-radius:8px}.formation-strip>div{margin-right:auto;min-width:75px}.formation-strip>div span{display:block;font-size:7px;color:var(--ice);font-weight:900}.formation-strip>div small{font-size:7px;color:var(--muted)}.formation-strip button{border:0;background:transparent;padding:0}.formation-empty{width:44px;height:51px;flex:none;border:1px dashed rgba(133,203,218,.25);border-radius:6px;display:grid;place-items:center;color:#547482}.hero-filters{display:flex;gap:7px;padding:0 13px 9px}.hero-filters .segmented{flex:1}.rarity-filter{width:117px;position:relative}.rarity-filter svg{position:absolute;z-index:1;left:9px;top:10px;color:#7797a5}.rarity-filter select{min-height:38px;padding-left:30px;font-size:9px}.hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 13px}.hero-card{height:124px;display:flex;align-items:center;gap:8px;padding:7px;border:1px solid rgba(145,208,220,.18);border-radius:8px;background:linear-gradient(145deg,#1a3a4bdb,#081924f2);text-align:left;position:relative;overflow:hidden;cursor:pointer}.hero-card:after{content:"";position:absolute;right:-30px;top:-40px;width:80px;height:120px;background:linear-gradient(rgba(255,255,255,.04),transparent);transform:rotate(28deg)}.hero-card--legendary{border-color:#f5c25e5e;background:linear-gradient(145deg,#5b432a73,#101d26f2)}.hero-card--epic{border-color:#ae7df559}.hero-card__info{min-width:0}.hero-card__info>span{color:var(--rarity);font-size:7px;text-transform:uppercase}.hero-card--legendary .hero-card__info>span{color:var(--gold)}.hero-card--epic .hero-card__info>span{color:#bc91ff}.hero-card--rare .hero-card__info>span{color:#5fd5ff}.hero-card__info h3{font-size:12px;margin:2px 0}.hero-card__info p{color:var(--muted);font-size:8px;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-card__info i{display:inline-block;font-style:normal;font-size:6px;padding:2px 4px;margin:0 2px 2px 0;border:1px solid rgba(151,216,228,.18);border-radius:3px;color:#91b4c0}.hero-stars{position:absolute;left:6px;bottom:4px;color:var(--gold);display:flex}.beacon-odds{margin:10px 13px;padding:10px;display:flex;gap:9px;color:var(--violet)}.beacon-odds strong{display:block;color:#dfeef1;font-size:9px}.beacon-odds span{display:block;color:var(--muted);font-size:8px;margin-top:2px}.hero-detail-top{display:flex;gap:12px;padding:11px;border-radius:9px;background:radial-gradient(circle at 15%,var(--hero-a),transparent 48%),linear-gradient(135deg,var(--hero-b),#0c2030);border:1px solid rgba(255,255,255,.16)}.hero-detail-top>div:last-child>span{color:#d7f5f7;font-size:8px}.hero-detail-top h3{font-size:10px;color:#a8c9d2;margin:4px 0}.hero-detail-top p{font-size:8px;color:#c1d0d5;line-height:1.4;margin-bottom:8px}.detail-stars{display:flex;color:var(--gold)}.detail-stars svg{width:14px}.hero-locked-panel{display:flex;gap:10px;align-items:center;padding:14px;margin-top:10px;border:1px solid var(--line);border-radius:7px;color:#8aa2ad}.hero-locked-panel strong{display:block;color:#dcebed;font-size:10px}.hero-locked-panel span{display:block;font-size:9px;margin-top:2px}.hero-powerline{display:flex;justify-content:space-between;align-items:center;margin:10px 1px 4px;color:var(--muted);font-size:8px}.hero-powerline strong{color:var(--gold);font-size:17px}.skill-card{display:grid;grid-template-columns:39px 1fr auto;align-items:center;gap:8px;padding:9px;margin-top:6px;border:1px solid rgba(147,205,218,.13);background:#0000002e;border-radius:7px}.skill-card.active{border-color:#aa81f042;background:#57368421}.skill-icon{width:35px;height:35px;border-radius:7px;display:grid;place-items:center;background:#17384a;color:var(--ice)}.skill-card.active .skill-icon{color:#c098ff;background:#352a57}.skill-card span{color:var(--muted);font-size:7px}.skill-card strong{display:block;font-size:10px}.skill-card p{color:#8fa7b2;font-size:8px;margin:2px 0}.skill-card>b{color:var(--ice);font-size:12px}.hero-progression{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:10px 0}.hero-progression button{min-height:58px;padding:6px;border:1px solid var(--line);border-radius:6px;background:#23435352;display:flex;gap:5px;align-items:center;text-align:left}.hero-progression svg{color:var(--ice);flex:none}.hero-progression span{font-size:8px;font-weight:800}.hero-progression small{display:block;color:var(--muted);font-size:6px;margin-top:2px}.equipment-block{margin:10px 0}.equipment-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.equipment-slots button{height:64px;border:1px solid var(--line);border-radius:6px;background:#0000002b;display:flex;flex-direction:column;align-items:center;justify-content:center}.equipment-slots button.equipped{border-color:#68daee66;background:#2f7d922b}.equipment-slots button>b{color:var(--ice);font-size:17px}.equipment-slots span{font-size:7px;text-transform:uppercase}.equipment-slots small{font-size:6px;color:var(--muted);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signal-animation,.recruit-reveal{position:fixed;z-index:1000;inset:0;background:radial-gradient(circle,#173d53,#050d14 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.signal-animation>svg{color:var(--ice);filter:drop-shadow(0 0 18px var(--ice));animation:loading-pulse 1s infinite}.signal-animation strong{font-size:13px;margin-top:26px;letter-spacing:.08em}.signal-animation span{color:var(--muted);font-size:9px;margin-top:5px}.signal-rings{position:absolute;width:180px;height:180px}.signal-rings i{position:absolute;inset:0;border:1px solid rgba(108,226,240,.42);border-radius:50%;animation:signal-ring 1.8s ease-out infinite}.signal-rings i:nth-child(2){animation-delay:.6s}.signal-rings i:nth-child(3){animation-delay:1.2s}@keyframes signal-ring{0%{transform:scale(.1);opacity:1}to{transform:scale(1.6);opacity:0}}.recruit-reveal{background:radial-gradient(circle at 50% 37%,rgba(88,207,230,.28),transparent 34%),linear-gradient(#102d3e,#050d14)}.recruit-reveal--legendary{background:radial-gradient(circle at 50% 37%,rgba(255,198,92,.31),transparent 36%),linear-gradient(#3b3021,#080d11)}.recruit-reveal--epic{background:radial-gradient(circle at 50% 37%,rgba(171,116,248,.34),transparent 36%),linear-gradient(#2c2043,#080d11)}.recruit-rays{position:absolute;width:520px;height:520px;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.07) 0 4deg,transparent 4deg 15deg);animation:loading-ring 14s linear infinite;mask-image:radial-gradient(circle,#000,transparent 68%)}.recruit-reveal>*:not(.recruit-rays){position:relative}.recruit-reveal .hero-portrait{margin:22px 0 13px;transform:scale(1.15);animation:reveal-pop .5s ease}.recruit-reveal h1{font-family:FrozenDisplay,Impact,sans-serif;font-size:35px;margin:8px 0 0}.recruit-reveal h2{font-size:12px;color:#a8c0ca;margin:2px 0}.recruit-rarity{color:var(--gold);font-size:10px;letter-spacing:.18em;text-transform:uppercase;margin:8px}.recruit-reveal p{font-size:10px;color:#a9bbc2;max-width:330px;line-height:1.5;padding:0 20px}.recruit-reveal .fe-button{width:min(310px,80vw);margin-top:10px}@keyframes reveal-pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.25)}}.army-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 13px 9px}.army-summary>div{padding:8px;border:1px solid var(--line);border-radius:7px;background:#1b3948a6;display:flex;align-items:center;gap:7px}.army-summary svg{color:var(--ice)}.army-summary span{font-size:6px;color:var(--muted)}.army-summary strong{display:block;color:#ecf7f9;font-size:12px;margin-top:2px}.army-view>.segmented,.research-view>.segmented,.alliance-view>.segmented,.events-view>.segmented{margin:0 13px 10px}.troop-list{display:grid;gap:7px;padding:0 13px}.troop-card{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:9px;padding:9px;border:1px solid color-mix(in srgb,var(--troop-color) 28%,transparent);border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--troop-color) 12%,#142e3d),#091b28);position:relative;overflow:hidden}.troop-card__icon{width:58px;height:66px;border-radius:7px;border:1px solid color-mix(in srgb,var(--troop-color) 50%,transparent);background:#00000038;display:grid;place-items:center;color:var(--troop-color);font-size:31px;position:relative}.troop-card__icon i{position:absolute;bottom:3px;right:3px;background:#081722;border-radius:3px;padding:2px 4px;font-size:7px;font-style:normal}.troop-card__body>span{color:var(--troop-color);font-size:7px}.troop-card__body h3{font-size:12px;margin:2px 0}.troop-card__body p{font-size:7px;color:var(--muted);margin:0 0 5px}.troop-card__body>div{display:flex;gap:5px}.troop-card__body b{font-size:6px;color:#a9c0c9}.troop-card__count{text-align:right}.troop-card__count>span{display:block;color:var(--muted);font-size:6px}.troop-card__count>strong{display:block;font-size:14px;margin:1px 0 5px}.training-queue{margin:9px 13px;padding:10px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.panel-title>span{display:flex;align-items:center;gap:6px;font-size:8px;font-weight:900;letter-spacing:.08em}.panel-title>b,.panel-title>small{color:var(--muted);font-size:8px}.queue-empty-line{display:flex;align-items:center;justify-content:center;gap:8px;min-height:60px;color:#668695;font-size:9px}.training-task{display:grid;grid-template-columns:36px 1fr 34px;gap:8px;align-items:center;padding:7px;border-top:1px solid var(--line)}.training-task__icon{font-size:23px}.training-task strong{font-size:9px}.training-task span{font-size:7px;color:var(--muted)}.training-task button{width:32px;height:32px;border:1px solid var(--line);border-radius:5px;background:#40869926;display:grid;place-items:center;color:var(--gold)}.hospital-layout{padding:0 13px}.hospital-card{padding:17px;text-align:center}.hospital-icon{width:64px;height:64px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:#50d0a41f;border:1px solid rgba(101,222,177,.3);color:var(--green)}.hospital-card h2{font-size:17px;margin:4px 0 13px}.hospital-card p{font-size:9px;color:var(--muted);line-height:1.5}.hospital-card .resource-cost{justify-content:center;margin:10px}.casualty-rules{padding:12px 4px}.casualty-rules h3{font-size:10px;margin:0 0 3px}.casualty-rules p{color:var(--muted);font-size:9px;line-height:1.5}.doctrine-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding:0 13px}.doctrine-grid>section{padding:12px}.doctrine-grid>section>span{font-size:25px;color:var(--ice)}.doctrine-grid h3{font-size:11px;margin:7px 0 3px}.doctrine-grid p{font-size:8px;line-height:1.45;color:var(--muted)}.doctrine-grid small{color:var(--gold);font-size:7px}.training-unit-hero{height:91px;padding:12px;display:flex;align-items:center;gap:14px;background:radial-gradient(circle at 12%,color-mix(in srgb,var(--troop-color) 36%,transparent),transparent 39%),#102839;border:1px solid color-mix(in srgb,var(--troop-color) 35%,transparent);border-radius:8px}.training-unit-hero>span{font-size:48px;color:var(--troop-color)}.training-unit-hero small{display:block;color:var(--muted);font-size:7px}.training-unit-hero strong{display:block;font-size:27px}.training-unit-hero i{color:var(--green);font-style:normal;font-size:7px}.range-label{display:flex;justify-content:space-between;color:var(--muted);font-size:8px;margin:13px 1px 8px}.range-label b{color:var(--ice)}.tier-dots,.quick-amounts{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;margin-top:8px}.tier-dots button,.quick-amounts button{height:24px;padding:0;border:1px solid var(--line);border-radius:4px;background:#0003;font-size:7px}.tier-dots button.active,.quick-amounts button.active{background:#347f94;border-color:#6bd7e8}.quick-amounts{grid-template-columns:repeat(5,1fr)}.training-time{display:flex;align-items:center;gap:6px;color:#8da7b2;font-size:8px;margin:8px 0}.training-modal .fe-button{margin-top:6px}.research-status{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--line);border-radius:6px}.research-status>span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.research-status>span.busy{background:var(--violet);box-shadow:0 0 8px var(--violet);animation:loading-pulse 1s infinite}.research-status small{display:block;color:var(--muted);font-size:6px}.research-status strong{display:block;font-size:7px}.active-research,.research-idle{margin:0 13px 10px;padding:9px;display:grid;grid-template-columns:38px 1fr 34px;gap:8px;align-items:center}.active-research__icon{width:35px;height:35px;border-radius:7px;display:grid;place-items:center;color:var(--violet);background:#8359c62b}.active-research span{font-size:6px;color:var(--violet)}.active-research strong{display:block;font-size:10px;margin:1px 0 4px}.active-research small{color:var(--muted);font-size:7px}.active-research button{width:32px;height:32px;border:1px solid var(--line);border-radius:5px;background:#825ac021;color:var(--gold);display:grid;place-items:center}.research-idle{grid-template-columns:35px 1fr;color:var(--ice)}.research-idle strong{display:block;color:#dceef1;font-size:9px}.research-idle span{color:var(--muted);font-size:7px}.research-categories{display:flex;gap:5px;overflow-x:auto;padding:0 13px 10px;scrollbar-width:none}.research-categories button{flex:0 0 60px;height:58px;border:1px solid var(--line);border-radius:7px;background:#122a38bf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#7e99a5}.research-categories button>span{font-size:20px;color:var(--category-color)}.research-categories button small{font-size:7px}.research-categories button.active{border-color:color-mix(in srgb,var(--category-color) 55%,transparent);background:color-mix(in srgb,var(--category-color) 14%,#102634);color:#fff;box-shadow:0 0 15px color-mix(in srgb,var(--category-color) 12%,transparent)}.tech-tree{padding:9px 13px 22px;background:linear-gradient(180deg,color-mix(in srgb,var(--category-color) 5%,transparent),transparent)}.tech-tree__title{display:flex;align-items:center;gap:9px;margin-bottom:8px}.tech-tree__title>span{font-size:28px;color:var(--category-color)}.tech-tree__title h2{margin:1px 0;font-size:16px}.tech-node-wrap{position:relative}.tech-connector{height:20px;width:2px;margin:auto;background:#ffffff14;position:relative}.tech-connector i{position:absolute;width:2px;height:0;background:var(--category-color);animation:connector-fill .6s forwards}.tech-connector.active i{height:100%}@keyframes connector-fill{0%{height:0}}.tech-node{width:100%;min-height:90px;display:grid;grid-template-columns:54px 1fr 20px;align-items:center;gap:10px;padding:10px;border:1px solid color-mix(in srgb,var(--category-color) 26%,transparent);border-radius:9px;background:linear-gradient(135deg,color-mix(in srgb,var(--category-color) 10%,#173548),#091d2b);text-align:left}.tech-node__icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--category-color) 48%,transparent);background:#0003;color:var(--category-color);font-size:21px;font-weight:900}.tech-node small{color:var(--category-color);font-size:7px}.tech-node h3{font-size:12px;margin:2px 0}.tech-node p{color:var(--muted);font-size:8px;margin:0 0 4px}.tech-node b{font-size:8px;color:#c4d9de}.tech-node.locked{filter:saturate(.1);opacity:.55}.tech-node.complete{border-color:#66dfaa61}.tech-node.researching{animation:research-glow 1.5s ease-in-out infinite alternate}@keyframes research-glow{to{box-shadow:0 0 18px color-mix(in srgb,var(--category-color) 35%,transparent)}}.research-modal-hero{height:90px;padding:11px;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#674c9f59,#1849594d);border:1px solid rgba(176,137,240,.28);border-radius:8px}.research-modal-hero>div{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#162a43;border:1px solid rgba(184,145,244,.5);font-size:24px;color:var(--violet)}.research-modal-hero span{color:var(--muted);font-size:7px}.research-modal-hero strong{display:block;color:#fff;font-size:20px}.research-modal-hero>svg{margin-left:auto;color:var(--violet)}.research-benefit{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid rgba(165,128,229,.23);background:#5f3a9124;border-radius:6px;color:var(--violet)}.research-benefit span{display:block;font-size:7px}.research-benefit strong{display:block;color:#e1d2f7;font-size:10px;margin-top:2px}.world-view{height:100%;display:grid;grid-template-rows:48px minmax(300px,1fr) auto;position:relative;background:#0a1823}.world-hud{z-index:5;display:flex;align-items:center;gap:7px;padding:5px 8px;background:linear-gradient(180deg,#0d2737,#071923);border-bottom:1px solid var(--line)}.world-title{min-width:108px}.world-title h1{font-family:FrozenDisplay,Arial Narrow,sans-serif;text-transform:uppercase;font-size:18px;margin:0}.coord-search{display:flex;align-items:center;flex:1;position:relative}.coord-search>svg{position:absolute;left:8px;color:#7498a7}.coord-search input{min-height:34px;height:34px;padding:0 38px 0 30px;font-size:9px}.coord-search button{position:absolute;right:2px;width:32px;height:30px;border:0;background:transparent;color:var(--ice)}.home-locate{height:34px;padding:0 8px;border:1px solid var(--line);border-radius:5px;background:#336c7e33;display:flex;align-items:center;gap:4px}.home-locate span{font-size:8px}.world-map{position:relative;min-height:0;overflow:hidden;background-color:#102432;background-image:linear-gradient(rgba(164,216,226,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(164,216,226,.055) 1px,transparent 1px),radial-gradient(circle at 35% 30%,rgba(103,195,211,.08),transparent 28%);background-size:44px 44px,44px 44px,100% 100%;touch-action:none}.world-map:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse,transparent 55%,rgba(2,10,16,.67)),linear-gradient(180deg,rgba(5,18,27,.2),transparent 15%,transparent 82%,rgba(5,16,24,.5))}.map-drag-surface,.map-plane{position:absolute;inset:0}.map-plane{transition:transform .08s}.map-routes{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.map-routes line{stroke:#b3dbe11a;stroke-width:.4;stroke-dasharray:2 2}.map-node{position:absolute;z-index:3;transform:translate(-50%,-50%);border:0;background:transparent;display:flex;flex-direction:column;align-items:center;max-width:115px;cursor:pointer}.map-node__badge{width:39px;height:39px;border-radius:50% 50% 45% 45%;display:grid;place-items:center;color:var(--node-accent);font-size:21px;background:radial-gradient(circle,#ffffff24,#04141ee0);border:2px solid var(--node-accent);box-shadow:0 4px 12px #00000070,inset 0 0 11px color-mix(in srgb,var(--node-accent) 18%,transparent)}.map-node__badge svg{width:19px}.map-node>div{margin-top:3px;padding:3px 5px;background:#040f17c7;border-radius:3px;text-shadow:0 1px 2px #000;white-space:nowrap;max-width:120px}.map-node strong{display:block;font-size:7px;overflow:hidden;text-overflow:ellipsis}.map-node small{display:block;color:#91aab4;font-size:6px}.map-node.selected{z-index:15}.map-node.selected .map-node__badge{transform:scale(1.18);box-shadow:0 0 0 5px color-mix(in srgb,var(--node-accent) 15%,transparent),0 0 18px var(--node-accent)}.map-node--monster .map-node__badge{border-radius:43% 57% 40% 60%;animation:threat-pulse 1.8s infinite alternate}.map-node.own-city .map-node__badge{width:52px;height:52px;box-shadow:0 0 18px #5de3f159}@keyframes threat-pulse{to{box-shadow:0 0 14px #f05a6e8c}}.alliance-territory{position:absolute;z-index:1;transform:translate(-50%,-50%);border:2px dashed;border-radius:46% 54% 50% 44%;display:flex;align-items:flex-start;justify-content:center}.alliance-territory span{margin-top:-11px;padding:2px 5px;border-radius:3px;background:#051119b8;font-size:6px;font-weight:900;white-space:nowrap}.map-legend{position:absolute;z-index:5;left:7px;bottom:8px;display:flex;gap:7px;padding:5px 7px;border:1px solid var(--line);border-radius:5px;background:#05121bc4;backdrop-filter:blur(3px)}.map-legend span{display:flex;align-items:center;gap:3px;font-size:6px;color:#9bb0b8}.map-legend i{width:6px;height:6px;border-radius:50%;background:var(--green)}.map-legend i.monster{background:var(--red)}.map-legend i.city{background:#64b9e9}.map-legend i.territory{background:var(--violet)}.map-coordinates{position:absolute;z-index:5;right:7px;bottom:8px;padding:5px 7px;display:flex;gap:4px;align-items:center;border-radius:5px;background:#05121bc4;font-size:7px}.map-loading{position:absolute;z-index:20;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#05111987;backdrop-filter:blur(2px);font-size:9px}.map-loading svg{color:var(--ice);animation:loading-ring 2s linear infinite}.march-tray-list{z-index:4;display:grid;gap:3px;padding:4px 7px;background:#081a26;max-height:100px;overflow:auto}.march-tray{min-height:42px;padding:6px 9px;display:flex;align-items:center;gap:7px;box-shadow:none}.march-tray>svg{color:var(--ice)}.march-tray>div{min-width:0;flex:1}.march-tray span{display:block;color:var(--ice);font-size:6px}.march-tray strong{display:block;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.march-tray>b{display:flex;align-items:center;gap:3px;font-size:8px}.march-tray--idle{margin:4px 7px;box-shadow:none}.march-tray--idle span{flex:1;color:var(--muted)}.world-alliance-prompt{position:absolute;z-index:6;left:8px;right:8px;bottom:56px;min-height:35px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:6px 9px;border:1px solid rgba(163,127,227,.3);border-radius:6px;background:#271c3ee6;font-size:7px}.world-alliance-prompt svg{color:var(--violet)}.world-alliance-prompt b{color:var(--violet)}.location-hero{height:97px;padding:12px;display:flex;align-items:center;gap:12px;border-radius:8px;background:radial-gradient(circle at 13%,color-mix(in srgb,var(--node-accent) 30%,transparent),transparent 37%),linear-gradient(130deg,#193749,#0b2130);border:1px solid color-mix(in srgb,var(--node-accent) 38%,transparent)}.location-hero>div{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--node-accent);color:var(--node-accent);font-size:30px;background:#0000003d}.location-hero>div svg{width:31px}.location-hero span{font-size:7px;color:var(--muted)}.location-hero strong{display:block;color:#fff;font-size:27px}.location-hero>i{margin-left:auto;font-style:normal;color:var(--node-accent);font-size:7px}.march-preview{width:100%;min-height:55px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:9px 0;padding:7px;border:1px solid var(--line);border-radius:7px;background:#0000002e;text-align:left}.march-preview>div{display:flex}.march-preview .hero-portrait{margin-right:-5px}.march-preview span{font-size:8px}.march-preview strong{display:block;font-size:8px;color:var(--muted)}.march-preview svg.open{transform:rotate(180deg)}.march-composition{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin-bottom:8px}.march-composition>div{display:grid;grid-template-columns:20px 1fr;align-items:center;padding:6px;border:1px solid var(--line);border-radius:5px}.march-composition b{font-size:7px}.march-composition small{grid-column:2;color:var(--muted);font-size:6px}.location-actions{display:flex;gap:7px}.location-actions .fe-button{flex:1}.own-city-callout{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px;margin-top:10px;border:1px solid rgba(85,216,232,.28);border-radius:7px;background:#2a7c8f1a;color:var(--ice)}.own-city-callout strong{display:block;color:#e8f8fa;font-size:9px}.own-city-callout span{display:block;color:var(--muted);font-size:8px}.alliance-loading{height:80%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:9px}.alliance-loading svg{color:var(--ice);animation:loading-pulse 1.5s infinite}.alliance-level{width:47px;height:47px;border-radius:50%;border:2px solid var(--gold);background:radial-gradient(circle,#604828,#1d2831);display:flex;align-items:baseline;justify-content:center;padding-top:10px}.alliance-level span{font-size:6px;color:var(--gold)}.alliance-level b{font-size:18px}.alliance-banner{margin:0 13px 10px;min-height:105px;padding:12px;display:grid;grid-template-columns:68px 1fr auto;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--alliance-color) 37%,transparent);border-radius:9px;background:radial-gradient(circle at 12%,color-mix(in srgb,var(--alliance-color) 22%,transparent),transparent 38%),linear-gradient(130deg,#19384a,#091c29)}.alliance-crest{width:62px;height:72px;clip-path:polygon(8% 0,92% 0,100% 75%,50% 100%,0 75%);background:linear-gradient(145deg,var(--alliance-color),#2f5872);display:grid;place-items:center;position:relative}.alliance-crest:before{content:"";position:absolute;inset:5px;clip-path:inherit;background:#102b3a}.alliance-crest b{z-index:1;font-size:17px;color:var(--alliance-color)}.alliance-banner>div:nth-child(2)>span{color:var(--muted);font-size:7px}.alliance-banner>div:nth-child(2)>strong{display:block;font-size:21px}.alliance-banner>div:nth-child(2)>small{font-size:7px;color:#8ea8b3}.alliance-rank{display:flex;gap:5px;color:var(--gold)}.alliance-rank span{font-size:6px}.alliance-rank strong{display:block;font-size:13px}.alliance-discovery-hero{display:flex;align-items:center;gap:15px;margin:0 13px 12px;padding:15px;border:1px solid rgba(149,214,225,.2);border-radius:9px;background:radial-gradient(circle at 10%,rgba(105,213,231,.15),transparent 35%),#0d2838}.alliance-discovery-hero h2{font-size:17px;margin:0 0 4px}.alliance-discovery-hero p{font-size:9px;line-height:1.45;color:var(--muted);margin:0}.alliance-orbit{width:67px;height:67px;flex:none;border:1px solid rgba(114,216,233,.3);border-radius:50%;display:grid;place-items:center;position:relative;color:var(--ice)}.alliance-orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--ice);left:50%;top:-4px;transform-origin:0 37px;animation:orbit 5s linear infinite}.alliance-orbit i:nth-child(2){animation-delay:-1.7s}.alliance-orbit i:nth-child(3){animation-delay:-3.4s}@keyframes orbit{to{transform:rotate(360deg)}}.alliance-search{position:relative;margin:0 13px 9px}.alliance-search svg{position:absolute;left:10px;top:12px;color:#7796a3}.alliance-search input{padding-left:35px}.suggestion-list{display:grid;gap:7px;padding:0 13px}.alliance-suggestion{min-height:92px;padding:9px;display:grid;grid-template-columns:50px 1fr auto;gap:9px;align-items:center}.mini-crest{width:47px;height:55px;clip-path:polygon(8% 0,92% 0,100% 75%,50% 100%,0 75%);background:linear-gradient(145deg,var(--alliance-color),#203c4f);display:grid;place-items:center;font-size:11px;font-weight:900}.alliance-suggestion>div:nth-child(2)>span{color:var(--gold);font-size:6px}.alliance-suggestion h3{font-size:11px;margin:2px 0}.alliance-suggestion p{color:var(--muted);font-size:8px;margin:0 0 4px}.alliance-suggestion small{display:flex;align-items:center;gap:3px;color:#8faab5;font-size:7px}.create-alliance-form .fe-button{margin-top:14px}.alliance-overview,.member-list,.territory-panel{padding:0 13px}.alliance-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.alliance-actions-grid button{min-height:63px;padding:8px;border:1px solid var(--line);border-radius:7px;background:linear-gradient(140deg,#234859a8,#0a1d28cc);display:flex;align-items:center;gap:8px;text-align:left}.alliance-actions-grid svg{color:var(--ice)}.alliance-actions-grid span{font-size:9px;font-weight:800}.alliance-actions-grid small{display:block;font-size:7px;color:var(--muted);margin-top:2px}.alliance-tech-panel{padding:11px;margin-top:8px}.alliance-tech{display:grid;grid-template-columns:39px 1fr auto;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--line)}.tech-glyph{width:35px;height:35px;border-radius:6px;display:grid;place-items:center;background:#d3a7491f;color:var(--gold)}.tech-glyph.combat{color:var(--red);background:#e75c681f}.tech-glyph.gathering{color:var(--green);background:#50c89c1f}.alliance-tech strong{font-size:9px}.alliance-tech span{float:right;color:var(--muted);font-size:7px}.alliance-tech .progress-block{margin-top:4px}.alliance-mission-mini{margin-top:8px;padding:11px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.alliance-mission-mini span{color:var(--violet);font-size:7px}.alliance-mission-mini strong{display:block;font-size:10px}.alliance-mission-mini p{color:var(--muted);font-size:7px;margin:2px 0}.alliance-mission-mini b{font-size:8px}.member-list{display:grid;gap:5px}.member-row{min-height:57px;padding:7px;display:grid;grid-template-columns:35px 1fr auto auto;align-items:center;gap:8px}.member-row>div:nth-child(2)>strong{font-size:9px}.member-row>div:nth-child(2)>strong i{font-style:normal;color:var(--ice);font-size:6px}.member-row>div:nth-child(2)>span{display:block;color:var(--muted);font-size:7px}.member-online{font-size:7px;color:var(--muted)}.member-online i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#667881;margin-right:3px}.member-online i.on{background:var(--green)}.member-row>b{text-align:right;font-size:9px}.member-row>b small{display:block;font-size:5px;color:var(--muted)}.member-list>.fe-button{margin-top:8px}.alliance-chat{height:calc(100% - 179px);min-height:340px;margin:0 13px;display:grid;grid-template-rows:30px minmax(0,1fr) 47px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#05131c85}.chat-channel{display:flex;align-items:center;gap:6px;padding:0 9px;border-bottom:1px solid var(--line);color:var(--ice);font-size:7px}.chat-channel i{margin-left:auto;color:var(--green);font-style:normal}.chat-messages{overflow-y:auto;padding:8px}.chat-message{display:flex;gap:8px;margin-bottom:9px}.chat-message>div:last-child{max-width:80%}.chat-message>div>span{display:flex;gap:7px;align-items:center}.chat-message b{font-size:8px}.chat-message small{font-size:6px;color:var(--muted)}.chat-message p{display:inline-block;margin:3px 0 0;padding:6px 8px;border-radius:2px 7px 7px;background:#294e6094;font-size:9px;line-height:1.4}.chat-compose{display:grid;grid-template-columns:1fr 42px;border-top:1px solid var(--line);padding:5px}.chat-compose input{min-height:35px;height:35px;border:0;background:#0003}.chat-compose button{border:0;background:transparent;color:var(--ice)}.territory-map{height:200px;border:1px solid var(--line);border-radius:9px;overflow:hidden;position:relative;background:#102b38}.territory-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:27px 27px}.territory-zone{position:absolute;left:50%;top:50%;width:150px;height:130px;transform:translate(-50%,-50%);border:2px dashed var(--alliance-color);border-radius:45% 55%;background:color-mix(in srgb,var(--alliance-color) 15%,transparent);display:grid;place-items:center}.territory-zone span{font-weight:900;color:var(--alliance-color)}.territory-zone i{position:absolute;width:12px;height:18px;background:var(--alliance-color);clip-path:polygon(0 0,100% 20%,0 42%)}.territory-zone i:nth-child(1){left:4px;top:16px}.territory-zone i:nth-child(2){right:5px;top:32px}.territory-zone i:nth-child(3){left:25px;bottom:4px}.territory-zone i:nth-child(4){right:27px;bottom:2px}.territory-fort{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:#102b3b;border:2px solid var(--alliance-color);color:var(--alliance-color)}.territory-panel>section{margin-top:8px;padding:11px}.territory-panel>section p{color:var(--muted);font-size:8px;line-height:1.45}.territory-bonuses{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.territory-bonuses span{padding:6px;border:1px solid var(--line);border-radius:5px;font-size:7px}.territory-bonuses b{display:block;color:var(--green);font-size:10px}.territory-conflict{display:flex;gap:9px;padding:11px;color:var(--red)}.territory-conflict strong{display:block;color:#dcebed;font-size:9px}.territory-conflict span{display:block;color:var(--muted);font-size:8px;margin-top:2px}.live-event-chip{padding:6px 8px;display:flex;align-items:center;gap:5px;border:1px solid rgba(97,215,166,.28);border-radius:5px;color:var(--green);font-size:7px;background:#3ba17c1a}.featured-event{min-height:155px;margin:0 13px 9px;padding:16px;display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid rgba(98,210,232,.35);border-radius:9px;background:radial-gradient(circle at 80% 10%,rgba(124,98,207,.3),transparent 40%),linear-gradient(130deg,#184e62,#14243f 70%,#091b28);position:relative;overflow:hidden}.featured-event h2{font-family:FrozenDisplay,Impact,sans-serif;font-size:27px;margin:4px 0}.featured-event p{font-size:9px;color:#b3c9d1;line-height:1.45;max-width:300px}.event-ice-shards{position:absolute;right:-15px;top:-25px;width:130px;height:180px;background:linear-gradient(140deg,rgba(156,242,249,.14),transparent);clip-path:polygon(30% 0,55% 38%,70% 5%,66% 51%,100% 34%,72% 65%,95% 100%,55% 73%,20% 100%,39% 61%,0 48%,42% 43%)}.featured-event__badge{position:relative;width:75px;height:75px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#04121c8c;border:1px solid rgba(191,154,245,.38);color:var(--violet)}.featured-event__badge svg{width:17px}.featured-event__badge strong{font-size:15px}.featured-event__badge span{font-size:6px;color:var(--muted)}.event-countdown{display:inline-flex;align-items:center;gap:4px;color:var(--gold);font-size:8px}.event-card-list{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding:0 13px}.event-card{min-height:126px;display:grid;grid-template-columns:55px 1fr;gap:8px;padding:8px;border:1px solid color-mix(in srgb,var(--event-accent) 30%,transparent);border-radius:8px;background:linear-gradient(140deg,color-mix(in srgb,var(--event-accent) 10%,#173447),#091b28);text-align:left;position:relative;overflow:hidden}.event-card__art{width:52px;height:74px;border-radius:6px;display:grid;place-items:center;background:color-mix(in srgb,var(--event-accent) 15%,rgba(0,0,0,.25));color:var(--event-accent);font-size:28px}.event-card__body>span{font-size:6px;color:var(--event-accent)}.event-card h3{font-size:10px;margin:2px 0}.event-card p{font-size:7px;color:var(--muted);margin:0 0 7px}.event-card__body small{font-size:6px;color:#8fa7b2}.event-card__time{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:5px}.upcoming-events{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:0 13px}.upcoming-events>section{padding:8px;display:grid;grid-template-columns:31px 1fr;align-items:center;gap:7px}.upcoming-events>section>span svg{width:21px}.upcoming-events strong{font-size:8px}.upcoming-events small{display:block;color:var(--muted);font-size:6px}.upcoming-events b{grid-column:1/-1;color:#6c8793;font-size:6px}.event-modal-banner{min-height:85px;padding:12px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:10px;border-radius:8px;border:1px solid color-mix(in srgb,var(--event-accent) 38%,transparent);background:radial-gradient(circle at 10%,color-mix(in srgb,var(--event-accent) 30%,transparent),transparent 40%),#102738}.event-modal-banner>div>span{display:block;color:var(--muted);font-size:7px}.event-modal-banner>div>strong{font-size:20px}.event-modal h3{font-size:11px;margin:13px 0 0}.event-objectives{margin:10px 0}.event-objectives>div{display:flex;align-items:center;gap:8px;padding:7px;border-top:1px solid var(--line)}.event-objectives svg{color:var(--event-accent)}.event-objectives span{font-size:8px}.event-objectives strong{display:block;color:var(--muted);font-size:7px}.leaderboard{padding:0 13px}.leaderboard-filters{display:grid;gap:7px}.leaderboard-filters select{height:38px;min-height:38px}.leaderboard-live{display:flex;align-items:center;gap:5px;margin:8px 0;color:var(--green);font-size:7px}.leaderboard-live small{margin-left:auto;color:var(--muted)}.podium{height:180px;display:flex;align-items:flex-end;justify-content:center;gap:6px;padding:12px 5px 0;background:radial-gradient(circle at 50% 0,rgba(221,175,82,.13),transparent 42%)}.podium>div{width:30%;height:132px;padding:9px 4px;display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);border-radius:8px 8px 0 0;background:linear-gradient(#1d4053,#102634);position:relative}.podium>div.first{height:159px;border-color:#efc26673;background:linear-gradient(#7b5b258c,#142c39)}.podium-rank{position:absolute;top:-10px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#183849;border:1px solid var(--line);font-size:8px}.podium .first .podium-rank{background:#b17b30;border-color:#f2cf82}.podium .commander-avatar{margin:5px 0}.podium strong{font-size:8px;text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium small{font-size:6px;color:var(--muted)}.podium b{color:var(--gold);font-size:10px;margin-top:4px}.rank-list{border:1px solid var(--line);border-radius:0 0 8px 8px;overflow:hidden}.rank-list>div{min-height:48px;padding:5px 8px;display:grid;grid-template-columns:22px 34px 1fr auto;gap:7px;align-items:center;border-top:1px solid var(--line);background:#102835a1}.rank-list>div.me{background:#2b7c913b;border-color:#69d9eb52}.rank-list>div>b{color:var(--muted);font-size:10px}.rank-list strong{display:block;font-size:8px}.rank-list small{display:block;color:var(--muted);font-size:6px}.rank-list em{font-style:normal;color:var(--gold);font-size:9px;font-weight:800}.my-rank{position:sticky;bottom:0;display:flex;justify-content:space-between;padding:10px;margin-top:6px;border:1px solid rgba(91,216,235,.36);border-radius:6px;background:#164052;font-size:9px}.my-rank b{color:var(--ice)}.svs-panel{padding:0 13px}.svs-hero{min-height:150px;display:grid;grid-template-columns:1fr 86px 1fr;align-items:center;border:1px solid var(--line);border-radius:9px;background:radial-gradient(circle at 50%,rgba(158,112,226,.2),transparent 35%),linear-gradient(110deg,#27799140,#101f31 48%,#933a4a33);overflow:hidden}.state-emblem{display:flex;flex-direction:column;align-items:center}.state-emblem svg{width:35px;height:35px;color:var(--ice)}.state-emblem.enemy svg{color:var(--red)}.state-emblem b{font-size:24px}.state-emblem span{font-size:7px;color:var(--muted)}.svs-vs{text-align:center}.svs-vs>span{color:var(--violet);font-size:6px}.svs-vs>strong{display:block;font-family:Impact,sans-serif;font-size:33px}.phase-track{display:grid;grid-template-columns:repeat(4,1fr);padding:9px;margin:7px 0}.phase{display:flex;align-items:center;gap:5px;opacity:.5}.phase i{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#223d4d;font-size:7px;font-style:normal}.phase span{font-size:6px}.phase strong{display:block;font-size:6px}.phase.active{opacity:1}.phase.active i{background:#3e99ad;box-shadow:0 0 9px #5ed8eb4d}.svs-score{display:grid;grid-template-columns:1fr auto 1fr;gap:9px;align-items:center;padding:12px 3px}.svs-score>div:last-child{text-align:right}.svs-score span{font-size:7px;color:var(--muted)}.svs-score strong{display:block;font-size:17px}.svs-score>b{color:var(--green);font-size:9px}.citadel-card{display:grid;grid-template-columns:74px 1fr;gap:10px;padding:11px}.citadel-art{height:90px;border-radius:6px;display:grid;place-items:center;color:var(--gold);background:radial-gradient(circle,rgba(234,183,84,.23),transparent 50%),#102738;position:relative}.citadel-art svg{width:32px;height:32px}.citadel-card>div:last-child>span{font-size:6px;color:var(--gold)}.citadel-card h3{font-size:11px;margin:2px 0}.citadel-card p{font-size:8px;color:var(--muted);line-height:1.4}.citadel-card>div:last-child>div{display:flex;justify-content:space-between}.citadel-card small{font-size:6px}.citadel-card b{font-size:7px;color:var(--muted)}.svs-objectives h3{font-size:10px;margin:12px 0 5px}.svs-objectives>div{display:grid;grid-template-columns:25px 1fr 35%;gap:7px;align-items:center;padding:7px;border-top:1px solid var(--line)}.svs-objectives i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#1e4052;color:var(--ice);font-size:7px;font-style:normal}.svs-objectives span{font-size:8px}.svs-objectives small{display:block;color:var(--muted);font-size:6px}.mail-categories{display:flex;gap:5px;overflow-x:auto;padding:0 13px 9px}.mail-categories button{flex:1 0 62px;min-height:47px;border:1px solid var(--line);border-radius:6px;background:#122b389e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#7e9aa6;position:relative}.mail-categories button span{font-size:7px}.mail-categories button b{position:absolute;right:4px;top:3px;min-width:14px;height:14px;border-radius:8px;padding:0 3px;background:var(--red);display:grid;place-items:center;font-size:6px}.mail-categories button.active{color:var(--ice);border-color:#62d7e966;background:#347d9042}.mail-list{display:grid;gap:5px;padding:0 13px}.mail-row{min-height:76px;display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:9px;padding:8px;border:1px solid var(--line);border-radius:7px;background:#112a37b0;text-align:left}.mail-row.unread{background:linear-gradient(120deg,#2d6f824d,#112a37cc);border-color:#66cfe24d}.mail-icon{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;color:var(--ice);background:#3d92a529;border:1px solid rgba(102,211,229,.24)}.mail-icon--battle{color:var(--red);background:#cf4d5b21;border-color:#ed647340}.mail-icon--alliance{color:var(--violet)}.mail-icon--event{color:var(--gold)}.mail-icon svg{width:18px}.mail-row>div:nth-child(2)>span{font-size:6px;color:var(--ice)}.mail-row h3{font-size:10px;margin:2px 0}.mail-row p{font-size:8px;color:var(--muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55vw}.mail-row i{display:flex;align-items:center;gap:3px;color:var(--gold);font-size:6px;font-style:normal;margin-top:3px}.mail-row aside{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;align-items:end}.mail-row aside small{color:var(--muted);font-size:6px}.mail-letter-head{display:flex;align-items:center;gap:9px;padding-bottom:10px;border-bottom:1px solid var(--line)}.mail-letter-head span{display:block;color:var(--ice);font-size:7px}.mail-letter-head strong{font-size:8px;color:var(--muted)}.mail-letter{min-height:120px;padding:14px 6px;color:#b9ccd3;font-size:10px;line-height:1.65}.mail-signature{margin-top:18px;color:#7896a3;font-style:italic}.mail-reward{padding:10px;border:1px solid rgba(235,190,96,.3);border-radius:7px;background:#825c2321;position:relative}.mail-reward>span{display:flex;align-items:center;gap:5px;color:var(--gold);font-size:7px;margin-bottom:6px}.mail-reward.claimed{filter:saturate(.3);opacity:.6}.mail-reward>b{position:absolute;right:9px;top:9px;color:var(--green);font-size:7px}.battle-mail-preview{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:9px;padding:9px;margin-top:8px;border:1px solid rgba(97,210,226,.28);border-radius:7px;background:#29798e1f}.battle-mail-preview.defeat{border-color:#ed60704d;background:#842c3821}.battle-mail-preview>div:first-child>span{display:block;color:var(--green);font-size:7px}.battle-mail-preview.defeat>div:first-child>span{color:var(--red)}.battle-mail-preview>div:first-child>strong{font-size:8px}.battle-mail-preview small{display:block;color:var(--muted);font-size:6px}.battle-mail-preview b{font-size:9px}.battle-mail-preview .fe-button{grid-column:1/-1}.mail-modal-actions{display:flex;gap:7px;margin-top:10px}.mail-modal-actions .fe-button{flex:1}.mission-banner{min-height:95px;margin:0 13px 9px;padding:11px;display:grid;grid-template-columns:56px 1fr 35%;align-items:center;gap:10px;border:1px solid rgba(231,187,94,.26);border-radius:8px;background:radial-gradient(circle at 10%,rgba(224,172,72,.17),transparent 35%),linear-gradient(130deg,#263846,#0c202e)}.mission-banner>div:first-child{width:51px;height:51px;border-radius:50%;display:grid;place-items:center;color:var(--gold);border:1px solid rgba(235,193,104,.34);background:#91612126}.mission-banner>span{font-size:7px;color:var(--gold)}.mission-banner>span>strong{display:block;color:#fff;font-size:20px}.mission-banner>span>small{display:flex;gap:3px;align-items:center;color:var(--muted);font-size:6px}.mission-kind-tabs{display:flex;gap:4px;overflow-x:auto;padding:0 13px 9px}.mission-kind-tabs button{flex:1 0 67px;height:46px;border:1px solid var(--line);border-radius:6px;background:#142c39ab;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#7e99a5;position:relative}.mission-kind-tabs span{font-size:6px}.mission-kind-tabs b{position:absolute;right:3px;top:3px;min-width:13px;height:13px;border-radius:7px;display:grid;place-items:center;background:var(--gold);color:#17202a;font-size:6px}.mission-kind-tabs button.active{color:var(--gold);border-color:#e7bd665c;background:#6e4f2433}.mission-list{display:grid;gap:6px;padding:0 13px}.mission-card{min-height:112px;padding:9px;display:grid;grid-template-columns:31px 1fr auto;gap:8px;align-items:center}.mission-card.complete{border-color:#61d8a847;background:linear-gradient(135deg,#2b755b2b,#0c1f2af2)}.mission-card.claimed{opacity:.57;filter:saturate(.5)}.mission-card__index{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#36697c33;border:1px solid var(--line);font-size:7px;color:var(--ice)}.mission-card.complete .mission-card__index{color:var(--green);border-color:#5edaa74d}.mission-card__body>span{color:var(--ice);font-size:6px}.mission-card__body h3{font-size:10px;margin:2px 0}.mission-card__body p{color:var(--muted);font-size:8px;margin:0 0 6px}.mission-reward{display:flex;align-items:center;gap:6px;margin-top:6px}.mission-reward>small{font-size:6px;color:var(--muted)}.claimed-label{display:flex;flex-direction:column;align-items:center;color:var(--green);font-size:7px}.claimed-label svg{width:20px}.in-progress{display:flex;align-items:center;color:#708d99;font-size:6px;white-space:nowrap}.achievement-note{margin:9px 13px;padding:10px;display:flex;gap:8px;color:var(--violet)}.achievement-note strong{display:block;color:#d9e9ed;font-size:9px}.achievement-note span{display:block;color:var(--muted);font-size:7px;margin-top:2px}.battle-result{position:fixed;z-index:1500;inset:0;display:grid;place-items:center;padding:15px;background:radial-gradient(circle at 50% 30%,rgba(61,172,194,.27),transparent 38%),#02080df2;overflow:hidden}.battle-result.defeat{background:radial-gradient(circle at 50% 30%,rgba(176,50,65,.28),transparent 38%),#080508f5}.battle-result__storm{position:absolute;inset:-50%;background:conic-gradient(transparent,rgba(142,231,239,.08),transparent 30%);animation:loading-ring 14s linear infinite}.battle-result__flare{position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid rgba(128,230,241,.17);box-shadow:0 0 70px #5dd6e61c}.battle-card{position:relative;width:min(100%,480px);max-height:94vh;overflow-y:auto;padding:24px 18px 18px;border:1px solid rgba(146,225,237,.32);border-radius:13px;background:linear-gradient(150deg,#183b4cf7,#06151ffa);box-shadow:0 20px 80px #000;text-align:center;animation:battle-card-in .45s ease}.defeat .battle-card{border-color:#ed657354;background:linear-gradient(150deg,#481d29f5,#120e16fc)}@keyframes battle-card-in{0%{transform:scale(.75);opacity:0}}.battle-emblem{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;color:var(--gold);border:2px solid var(--gold);background:#97662333;box-shadow:0 0 26px #e9b85240;animation:reveal-pop .55s ease}.defeat .battle-emblem{color:var(--red);border-color:var(--red);background:#8d2d3930}.battle-card h1{font-family:Impact,FrozenDisplay,sans-serif;font-size:41px;letter-spacing:.08em;margin:3px 0;color:var(--gold);text-shadow:0 0 18px rgba(238,191,90,.25)}.defeat .battle-card h1{color:var(--red)}.battle-location{font-size:8px;color:var(--muted)}.battle-versus{display:grid;grid-template-columns:1fr 38px 1fr;align-items:center;margin:15px 0}.battle-versus>div{display:flex;flex-direction:column;align-items:center}.battle-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--ice);background:#3997ac2e;color:var(--ice)}.battle-avatar--enemy{border-color:var(--red);color:var(--red);background:#a937452b}.battle-versus strong{font-size:9px;margin-top:4px}.battle-versus small{font-size:7px;color:var(--muted)}.battle-versus>b{font-family:Impact,sans-serif;font-size:14px;color:#718b96}.round-strikes{display:flex;justify-content:center;gap:6px;margin:5px 0 13px}.round-strikes i{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:#112c3b;font-style:normal;opacity:0;animation:round-hit .35s var(--delay) forwards}.round-strikes i.critical{border-color:var(--gold);color:var(--gold);box-shadow:0 0 10px #e9b44b40}.round-strikes span{font-size:6px;font-weight:900}@keyframes round-hit{0%{transform:scale(2)}to{opacity:1;transform:scale(1)}}.battle-stats{text-align:left;display:grid;gap:9px;padding:11px;border:1px solid var(--line);border-radius:7px;background:#0000002e}.casualty-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.casualty-row span{font-size:6px;color:var(--muted)}.casualty-row b{display:block;color:#e5f2f4;font-size:10px}.battle-rewards{margin:10px 0;padding:9px;border:1px solid rgba(232,187,94,.28);border-radius:7px;background:#8b5e211f;text-align:left}.battle-rewards>span{display:flex;gap:5px;align-items:center;color:var(--gold);font-size:7px;margin-bottom:6px}.battle-actions{display:grid;grid-template-columns:1fr 1fr 38px;gap:6px}.battle-share{border:1px solid var(--line);border-radius:6px;background:#ffffff0a;display:grid;place-items:center}.chat-fab{position:fixed;z-index:610;right:11px;bottom:calc(77px + var(--safe-bottom));width:45px;height:45px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(117,219,235,.49);background:linear-gradient(145deg,#286f84,#123446);box-shadow:0 6px 18px #0006,0 0 13px #4ac6dc26;cursor:pointer}.chat-fab i{position:absolute;right:1px;top:1px;width:8px;height:8px;border-radius:50%;background:var(--green);border:1px solid #d3ffed}.chat-fab.open i{display:none}.global-chat-panel{position:fixed;z-index:600;right:8px;bottom:calc(73px + var(--safe-bottom));width:min(94vw,380px);height:min(67vh,570px);display:grid;grid-template-rows:48px 41px auto minmax(0,1fr) 48px;border:1px solid rgba(127,216,231,.38);border-radius:12px;background:linear-gradient(155deg,#153547,#071a27);box-shadow:0 18px 60px #0009;overflow:hidden;animation:chat-in .2s ease}@keyframes chat-in{0%{transform:translateY(15px);opacity:0}}.global-chat-panel>header{display:flex;align-items:center;justify-content:space-between;padding:7px 11px;border-bottom:1px solid var(--line)}.global-chat-panel>header span{display:block;color:var(--ice);font-size:6px}.global-chat-panel>header strong{font-size:10px}.global-chat-panel>header button{width:31px;height:31px;border:0;border-radius:50%;background:#ffffff0a}.global-chat-panel>.segmented{margin:5px 7px}.chat-contact-select{min-height:34px;height:34px;margin:0 7px 4px;width:calc(100% - 14px);font-size:8px}.global-chat-messages{overflow-y:auto;padding:8px}.global-chat-message{display:flex;gap:7px;margin-bottom:9px}.global-chat-message>div:last-child{max-width:80%}.global-chat-message>div>span{display:flex;gap:6px}.global-chat-message b{font-size:7px}.global-chat-message small{font-size:6px;color:var(--muted)}.global-chat-message p{margin:3px 0 0;padding:6px 8px;border-radius:2px 7px 7px;background:#2e5668a3;font-size:8px;line-height:1.4}.global-chat-message.mine{flex-direction:row-reverse}.global-chat-message.mine>div>span{justify-content:flex-end}.global-chat-message.mine p{background:#2e849780;border-radius:7px 2px 7px 7px}.global-chat-panel>form{display:grid;grid-template-columns:1fr 41px;padding:5px;border-top:1px solid var(--line)}.global-chat-panel>form input{min-height:36px;height:36px;border:0}.global-chat-panel>form button{border:0;background:transparent;color:var(--ice)}@keyframes fade-in{0%{opacity:0}}@media(min-width:700px){.game-root{grid-template-rows:calc(65px + var(--safe-top)) 41px minmax(0,1fr) calc(75px + var(--safe-bottom))}.top-hud{padding-left:18px;padding-right:18px}.resource-ribbon{padding-left:15px;padding-right:15px}.resource-pill{max-width:160px}.screen-header{padding:22px 24px 16px}.bottom-nav{justify-content:center}.bottom-nav button{flex-basis:78px}.game-content>.screen{padding-left:clamp(0px,2vw,30px);padding-right:clamp(0px,2vw,30px)}.city-view{padding:0!important}.city-toolbar{padding:9px 14px}.queue-dock{padding:7px 14px}.hero-grid,.event-card-list{grid-template-columns:repeat(3,1fr)}.upcoming-events{grid-template-columns:repeat(4,1fr)}.troop-list{grid-template-columns:repeat(2,1fr)}.tech-tree{max-width:760px;margin:auto}.suggestion-list,.mission-list,.mail-list{grid-template-columns:repeat(2,1fr)}.world-map{min-height:470px}.global-chat-panel{bottom:88px;right:18px}.chat-fab{bottom:92px;right:21px}.modal-backdrop{align-items:center}.modal-sheet{border-bottom:1px solid rgba(166,227,237,.32);border-radius:15px;max-height:min(88vh,860px)}.profile-drawer{width:390px}.daily-grid{grid-template-columns:repeat(6,1fr)}}@media(min-width:1080px){.game-root{grid-template-columns:92px 1fr;grid-template-rows:calc(65px + var(--safe-top)) 41px minmax(0,1fr);max-width:1480px}.top-hud{grid-column:1/-1}.resource-ribbon{grid-column:2;grid-row:2}.game-content{grid-column:2;grid-row:3}.bottom-nav{grid-column:1;grid-row:2/4;flex-direction:column;padding:8px 6px;border-top:0;border-right:1px solid var(--line);overflow-y:auto}.bottom-nav button{flex:1 0 60px;width:100%;max-height:78px;max-width:none}.bottom-nav button small{font-size:8px}.city-view{grid-template-rows:minmax(0,1fr) 65px}.city-stage{grid-row:1}.queue-dock{grid-row:2}.city-canvas{min-height:600px}.hero-grid,.event-card-list{grid-template-columns:repeat(4,1fr)}.world-hud{padding-left:18px;padding-right:18px}.world-title{min-width:180px}.global-chat-panel{bottom:18px}.chat-fab{bottom:22px}.screen-header h1{font-size:36px}.alliance-actions-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:380px){.player-chip__copy strong{max-width:92px}.realm-chip{padding:4px}.realm-chip small{display:none}.resource-pill{flex-basis:62px}.hero-grid{gap:5px;padding:0 8px}.hero-card{padding:5px}.hero-card .hero-portrait--lg{--size:69px}.troop-card{grid-template-columns:52px 1fr auto;padding:6px}.troop-card__icon{width:48px}.daily-grid{grid-template-columns:repeat(4,1fr)}.event-card-list{grid-template-columns:1fr}.mail-row p{max-width:45vw}.screen-header{padding-left:10px;padding-right:10px}.alliance-banner{grid-template-columns:58px 1fr}.alliance-rank{display:none}}@media(max-width:699px){.map-node>div{opacity:0;transform:translateY(-2px);transition:opacity .15s ease,transform .15s ease;pointer-events:none}.map-node.selected>div,.map-node.own-city>div,.map-node--fortress>div{opacity:1;transform:translateY(0)}}.view-loading{height:100%;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#7899a7;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.view-loading svg{color:var(--ice);animation:loading-ring 2s linear infinite}.admin-modal{width:min(96vw,940px)}.admin-security{min-height:33px;display:flex;align-items:center;gap:7px;padding:6px 9px;margin-bottom:8px;border:1px solid rgba(101,221,175,.28);border-radius:6px;color:var(--green);background:#328c6b1a;font-size:7px;font-weight:800;letter-spacing:.06em}.admin-security i{margin-left:auto;font-style:normal}.admin-modal .segmented{margin-bottom:10px}.admin-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.admin-metrics>section{min-height:90px;padding:10px;display:flex;flex-direction:column;justify-content:center;gap:5px}.admin-metrics svg{color:var(--ice);width:19px}.admin-metrics span{color:var(--muted);font-size:7px;text-transform:uppercase}.admin-metrics strong{font-size:18px}.admin-server{padding:10px;display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:8px}.admin-server>svg{color:var(--green)}.admin-server strong{font-size:10px}.admin-server span{display:block;color:var(--muted);font-size:7px}.admin-server>b{color:var(--green);font-size:8px}.admin-search{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:5px;margin-bottom:8px}.admin-search>svg{color:var(--muted)}.admin-search input{min-height:36px;height:36px}.admin-player-list,.admin-log-list{display:grid;gap:5px;max-height:52vh;overflow:auto}.admin-player-list>section{padding:7px;display:grid;grid-template-columns:35px 1fr auto auto auto;gap:7px;align-items:center}.admin-player-list strong{font-size:9px}.admin-player-list strong i{color:var(--ice);font-size:6px;font-style:normal}.admin-player-list span{display:block;color:var(--muted);font-size:7px}.admin-player-list section>b{color:var(--green);font-size:7px}.admin-player-list section>b.banned{color:var(--red)}.admin-form{max-width:620px;margin:0 auto}.admin-form-hero{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:7px;background:#30657726;color:var(--ice)}.admin-form-hero strong{display:block;color:var(--text);font-size:10px}.admin-form-hero span{color:var(--muted);font-size:8px}.admin-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.admin-form-grid label{color:var(--muted);font-size:7px}.admin-form-grid input{margin-top:4px}.admin-form>.fe-button{margin-top:12px}.admin-log-list>section{min-height:54px;padding:8px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px}.admin-log-list svg{color:var(--red)}.admin-log-list strong{font-size:9px}.admin-log-list span{display:block;color:var(--muted);font-size:7px}.admin-log-list b{font-size:8px;color:var(--gold)}@media(max-width:699px){.admin-metrics{grid-template-columns:repeat(2,1fr)}.admin-player-list>section{grid-template-columns:35px 1fr auto}.admin-player-list>section .fe-button{grid-row:2}.admin-form-grid{grid-template-columns:1fr}}.hero-header-actions{display:flex;flex-direction:column;gap:4px;align-items:stretch}.hero-header-actions .fe-button{white-space:nowrap}.rally-timer{display:flex;align-items:center;gap:5px;margin:7px 0;padding:6px;border:1px solid rgba(183,134,241,.22);border-radius:6px;background:#4e30701f}.rally-timer span{margin-right:auto;color:var(--violet);font-size:7px;font-weight:850}.rally-timer button{min-width:39px;height:25px;border:1px solid var(--line);border-radius:4px;background:#0003;font-size:7px}.rally-timer button.active{color:#fff;border-color:var(--violet);background:#875bc759}.rally-board{margin-top:8px;padding:10px}.rally-board .panel-title>b{color:var(--red)}.rally-empty{min-height:48px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:8px}.rally-empty .fe-button{margin-left:auto}.rally-row{display:grid;grid-template-columns:minmax(120px,1fr) auto auto;gap:7px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}.rally-row__target{display:flex;gap:7px;align-items:center;color:var(--red)}.rally-row__target span{font-size:6px}.rally-row__target strong{display:block;color:var(--text);font-size:9px;margin-top:2px}.rally-row__stats{display:flex;gap:7px;color:var(--muted)}.rally-row__stats span{display:flex;align-items:center;gap:3px;font-size:6px}.rally-participants{display:flex}.rally-participants .commander-avatar{margin-left:-8px}.rally-participants .commander-avatar:first-child{margin-left:0}.rally-row>.fe-button,.rally-joined{grid-column:3}.rally-joined{color:var(--green);font-size:7px;text-align:right}@media(max-width:520px){.rally-row{grid-template-columns:1fr auto}.rally-row__stats{grid-column:1 / -1}.rally-participants{grid-column:1}.rally-row>.fe-button,.rally-joined{grid-column:2}}.game-root{width:min(100%,480px);max-width:480px}@media(min-width:700px){body{background:radial-gradient(circle at 50% 18%,#173648 0,#07131f 38%,#02070b 78%)}.game-root{grid-template-rows:calc(58px + var(--safe-top)) 37px minmax(0,1fr) calc(68px + var(--safe-bottom));border-left:1px solid rgba(132,217,232,.18);border-right:1px solid rgba(132,217,232,.18)}.screen-header{padding:18px 16px 13px}.screen-header h1{font-size:29px}.game-content>.screen{padding-left:0;padding-right:0}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-card-list,.upcoming-events{grid-template-columns:repeat(2,1fr)}.troop-list,.suggestion-list,.mission-list,.mail-list{grid-template-columns:1fr}.world-map{min-height:0}.daily-grid{grid-template-columns:repeat(5,1fr)}.modal-sheet{width:min(100%,480px)}}@media(min-width:1080px){.game-root{grid-template-columns:1fr;grid-template-rows:calc(58px + var(--safe-top)) 37px minmax(0,1fr) calc(68px + var(--safe-bottom))}.top-hud{grid-column:1;grid-row:1}.resource-ribbon{grid-column:1;grid-row:2}.game-content{grid-column:1;grid-row:3}.bottom-nav{grid-column:1;grid-row:4;flex-direction:row;padding:3px 6px var(--safe-bottom);border-right:0;border-top:1px solid rgba(156,225,237,.24);overflow-x:auto}.bottom-nav button{flex:1 0 58px;width:auto;max-width:92px;max-height:none}.bottom-nav button small{font-size:7px}.city-view{grid-template-rows:44px minmax(0,1fr) 63px}.city-stage{grid-row:1 / 3}.queue-dock{grid-row:3}.city-canvas{min-height:390px}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-card-list,.alliance-actions-grid{grid-template-columns:repeat(2,1fr)}.global-chat-panel{bottom:calc(73px + var(--safe-bottom))}.chat-fab{bottom:calc(77px + var(--safe-bottom))}}.game-content{z-index:auto}@media(min-width:700px){.chat-fab{right:calc((100vw - 480px)/2 + 11px)}.global-chat-panel{right:calc((100vw - 480px)/2 + 8px)}.profile-drawer{margin-left:max(0px,calc((100vw - 480px)/2))}}