:root{--bg:#1a0f0b;--panel:#2a1812;--border:#5a3322;--text:#f1e2d6;--muted:#b89a86;--accent:#e0622b;--fed:#3d7fd9;--reb:#e39a1f;--error:#ff6b5a;color:var(--text);font-family:system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(ellipse at top, #4a2215, var(--bg) 70%);min-height:100vh;margin:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;max-width:560px;margin:40px auto;padding:24px}h1{color:var(--accent);margin-top:0}.tabs{gap:8px;margin-bottom:16px;display:flex}.tabs button{flex:1}.tabs button.active{border-color:var(--accent);color:var(--accent)}form{flex-direction:column;gap:12px;display:flex}label{color:var(--muted);flex-direction:column;gap:4px;display:flex}input,textarea{color:var(--text);border:1px solid var(--border);background:#170c08;border-radius:6px;padding:10px;font-size:16px}button{color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:10px 16px;font-size:15px}button:disabled{opacity:.5;cursor:wait}button.primary{background:var(--accent);border-color:var(--accent);font-weight:600}.factions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.faction{border:2px solid var(--border);cursor:pointer;border-radius:8px;padding:12px;font-size:14px}.faction input{display:none}.faction strong{font-size:17px}.faction.federation strong{color:var(--fed)}.faction.rebels strong{color:var(--reb)}.faction ul{color:var(--text);margin:6px 0 0;padding-left:18px}.faction.federation:has(input:checked){border-color:var(--fed);background:#13213a}.faction.rebels:has(input:checked){border-color:var(--reb);background:#3a2610}.hint{color:var(--muted);margin:0}.error{color:var(--error);min-height:1em;margin:0}.topbar{background:var(--panel);border-bottom:3px solid var(--border);justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.topbar.federation{border-bottom-color:var(--fed)}.topbar.rebels{border-bottom-color:var(--reb)}.topbar small{color:var(--muted)}.who{align-items:center;gap:10px;display:flex}.avatar{object-fit:cover;border:2px solid var(--border);border-radius:50%;width:44px;height:44px}.topbar.federation .avatar{border-color:var(--fed)}.topbar.rebels .avatar{border-color:var(--reb)}.avatar-wrap{flex:none;display:inline-flex;position:relative}.player-level{color:#ffe066;text-align:center;background:#2a160d;border:2px solid #ffd166;border-radius:10px;min-width:22px;padding:1px 4px;font-size:12px;line-height:16px;position:absolute;bottom:-4px;right:-6px}.xp-bar{background:#00000073;border-radius:3px;width:120px;max-width:100%;height:5px;margin-top:3px;display:block;overflow:hidden}.xp-bar>span{background:linear-gradient(90deg,#ffb347,#ffe066);height:100%;display:block}.emblem-small{width:32px;height:32px}body.page-bg:before{content:"";z-index:-1;background-color:var(--bg);background-image:radial-gradient(ellipse at 50% 35%, #1a0f0b26, #1a0f0bb3 85%), var(--page-bg);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}html.framed,html.framed body{height:100%;overflow:hidden}html.framed #app{height:100%;overflow-y:auto}body.auth-page{background:#1a0f0b url(/assets/bg_login.webp) 50%/cover no-repeat fixed}.logo{aspect-ratio:3.2;background:url(/assets/logo.webp) 50%/contain no-repeat;justify-content:center;align-items:center;max-width:560px;margin:32px auto 0;display:flex}.logo h1 small{letter-spacing:3px;font-size:.55em;display:block}.logo h1{text-align:center;letter-spacing:2px;text-transform:uppercase;color:#ffd9c2;text-shadow:0 2px #000,0 0 12px #e0622be6;margin:0;font-size:clamp(26px,6vw,42px);line-height:1.15}.auth-page .panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2a1812e0;margin-top:12px}.faction-emblem{width:72px;height:72px;margin:0 auto 6px;display:block}.faction strong{text-align:center;display:block}.card-img{object-fit:contain;filter:drop-shadow(0 6px 8px #00000080);width:100%;height:150px}.card.not-built .card-img{filter:grayscale(.8)brightness(.6)}.inline-icon{vertical-align:-5px;width:20px;height:20px;margin-right:3px}.with-icon{align-items:center;gap:8px;display:inline-flex}.queue-icon{flex-shrink:0;width:48px;height:48px}.army-icon{flex-shrink:0;width:36px;height:36px}.banner-icon{vertical-align:-8px;width:28px;height:28px;margin-right:6px}.legend-icon{vertical-align:-5px;width:20px;height:20px}.game-main{max-width:1340px;margin:0 auto;padding:0 16px 40px}.game-main :is(.banner,.queue,.cards,.army-block,.view-toggle,.base-wrap,.map-layout,.clan-layout){max-width:none;margin-left:0;margin-right:0}.game-main :is(.cards,.map-layout,.clan-layout){padding-left:0;padding-right:0}.section-title{color:var(--accent);margin:20px 0 0;font-size:16px}.hud{border:1px solid var(--border);background:#140b08d1;border-radius:10px;gap:4px;padding:8px 10px;display:grid;box-shadow:0 4px 14px #00000080}.hud.overlay{background:#140b08e6;width:200px;position:absolute;top:10px;left:10px}.hud.strip{grid-template-columns:repeat(4,1fr);gap:4px 14px;margin-top:12px}.hud-row{align-items:center;gap:8px;display:flex}.hud-icon{filter:drop-shadow(0 2px 2px #000000b3);flex-shrink:0;width:30px;height:30px}.hud-body{flex:1;min-width:0}.hud-value{white-space:nowrap;align-items:baseline;gap:6px;display:flex}.hud-value strong{font-variant-numeric:tabular-nums;font-size:16px}.hud-value small{color:#8fd18f;font-size:12px}.hud-row.warn .hud-value small{color:var(--error)}.res-bar{background:#3a2118;border-radius:2px;height:4px;margin-top:2px;overflow:hidden}.res-bar div{background:var(--accent);height:100%;transition:width 1s linear}.hud-row.warn .res-bar div{background:var(--error)}@media (width<=700px){.hud.strip{grid-template-columns:1fr 1fr}.hud.overlay{width:150px;padding:6px 8px}.hud.overlay .hud-icon{width:22px;height:22px}.hud.overlay .hud-value strong{font-size:13px}.hud.overlay .hud-value small{font-size:10px}}.banner{border-radius:8px;max-width:1068px;margin:12px auto 0;padding:10px 14px}.banner.warn{border:1px solid var(--error);background:#4a1712}.banner.message{border:1px solid var(--reb);background:#3a2a12}.queue{background:var(--panel);border:1px solid var(--accent);border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:8px 16px;max-width:1068px;margin:12px auto 0;padding:12px 14px;display:grid}.queue .timer{font-variant-numeric:tabular-nums;color:var(--accent);font-size:20px}.progress{background:#170c08;border-radius:3px;grid-column:1/-1;height:6px;overflow:hidden}.progress div{background:var(--accent);height:100%;transition:width 1s linear}.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;max-width:1100px;margin:16px auto 40px;padding:0 16px;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:6px;padding:14px;display:flex}.card p{margin:0;font-size:14px}.card>button,.card .train{margin-top:auto}.card-head{justify-content:space-between;align-items:baseline;display:flex}.stats{flex-wrap:wrap;gap:4px 12px;margin:4px 0;font-size:14px;font-weight:600;display:flex}.unit-role{text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:12px;font-weight:700}.unit-role.kind-infantry{color:#9fd67a}.unit-role.kind-vehicle{color:#f0b060}.unit-role.kind-air{color:#7fc8ff}.unit-vs{margin:2px 0;font-size:13px}.unit-vs.good{color:#9fd67a}.unit-vs.bad{color:#ff9b7a}.battle-effects{color:#9fd67a;margin:4px 0 8px;padding-left:18px}.battle-kills{grid-template-columns:1fr 1fr;gap:8px 16px;display:grid}.battle-kills h4{margin:4px 0;font-size:13px}.battle-kills ul{margin:0;padding-left:18px;font-size:13px}@media (width<=520px){.battle-kills{grid-template-columns:1fr}}.rounds-table td{font-size:13px}.train{grid-template-columns:minmax(0,1fr) auto auto;gap:6px;display:grid}.train input{width:100%;min-width:0;padding:8px}.train button{padding:8px 10px;font-size:14px}.train .rush{color:#d9f4ff;background:#173a4a;border-color:#3fa7c9;grid-column:1/-1;font-size:13px}.train .rush:disabled{opacity:.5}.rush-tag{color:#d9f4ff;background:#173a4a;border-radius:4px;padding:0 5px}.army-block{background:var(--panel);border:1px solid var(--border);border-radius:8px;max-width:1068px;margin:16px auto 0;padding:12px 14px}.army-block h2{color:var(--accent);margin:0 0 8px;font-size:16px}.army-list{flex-wrap:wrap;gap:8px;display:flex}.army-item{background:#170c08;border-radius:6px;align-items:center;gap:6px;padding:4px 10px 4px 4px;display:inline-flex}.order{grid-template-columns:1fr auto auto;align-items:center;gap:6px 16px;padding:6px 0;display:grid}.order+.order{border-top:1px solid var(--border)}.base-popup{overflow-x:hidden}.base-popup .order{grid-template-columns:minmax(0,1fr) auto}.base-popup .order .queue-actions{flex-wrap:wrap;grid-column:1/-1}.base-popup .order .queue-actions>*{flex:auto}.base-popup .order .progress{grid-column:1/-1}.order .timer{font-variant-numeric:tabular-nums;color:var(--accent)}.level{color:var(--accent);font-weight:600}.cost{color:var(--muted)}.cost .short{color:var(--error)}@media (width<=700px){.resources{grid-template-columns:1fr 1fr;gap:6px}.res{gap:6px;padding:6px 8px}.res strong{font-size:16px}}.map-layout{grid-template-columns:minmax(220px,1fr) minmax(300px,1.4fr) minmax(220px,1fr);align-items:start;gap:12px;max-width:1100px;margin:0 auto 40px;padding:0 16px;display:grid}.map-layout .army-block{margin:16px 0 0}.overview,.sector-grid{grid-template-columns:repeat(var(--n), 1fr);gap:2px;display:grid}.overview button,.sector-grid button{aspect-ratio:1;background:#1f110c;border-color:#3a2118;border-radius:3px;min-width:0;padding:0;font-size:12px}.overview .sector{--tint:#14080499;background:linear-gradient(var(--tint), var(--tint)), url(/assets/tile_plain.webp) center / cover}.overview .sector.federation{--tint:#285aaa99}.overview .sector.rebels{--tint:#aa640a8c}.overview .sector.mixed{--tint:#6e3c6e99}.overview .sector{color:#fff;text-shadow:0 1px 2px #000;font-weight:700}.sector.own{border-color:var(--text)}.overview .active,.sector-grid .active{outline:2px solid var(--accent);outline-offset:-1px}.sector-grid{border-radius:6px;gap:0;overflow:hidden}.sector-grid .cell{background-position:50%;background-size:cover;border:0;border-radius:0;position:relative}.sector-grid .cell:hover{filter:brightness(1.25)}.sector-grid .active{outline-offset:-2px;z-index:1;outline:2px solid #fff}.cell-img{object-fit:contain;filter:drop-shadow(0 2px 3px #000c);pointer-events:none;width:128%;height:128%;position:absolute;inset:-14%}.sector-grid .cell:has(.cell-img){z-index:1}.cell-badge{color:#fff;background:#b3261e;border-radius:7px;min-width:14px;padding:0 3px;font-size:10px;line-height:14px;position:absolute;bottom:1px;right:1px}.cell-badge.own{color:#fff6c2;background:#b08a00}.cell.own{box-shadow:inset 0 0 0 2px #ffe066}.legend .own{color:#ffe066}.info-img{aspect-ratio:1;object-fit:contain;width:100%;max-width:220px;margin:0 auto 10px;display:block}.info-tile{object-fit:cover;border-radius:6px;width:100%;height:90px;margin-bottom:10px;display:block}.legend{color:var(--muted);flex-wrap:wrap;gap:4px 12px;margin-top:10px;font-size:13px;display:flex}.cell-info p{margin:0 0 8px}.faction-name.federation{color:var(--fed)}.faction-name.rebels{color:var(--reb)}@media (width<=900px){.map-layout{grid-template-columns:1fr}}.banner.alarm{border:1px solid var(--error);background:#5a1010}.banner.good{background:#14301a;border:1px solid #3c8a4a}.sector.gen-federation{box-shadow:inset 0 -4px 0 var(--fed)}.sector.gen-rebels{box-shadow:inset 0 -4px 0 var(--reb)}.cell.generator.owned.federation{box-shadow:inset 0 0 0 2px var(--fed)}.cell.generator.owned.rebels{box-shadow:inset 0 0 0 2px var(--reb)}.report-banner{background-position:50%;background-size:cover;border-radius:8px;align-items:flex-end;height:140px;margin:10px 0;padding:12px 16px;display:flex}.report-banner .result{text-shadow:0 2px 6px #000;font-size:28px;font-weight:800}.report-hero{background-position:50%;background-size:cover;border-radius:10px;justify-content:space-between;align-items:flex-end;gap:12px;min-height:190px;margin:10px 0 14px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.report-hero:before{content:"";background:linear-gradient(90deg,#140a06d9 0%,#140a0659 55%,#140a061a 100%),linear-gradient(#0000 45%,#140a06bf 100%);position:absolute;inset:0}.report-hero>*{position:relative}.report-hero-text h2{text-shadow:0 2px 6px #000;margin:0 0 2px;font-size:22px}.report-hero-text .hint{color:#e8d6c8;text-shadow:0 1px 4px #000;margin:0}.result-plate{background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;place-items:center;width:270px;height:88px;padding-top:4px;display:grid}.result-plate span{letter-spacing:.5px;text-shadow:0 2px 4px #000;font-size:20px;font-weight:800}.result-plate.win span{color:#ffe9a8}.result-plate.loss span{color:#ffb4a8}@media (width<=520px){.report-hero{flex-direction:column;align-items:flex-start;min-height:170px}.result-plate{align-self:center;width:240px;height:78px}.result-plate span{font-size:18px}}.versus{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:10px;display:grid}.vs-side{--plate:176, 72, 40;background:linear-gradient(135deg, rgba(var(--plate), .16), #ffffff08 60%);border:1px solid var(--border);border-radius:10px;align-items:stretch;gap:12px;padding:10px 12px;display:flex}.vs-side.federation{--plate:61, 127, 217}.vs-side.rebels{--plate:227, 138, 31}.vs-side.has-card,.profile-head.has-card,.card-tile{background:linear-gradient(#140b0894, #140b0894), var(--card) center / cover no-repeat, #1c100b}.vs-side.has-card{text-shadow:0 1px 3px #000;border-color:#ffffff38}.vs-side.has-card small,.vs-side.has-card .vs-cmd,.vs-side.has-card .vs-role{color:#e8d6c8}.vs-side.attacker{box-shadow:inset 3px 0 #e0622b}.vs-side.defender{text-align:right;flex-direction:row-reverse;box-shadow:inset -3px 0 #5fa8ff}.vs-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.vs-side.defender .vs-body{align-items:flex-end}.vs-pic{flex:none;align-self:center;width:72px;height:72px;position:relative}.vs-avatar{object-fit:contain;filter:drop-shadow(0 4px 6px #0009);width:100%;height:100%}.vs-pic.player .vs-avatar{object-fit:cover;border:2px solid rgb(var(--plate));border-radius:12px}.vs-emblem{filter:drop-shadow(0 2px 3px #000);width:28px;height:28px;position:absolute;bottom:-6px;right:-6px}.vs-badge{filter:drop-shadow(0 2px 3px #000);width:32px;height:32px;position:absolute;top:-8px;left:-8px}.vs-role{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.vs-role b{color:var(--accent)}.vs-name{text-overflow:ellipsis;white-space:nowrap;color:#fff;text-shadow:0 1px 2px #000;background:linear-gradient(90deg, rgba(var(--plate), .85), rgba(var(--plate), .35) 75%, transparent);border-left:3px solid rgb(var(--plate));clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);align-self:flex-start;max-width:100%;padding:3px 22px 3px 10px;font-size:17px;overflow:hidden}.vs-side.defender .vs-name{border-left:0;border-right:3px solid rgb(var(--plate));background:linear-gradient(270deg, rgba(var(--plate), .85), rgba(var(--plate), .35) 75%, transparent);clip-path:polygon(12px 0,100% 0,100% 100%,0 100%);align-self:flex-end;padding:3px 10px 3px 22px}.vs-side small,.vs-cmd{color:var(--muted);font-size:12px}.vs-power{margin-top:auto;padding-top:4px;font-size:20px;font-weight:800}.vs-mid{color:var(--accent);text-shadow:0 0 10px #e0622b99;align-self:center;font-size:22px;font-weight:900}.power-bar{background:#5fa8ff;border-radius:4px;height:8px;margin:8px 0 14px;overflow:hidden}.power-bar span{background:linear-gradient(90deg,#b8401b,#e0622b);height:100%;display:block}@media (width<=520px){.versus{grid-template-columns:1fr}.vs-mid{justify-self:center;font-size:18px}.vs-side.defender{text-align:left;flex-direction:row;box-shadow:inset 3px 0 #5fa8ff}.vs-side.defender .vs-body{align-items:flex-start}.vs-side.defender .vs-name{align-self:flex-start}.vs-pic{width:56px;height:56px}}.battle-sides{grid-template-columns:1fr 1fr;gap:12px 18px;display:grid}.battle-sides h3{margin:6px 0 8px}@media (width<=700px){.battle-sides{grid-template-columns:1fr}}.unit-cards{gap:6px;display:grid}.ucard{background:#ffffff0a;border-radius:8px;grid-template-columns:52px 1fr;align-items:center;gap:10px;padding:6px 10px;display:grid}.ucard.wiped{opacity:.7}.ucard-img{object-fit:contain;width:52px;height:52px}.ucard-info{flex-direction:column;gap:3px;min-width:0;display:flex}.ucard-name{font-size:14px;font-weight:600}.ucard-count{color:var(--muted);font-size:13px}.ucard-count b{color:var(--text,#f3e6dc)}.ucard-count em{color:var(--error);font-style:normal;font-weight:700}.loss-bar{background:#7fe07e59;border-radius:3px;height:5px;overflow:hidden}.loss-bar span{background:var(--error);height:100%;display:block}.rounds{gap:4px;margin:8px 0;padding:0;list-style:none;display:grid}.rounds li{background:#ffffff08;border-radius:8px;grid-template-columns:44px 1fr 1fr;align-items:center;gap:8px;padding:5px 8px;display:grid}.rounds .rounds-head{color:var(--muted);background:0 0;font-size:12px}.rnum{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:grid}.rside{flex-wrap:wrap;gap:4px;display:flex}.loss-chip{background:#ff6b5a1f;border-radius:12px;align-items:center;gap:2px;padding:1px 6px 1px 2px;font-size:13px;font-weight:600;display:inline-flex}.chip-img{object-fit:contain;width:24px;height:24px}.battle-result{background:#ffffff0a;border-radius:8px;margin-top:12px;padding:10px 12px}.battle-result p{margin:4px 0}.trophies{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.trophy{color:#ffd166;background:#ffd1661f;border:1px solid #ffd16659;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-weight:700;display:inline-flex}.trophy .inline-icon{width:22px;height:22px}.trophy.bad{color:var(--error);background:#ff6b5a1f;border-color:#ff6b5a66}.clan-hero{background-position:50%;background-size:cover;position:relative;box-shadow:inset 0 0 0 2000px #1a0f0ba8}.clan-hero-top{align-items:flex-start;gap:14px;display:flex}.clan-banner{background-position:top;background-repeat:no-repeat;background-size:contain;flex:none;justify-content:center;align-items:center;width:96px;height:120px;display:flex}.clan-banner.small{width:56px;height:70px}.clan-emblem{object-fit:contain;filter:drop-shadow(0 3px 5px #000000b3);width:58px;height:58px;margin-top:-14px}.clan-banner.small .clan-emblem{width:34px;height:34px;margin-top:-8px}.clan-title{flex:1;min-width:0}.clan-title h2{overflow-wrap:anywhere;margin:4px 0 6px;font-size:24px}.clan-title p{margin:2px 0}.clan-tag{color:var(--accent)}.clan-me{color:var(--muted)}.clan-leave{opacity:.8;flex:none;padding:4px 10px;font-size:13px}.clan-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;display:grid}.clan-stat{background:#0006;border:1px solid #ffffff14;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:8px 10px;display:grid}.clan-stat .inline-icon{grid-row:span 2;width:34px;height:34px}.clan-stat b{font-size:18px;line-height:1.1}.clan-stat small{color:var(--muted);font-size:11px}.clan-stat .clan-fill{grid-column:1/-1;margin-top:6px}.clan-fill{background:#ffffff1a;border-radius:3px;height:6px;display:block;overflow:hidden}.clan-fill span{background:linear-gradient(90deg,#c9611f,#ffb35c);height:100%;display:block}.segmented.clan-tabs{grid-template-columns:repeat(5,1fr);margin:16px 0 0}.clan-chat .chat-log{height:min(520px,62vh)}@media (width<=700px){.clan-chat .chat-log{height:max(220px,100dvh - 328px)}}.clan-tabs button{justify-content:center;align-items:center;gap:6px;padding:8px 2px;font-size:14px;display:flex;position:relative}.clan-tabs button:not(.active) .seg-icon{opacity:.75}.tab-count{background:var(--error);color:#fff;text-align:center;border-radius:10px;min-width:20px;padding:0 6px;font-size:12px;font-style:normal;font-weight:700;line-height:20px;display:inline-block}.clan-tabs .tab-count{position:absolute;top:2px;right:4px}.clan-cards{gap:8px;display:grid}.clan-card{background:#0000004d;border:1px solid #ffffff14;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:8px 12px;display:grid}.clan-card.foreign{opacity:.55}.clan-card-body{flex-direction:column;gap:2px;min-width:0;display:flex}.clan-count{color:var(--muted);align-items:center;gap:4px;font-size:13px;display:flex}.clan-count .clan-fill{flex:1;max-width:140px}.member-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.member-card{background:#0000004d;border:1px solid #ffffff14;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;padding:8px 10px;display:grid}.member-card.leader{background:linear-gradient(135deg,#ffc4401f,#0000004d);border-color:#ffc4408c}.member-card.officer{border-color:#78aaff73}.member-card.me{box-shadow:0 0 0 1px var(--accent) inset}.member-rank{object-fit:contain;width:44px;height:44px}.member-info{flex-wrap:wrap;align-items:center;gap:2px 8px;min-width:0;display:flex}.member-info strong{overflow-wrap:anywhere;width:100%}.member-role{color:var(--muted);font-size:12px}.member-card .member-actions{flex-wrap:wrap;grid-column:1/-1;gap:4px;display:flex}.member-card .member-actions:empty{display:none}.member-card .member-actions button{padding:3px 8px;font-size:12px}.gen-list{gap:6px;display:grid}.gen-row{align-items:center;gap:10px;display:flex}.gen-row small{color:var(--muted);display:block}.gen-img{object-fit:contain;width:48px;height:48px}.boss-block{background-position:50%;background-size:cover;box-shadow:inset 0 0 0 2000px #1a0f0bc2}@media (width<=600px){.clan-hero-top{flex-wrap:wrap}.clan-banner{width:72px;height:90px}.clan-emblem{width:44px;height:44px;margin-top:-10px}.clan-title h2{font-size:20px}.clan-title{flex-basis:calc(100% - 86px)}.clan-leave{order:3;margin-left:auto}.clan-stats{grid-template-columns:repeat(2,1fr)}.clan-tabs button{flex-direction:column;gap:2px;font-size:12px}.clan-card{grid-template-columns:auto 1fr}.clan-card>:last-child{grid-column:1/-1}}.clan-layout{grid-template-columns:1.3fr 1fr;align-items:start;gap:12px;max-width:1100px;margin:0 auto 40px;padding:0 16px;display:grid}.clan-layout .army-block{margin:16px 0 0}.clan-create{grid-template-columns:1fr 110px auto;gap:8px;display:grid}.clan-table td{vertical-align:middle}.clan-table button{margin:2px;padding:4px 8px;font-size:13px}.member-actions{text-align:right}.chat{flex-direction:column;display:flex}.chat-log{background:#170c08;border-radius:6px;height:420px;padding:8px;overflow-y:auto}.msg{overflow-wrap:anywhere;padding:4px 0;font-size:14px}.msg small{color:var(--muted)}.chat-form{grid-template-columns:1fr auto;gap:8px;margin-top:8px;display:grid}@media (width<=900px){.clan-layout,.clan-create{grid-template-columns:1fr}}.banner .timer{color:#fff;font-variant-numeric:tabular-nums;font-weight:700}.badge{color:#fff;background:var(--error);border-radius:10px;min-width:20px;margin-left:4px;padding:0 6px;font-size:12px;line-height:20px;display:inline-block}.badge[hidden]{display:none}.badge.dot{width:14px;min-width:0;height:14px;padding:0}.actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.send-form{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.send-form h3{margin:0 0 8px;font-size:15px}.send-row{grid-template-columns:1fr 70px auto;align-items:center;gap:6px;margin-bottom:6px;display:grid}.send-row input{padding:6px;font-size:14px}.send-row button{padding:6px 10px;font-size:13px}.send-form .hint{margin:8px 0 0}.base-tools{z-index:5;gap:8px;display:flex;position:absolute;top:10px;left:220px}.base-tools button{background:#140b08e6;padding:7px 14px;box-shadow:0 4px 12px #00000080}.base-wrap:has(.place-bar:not([hidden])) .base-tools{display:none}@media (width>=701px){body:has(.notices .compact) .base-popup{top:58px}}@media (width<=700px){.base-tools{top:auto;left:10px;bottom:calc(var(--dock-h,0px) + 10px);z-index:30;position:fixed}.base-wrap:has(.base-popup:not([hidden])) .base-tools{display:none}body:has(.base-popup:not([hidden])) .notices>:not(.compact){display:none}.base-popup:has(.catalog,.colony-overview){background:#140b08f5;max-height:none;top:0}body:has(.base-popup:not([hidden]) :is(.catalog,.colony-overview)) .notices{display:none}}.colony-overview h3.ov-group{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:12px 0 4px;font-size:13px}.ov-row{text-align:left;background:#00000040;border:1px solid #0000;border-radius:6px;grid-template-columns:36px 1fr auto;grid-template-areas:"img name level""img status status";align-items:center;gap:0 8px;width:100%;margin:0 0 4px;padding:4px 8px;display:grid}.ov-row:hover{border-color:var(--border)}.ov-img{object-fit:contain;grid-area:img;width:36px;height:36px}.ov-name{text-overflow:ellipsis;white-space:nowrap;grid-area:name;font-size:14px;overflow:hidden}.ov-level{grid-area:level;font-size:15px;font-weight:700}.ov-level small{color:var(--muted);font-weight:400}.ov-status{color:var(--muted);grid-area:status;font-size:12px}.ov-row.ready{border-color:#7fdc7f66}.ov-row.ready .ov-status{color:#7fdc7f;font-weight:600}.ov-row.busy .ov-status,.ov-row.max .ov-status{color:#ffd27a}.ov-ready-count{color:#7fdc7f}.ov-arrange{border-top:1px solid var(--border);margin-top:14px;padding-top:10px}.ov-arrange button{width:100%}.ew-line{background:#7fdc7f1a;border-left:3px solid #7fdc7f;border-radius:6px;padding:8px 10px}.ew-line.partial{background:#ffc85a1a;border-color:#ffc85a}.ew-line.jammed{background:#ff5a5a1f;border-color:#ff6b6b}.ew-line .inline-icon{vertical-align:middle;width:22px;height:22px}.bunker-block h2 .inline-icon{width:24px;height:24px}.bunker-actions{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.bunker-row{border-bottom:1px solid #5a332280;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;display:flex}.bunker-row .with-icon{min-width:0}.bunker-hide{flex:none;gap:6px;display:flex}.bunker-hide input{width:70px;padding:4px 6px}.bunker-row button{padding:4px 10px;font-size:13px}.bunker-block h3,.hospital-card h3{margin:12px 0 4px;font-size:14px}.send-overlay{z-index:60;pointer-events:auto;background:#0a0402b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.send-form.send-big{background:linear-gradient(#34201a,#211310);border:2px solid #8a4a2a;border-radius:10px;flex-direction:column;width:min(860px,100%);max-height:min(92vh,900px);margin:0;padding:0;display:flex;box-shadow:0 16px 48px #000c,inset 0 1px #ffbe8c26}.send-top{border-bottom:1px solid var(--border);background:linear-gradient(#5a2e1a,#3a1d12);border-radius:8px 8px 0 0;padding:12px 48px 10px 16px;position:relative}.send-top h3{letter-spacing:.5px;margin:0;font-size:18px}.send-top h3 small{color:var(--muted);font-size:13px;font-weight:400}.send-top .popup-close{top:8px;right:8px}.send-quick{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding:10px 16px;display:flex}.send-quick button{padding:5px 10px;font-size:13px}.send-quick .send-commander{margin-left:auto;font-size:13px}.send-groups{flex:1;min-height:0;padding:4px 16px 8px;overflow-y:auto}.send-group-head{border-left:3px solid var(--accent);background:#0000004d;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;margin:10px 0 6px;padding:4px 8px;display:flex}.send-group-head b{font-size:15px}.send-picks{gap:2px;display:flex}.send-picks button{color:var(--muted);background:0 0;border:none;padding:2px 8px;font-size:12px}.send-picks button:hover{color:var(--text);text-decoration:underline}.send-rows{grid-template-columns:1fr 1fr;gap:6px 16px;display:grid}.send-big .send-row{background:#0000002e;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;margin:0;padding:6px;display:flex}.send-big .send-row.on{background:#e0622b1a;border-color:#e0622b8c}.send-pic{object-fit:cover;border:1px solid var(--border);background:#120905;border-radius:5px;flex:none;width:52px;height:52px}.send-main{flex:1;min-width:0}.send-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.send-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.send-name small{font-size:12px;display:block}.send-name small.weak{color:var(--muted)}.send-tag{color:#9fe39f;background:#7fdc7f26;border-radius:3px;margin-left:4px;padding:0 5px;font-size:11px}.send-tag.weak{color:var(--muted);background:#ffffff0f}.send-rule{color:var(--muted);border-bottom:1px solid var(--border);background:#00000040;margin:0;padding:8px 16px;font-size:13px;line-height:1.4}.send-rule b{color:var(--text)}.send-rule summary{display:none}.send-scroll{display:contents}.stat-rule{color:var(--muted);border-left:3px solid var(--accent);background:#00000040;border-radius:4px;gap:4px;margin:8px 0 4px;padding:8px 12px;font-size:13px;line-height:1.45;display:grid}.stat-rule p{align-items:center;gap:8px;margin:0;display:flex}.stat-rule-icon{flex:none;width:24px;height:24px}.stat-icon{vertical-align:-3px;width:16px;height:16px}.stat-rule b{color:var(--text)}.send-name .atk,.send-totals .atk b{color:#ff8a5c}.send-name .def,.send-totals .def b{color:#7fdc7f}.send-count{flex:none;align-items:center;gap:4px;display:flex}.send-big .send-count input{text-align:right;width:72px;padding:3px 6px;font-size:13px}.send-big .send-count button{color:var(--muted);background:0 0;border:none;padding:2px 4px;font-size:12px}.send-big .send-count button:hover{color:var(--text)}.send-main input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(90deg, #b8431a, #ff9a4a) 0 0 / var(--p,0%) 100% no-repeat, #1a0d08;border:1px solid #120905;border-radius:4px;width:100%;height:8px;margin:8px 0 4px;padding:0;box-shadow:inset 0 1px 2px #000000b3}.send-main input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(#f4e2d2,#a8917f);border:1px solid #3a1d12;border-radius:3px;width:12px;height:20px;box-shadow:0 1px 3px #0009}.send-main input[type=range]::-moz-range-thumb{background:linear-gradient(#f4e2d2,#a8917f);border:1px solid #3a1d12;border-radius:3px;width:12px;height:20px}.send-big>.hint{border-top:1px solid var(--border);margin:0;padding:6px 16px}.send-big>.hint:empty{display:none}.send-totals{border-top:1px solid var(--border);background:#00000059;flex-wrap:wrap;justify-content:space-around;gap:6px 14px;padding:8px 16px;display:flex}.send-totals span{flex-direction:column;align-items:center;display:flex}.send-totals small{color:var(--muted);font-size:11px}.send-totals b{color:#ffd27a;font-size:15px}.send-totals .short b{color:#ff6b6b}.send-actions{justify-content:flex-end;margin:0;padding:10px 16px 14px}.send-actions .primary{min-width:180px;font-size:16px}@media (width<=700px){.send-overlay{bottom:var(--dock-h,0px);align-items:stretch}.send-form.send-big{border:none;border-radius:0;max-height:none}.send-top{border-radius:0}.send-rows{grid-template-columns:minmax(0,1fr)}.send-quick .send-commander{margin-left:0}.send-actions .primary{flex:1;min-width:0}.send-scroll{overscroll-behavior:contain;flex:1;min-height:0;display:block;overflow-y:auto}.send-groups{flex:none;padding:0 10px 8px;overflow:visible}.send-top{padding:8px 44px 8px 12px}.send-top h3{font-size:16px}.send-top .popup-close{top:4px}.send-rule{padding:6px 12px}.send-rule summary{cursor:pointer;color:var(--text);display:list-item}.send-rule[open] summary{margin-bottom:4px}.send-quick{padding:8px 12px}.send-quick .send-commander{align-items:center;gap:8px;width:100%;margin-top:0;display:flex}.send-quick .send-commander select{flex:1;min-width:0}.send-big .send-count input{width:76px;padding:6px;font-size:16px}.send-big .send-count button{padding:6px 4px;font-size:13px}.send-main input[type=range]{height:10px;margin:12px 0 8px}.send-main input[type=range]::-webkit-slider-thumb{width:22px;height:26px}.send-main input[type=range]::-moz-range-thumb{width:22px;height:26px}.send-picks button{padding:6px 8px;font-size:13px}.send-big>.hint{padding:4px 12px;font-size:12px}.send-totals{padding:4px 12px}.send-actions{padding:6px 12px 8px}}.report-list{flex-direction:column;gap:4px;display:flex}.report-item{text-align:left;background:#170c08;grid-template-columns:1fr auto auto;align-items:center;gap:12px;display:grid}.report-item small{color:var(--muted)}.report-item.unread{border-color:var(--accent);font-weight:600}.tag{border-radius:4px;padding:2px 8px;font-size:12px}.tag.win,.result.win{color:#7ee07e}.tag.loss,.result.loss{color:var(--error)}.tag.win{background:#173a17}.tag.loss{background:#4a1712}.report p{margin:6px 0}.report h3{margin:14px 0 6px;font-size:15px}.report .result{font-size:20px;font-weight:700}.report-table{border-collapse:collapse;min-width:260px;font-size:14px}.report-table th,.report-table td{text-align:left;padding:4px 12px 4px 0}.report-table th{color:var(--muted);font-weight:400}.report-table .short{color:var(--error)}@media (width<=1100px){.banner,.queue,.army-block{margin-left:16px;margin-right:16px}}.view-toggle{justify-content:flex-end;gap:6px;max-width:1068px;margin:12px auto 0;display:flex}.view-toggle button{padding:6px 12px;font-size:13px}.view-toggle button.active{border-color:var(--accent);color:var(--accent)}.view-toggle .fx-toggle{margin-left:10px}.base-wrap{max-width:1068px;margin:8px auto 40px;position:relative}.base-canvas{border:1px solid var(--border);touch-action:none;background:#3a1d12;border-radius:10px;height:max(460px,100vh - 250px);overflow:hidden}.base-canvas canvas{display:block}.base-canvas{position:relative}.canvas-status{text-align:center;color:var(--muted,#c9a58f);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;font-size:15px;display:flex;position:absolute;inset:0}.canvas-status.error{color:#ff9b7a;pointer-events:auto;background:#140b08d9}.canvas-status p{overflow-wrap:anywhere;max-width:340px;margin:0}.fps-meter{color:#9dff9d;pointer-events:none;background:#000000a6;border-radius:6px;padding:2px 8px;font:600 13px/1.5 monospace;position:absolute;bottom:8px;right:8px}.base-popup{pointer-events:none;width:300px;position:absolute;top:10px;bottom:10px;right:10px;overflow-y:auto}.base-popup>*{pointer-events:auto;box-shadow:0 8px 24px #0009}.base-popup .card{background:#2a1812f5;position:relative}.catalog{border:1px solid var(--border);background:#2a1812f7;border-radius:8px;padding:12px;position:relative}.catalog h2{color:var(--accent);margin:0 0 4px;font-size:16px}.catalog .hint{margin-bottom:8px;font-size:13px}.catalog .catalog-card{background:#1f110c;margin-top:8px}.catalog .card-img{height:90px}.segmented.build-cats{grid-template-columns:repeat(4,1fr);gap:2px;margin:4px 0}.build-cats button{flex-direction:column;align-items:center;gap:2px;padding:5px 2px;font-size:11.5px;line-height:1.15;display:flex;position:relative}.build-cats button:not(.active) .seg-icon{opacity:.8}.build-cats .seg-icon{width:26px;height:26px}.build-cats .tab-count{min-width:17px;padding:0 4px;font-size:11px;line-height:17px;position:absolute;top:1px;right:2px}.card.catalog-card{flex-direction:column;gap:6px;display:flex}.card.catalog-card>*{margin:0}.cc-top{align-items:flex-start;gap:10px;display:flex}.cc-art{background:radial-gradient(circle at 50% 60%,#f0a52638,#0000 70%);border-radius:10px;flex:none;width:84px;height:84px;position:relative}.cc-img{object-fit:contain;filter:drop-shadow(0 4px 6px #00000080);width:100%;height:100%}.cc-art .uc-lock{font-size:18px;bottom:0;right:2px}.cc-info{flex-direction:column;gap:3px;min-width:0;display:flex}.cc-info p{color:var(--muted);margin:0;font-size:13px}.cc-count{align-items:center;gap:3px;display:flex}.cc-count i{background:#ffffff26;border-radius:3px;width:14px;height:5px}.cc-count i.on{background:var(--accent)}.cc-count small{color:var(--muted);margin-left:4px;font-size:11px}.catalog-card .cost{margin:0}.catalog-card.ready{border-color:#78c87873}.catalog-card.locked .cc-img{filter:grayscale(.9)brightness(.6)}.catalog-card.locked strong{color:var(--muted)}.catalog-card.full{opacity:.6}.catalog-card.full .cc-count i.on{background:#6b7079}.cards .catalog-card .cc-art{width:110px;height:110px}.card.structure-card{flex-direction:column;gap:8px;display:flex}.card.structure-card>*{margin:0}.card.structure-card>.popup-close{position:absolute;top:6px;right:6px}.structure-card .cc-art{width:104px;height:104px}.structure-card .cc-info{padding-right:24px}.structure-card .cc-info strong{font-size:17px}.sc-level{color:#fff;background:radial-gradient(circle at 50% 35%, var(--accent), #7a2d10);border:2px solid #e8ebef;border-radius:15px;justify-content:center;align-items:center;min-width:30px;height:30px;padding:0 6px;font-size:15px;font-weight:800;display:flex;position:absolute;bottom:-4px;left:-4px;box-shadow:0 2px 6px #0009}.structure-card.maxed .sc-level{background:radial-gradient(circle at 50% 35%,#e0b04a,#8a6414)}.sc-lvl-line{color:var(--muted);flex-direction:column;gap:3px;font-size:12px;display:flex}.sc-lvl-line .clan-fill{max-width:160px}.sc-gains{background:#0000004d;border-radius:8px;gap:4px;padding:8px 10px;display:grid}.sc-gain{grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:6px;font-size:13px;display:grid}.sc-gain span{color:var(--muted)}.sc-gain b{font-variant-numeric:tabular-nums}.sc-gain i{color:var(--muted);font-style:normal}.sc-gain .sc-next{color:#7fd88f}.sc-gain.cost-row .sc-next{color:#ffb4a8}.sc-max{color:#ffd166;font-weight:700}.structure-card .cost{margin:0}.cards .structure-card .cc-art{width:110px;height:110px}.card.structure-card.not-built .cc-img{filter:grayscale(.8)brightness(.6)}.level.full{color:var(--muted)}.place-bar{border:1px solid var(--accent);background:#140b08eb;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;width:max-content;max-width:calc(100% - 20px);padding:10px 14px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0009}.place-bar[hidden],.base-popup[hidden]{display:none}.base-wrap:has(.place-bar:not([hidden])) .base-hint{display:none}.world-tools{border:1px solid var(--border);background:#140b08d9;border-radius:10px;flex-wrap:wrap;gap:6px;padding:6px;display:flex;position:absolute;top:10px;left:10px}.world-tools button{padding:6px 10px;font-size:13px}.world-go{gap:4px;display:inline-flex}.world-go input{width:58px;padding:6px;font-size:14px}.minimap{border:1px solid var(--border);cursor:pointer;background:#140b08d9;border-radius:8px;width:200px;height:110px;position:absolute;bottom:10px;left:10px}.world-wrap .base-hint{left:220px}.world-panel{top:10px}.world-card{background:#2a1812f7;position:relative}.world-card .info-img{max-width:160px}.world-panel[hidden]{display:none}@media (width<=700px){.world-go input{width:48px}.minimap{width:140px;height:77px}.world-wrap .base-hint{display:none}.base-popup .world-card{padding:10px 40px 10px 12px;font-size:14px;display:block}.world-card:after{content:"";clear:both;display:block}.world-card .info-img{float:left;width:76px;max-width:76px;margin:0 10px 4px 0}.world-card .info-tile{height:48px;margin-bottom:6px}.world-card>p,.world-card>.hp-line{margin:0 0 5px}.world-card .info-more,.world-card .info-coords{display:none}.world-card .actions,.world-card .send-form{clear:both}.world-card .actions{margin-top:6px;margin-right:-28px}}.popup-close{border:0;width:32px;height:32px;padding:0;font-size:20px;line-height:1;position:absolute;top:6px;right:6px}.base-hint{pointer-events:none;text-shadow:0 1px 2px #000;position:absolute;bottom:10px;left:14px}@media (width<=1100px){.view-toggle,.base-wrap{margin-left:16px;margin-right:16px}}@media (width<=700px){.base-canvas{height:max(380px,100vh - 330px)}.base-popup{width:auto;max-height:70%;inset:auto 0 0}.base-popup .card-img{height:90px}.base-hint{display:none}.topbar{padding:8px 12px}.topbar .faction-name{display:none}.res-icon{width:32px;height:32px}}@media (width<=520px){.panel{margin:16px}.factions{grid-template-columns:1fr}}body.base-full{overflow:hidden}.base-full .game-main{padding:0}.base-full .base-wrap{top:var(--topbar-h,64px);left:0;right:0;bottom:var(--dock-h,0px);z-index:1;max-width:none;margin:0;position:fixed}.base-full :is([data-base-slot],[data-world-slot]){height:100%}.base-full .base-canvas{border:0;border-radius:0;height:100%}.base-full .base-popup{right:124px}.base-full .base-wrap .view-toggle{margin:0;position:absolute;bottom:10px;right:124px}.base-full .view-toggle button{background:#140b08d9}.base-full .notices{top:calc(var(--topbar-h,64px) + 10px);z-index:20;pointer-events:none;gap:6px;width:min(620px,max(280px,100% - 500px));margin:0 auto;display:grid;position:fixed;left:0;right:0}.base-full .notices>*{pointer-events:auto;margin:0;box-shadow:0 6px 18px #0000008c}.base-full .notices .banner{padding:7px 12px;font-size:14px}.base-full .notices .queue{background:#2a1812f0;padding:8px 12px}.base-full .notices .queue-icon{width:36px;height:36px}.base-full .notices .queue.compact{top:calc(var(--topbar-h,64px) + 10px + var(--slot,0) * 48px);cursor:pointer;grid-template-columns:auto auto;justify-content:space-between;gap:4px 10px;width:150px;padding:5px 8px;position:fixed;right:124px}.base-full .notices .queue.compact .with-icon>span:not(.queue-icon),.base-full .notices .queue.compact button{display:none}.base-full .notices .queue.compact .queue-icon{width:26px;height:26px}.base-full .notices .queue.compact .queue-flask{padding:2px}.base-full .notices .train-mini{font:inherit;color:inherit;text-align:left;border-color:#7a8f3a}.base-full .notices .train-mini b{font-size:13px}.base-full .notices .train-mini .progress div{background:#9fc24a}.base-full .notices .queue.compact .timer{font-size:15px}.base-full .notices .queue.compact .progress{height:4px}.note-timer{display:none}.base-full .notices .alarm-note.compact{top:calc(var(--topbar-h,64px) + 10px + var(--slot,0) * 48px);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;width:150px;padding:5px 8px;display:flex;position:fixed;right:124px}.base-full .notices .alarm-note.compact .note-text{display:none}.base-full .notices .alarm-note.compact .note-timer{display:inline}.base-full .notices .alarm-note.compact .timer{font-size:15px}.base-full .notices .alarm-note.compact .banner-icon{width:26px;height:26px;margin:0}@media (width<=700px){.base-full .base-popup{right:8px}.base-full .base-wrap .view-toggle{bottom:8px;right:8px}.base-full .view-toggle button{padding:5px 8px;font-size:12px}.base-full .world-wrap .view-toggle{top:66px;bottom:auto}.base-full .notices{top:calc(var(--topbar-h,60px) + max(196px, 14px + var(--strips,0) * 48px));width:auto;margin:0;left:8px;right:8px}.base-full .notices :is(.queue,.alarm-note).compact{width:130px;right:8px}}.queue-flask{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;padding:8px}.research-head p{margin:0 0 4px}.research-hero{background-position:50%;background-size:cover;box-shadow:inset 0 0 0 2000px #1a0f0bb3}.research-hero-top{align-items:center;gap:14px;display:flex}.research-hero-top h2{margin:0 0 4px;font-size:22px}.research-hero-top p{margin:0}.research-hero-lab{object-fit:contain;filter:drop-shadow(0 4px 6px #000000b3);flex:none;width:96px;height:96px}.research-hero .clan-stats{grid-template-columns:1fr 1fr 2fr}.research-hero .hint{margin:10px 0 0}.segmented.branch-tabs{grid-template-columns:repeat(5,1fr);gap:3px;margin:12px 0 0}.branch-tabs button{text-align:left;align-items:center;gap:6px;padding:6px 8px;font-size:13px;display:flex;position:relative}.branch-tabs button span{flex-direction:column;line-height:1.15;display:flex}.branch-tabs button small{opacity:.75;font-size:11px;font-weight:400}.branch-tabs button:not(.active) .seg-icon{opacity:.8}.branch-tabs .tab-count{position:absolute;top:2px;right:3px}.tab-count.ok{background:#2f9a45}.research-tree.single{grid-template-columns:minmax(0,620px);justify-content:center}.research-tree.single .rbranch.wide{grid-column:auto}@media (width<=600px){.research-hero-lab{width:64px;height:64px}.research-hero-top h2{font-size:19px}.research-hero-top p,.research-hero .hint{font-size:13px}.research-hero .clan-stats{grid-template-columns:1fr 1fr}.research-hero .clan-stat.wide{grid-column:1/-1}.segmented.branch-tabs{scrollbar-width:none;display:flex;overflow-x:auto}.branch-tabs button{text-align:center;flex-direction:column;flex:none;gap:2px;min-width:84px;font-size:11.5px}.branch-tabs button span{align-items:center}}.research-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:12px;margin:12px 0 40px;display:grid}.research-tree{grid-template-columns:repeat(3,minmax(170px,1fr));gap:10px;display:grid}.rbranch{border:1px solid var(--border);background:linear-gradient(#2a1812f2,#1a0f0bf2);border-radius:10px;padding:10px 6px 14px}.rbranch.wide{grid-column:span 2}.rbranch h3{text-align:center;letter-spacing:1px;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-size:14px}.rbranch-body{position:relative}.rlines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.rlines line{stroke:#5a3322;stroke-width:3px;stroke-dasharray:6 5;vector-effect:non-scaling-stroke}.rlines line.done{stroke:#8fd18f;stroke-dasharray:none}.rnode{background:0 0;border:0;flex-direction:column;align-items:center;gap:13px;width:50%;padding:0;display:flex;position:absolute;transform:translate(-50%)}.rnode-ring{background:radial-gradient(circle at 50% 35%,#4a4f57 0 40%,#1c1f24 75%) content-box content-box,conic-gradient(from 200deg,#f2f4f7,#6b7079,#c9ced6,#3d4148,#e8ebef,#6b7079,#f2f4f7) border-box;border:4px solid #0000;border-radius:50%;place-items:center;width:64px;height:64px;padding:2px;transition:transform .15s,box-shadow .15s;display:grid;position:relative;box-shadow:0 4px 8px #0009,inset 0 0 0 2px #0000008c}.rnode-icon{object-fit:contain;filter:drop-shadow(0 1px 1px #000000b3);width:46px;height:46px}.rnode-level{color:#fff;white-space:nowrap;text-shadow:0 1px 2px #000;background:#1c1f24;border:1px solid #8a9099;border-radius:9px;min-width:26px;padding:0 5px;font-size:12px;font-weight:800;line-height:17px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.rnode-level small{color:#d8c8bc;font-size:10px}.rnode.done .rnode-level{background:#173a1f;border-color:#d9b654}.research-card .card-head{justify-content:flex-start;align-items:center;gap:10px}.research-card .card-head .level{margin-left:auto}.research-card-icon{object-fit:contain;flex:none;width:48px;height:48px}.rnode-name{max-width:100%;color:var(--text);text-align:center;background:#0a0503cc;border-radius:6px;padding:1px 6px;font-size:12px;font-weight:700;line-height:1.25}.rnode:hover .rnode-ring{transform:scale(1.07)}.rnode.locked .rnode-ring{filter:grayscale()brightness(.6)}.rnode.locked .rnode-name{color:var(--muted)}.rnode:is(.ready,.active,.capped) .rnode-ring{background:radial-gradient(circle at 50% 35%, var(--accent) 0 38%, #7a2d10 75%) content-box, conic-gradient(from 200deg, #f2f4f7, #6b7079, #c9ced6, #3d4148, #e8ebef, #6b7079, #f2f4f7) border-box}.rnode.done .rnode-ring{background:radial-gradient(circle at 50% 35%,#3c8a4a 0 38%,#173a1f 75%) content-box content-box,conic-gradient(from 200deg,#fff3c4,#a8842c,#f5d77a,#6e5316,#fff3c4,#a8842c,#fff3c4) border-box}.rnode.capped .rnode-ring{filter:saturate(.45)brightness(.8)}.rnode.active .rnode-ring{animation:1.4s ease-in-out infinite rnode-pulse}@keyframes rnode-pulse{50%{box-shadow:0 0 0 3px #00000080, 0 0 22px var(--accent)}}.rnode.selected .rnode-ring{box-shadow:0 0 0 3px #ffd166,0 0 16px #ffd166b3}.rnode.selected .rnode-name{background:#6e3f08}.rnode:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #ffd166}.research-card{margin:0;position:sticky;top:12px}.research-card h2{margin:0}.research-card p{margin:8px 0;font-size:14px}.research-effects{margin:8px 0;padding-left:18px;font-size:14px}.research-effects .hint{display:inline}.research-unlock{color:#ffd166}.research-unlock.done{color:#8fd18f}.research-card button{width:100%;margin-top:8px}.research-gives{color:var(--accent);font-weight:700;margin-bottom:0!important}.research-effects li{margin:3px 0}.research-card .research-close{display:none}@media (width<=1250px){.research-tree{grid-template-columns:repeat(2,minmax(170px,1fr))}}@media (width<=900px){.research-layout{grid-template-columns:1fr}.research-card{top:auto;left:8px;right:8px;bottom:calc(var(--dock-h,0px) + 8px);z-index:40;border-color:var(--accent);max-height:60vh;transform:translateY(calc(100% + var(--dock-h,0px) + 16px));visibility:hidden;transition:transform .2s ease-out,visibility .2s;position:fixed;overflow-y:auto;box-shadow:0 -6px 24px #000000bf}.research-card.open{visibility:visible;transform:none}.research-card h2{font-size:16px;line-height:1.2}.research-card .card-head .level{white-space:nowrap;font-size:13px}.research-card .research-close{flex:none;height:34px;padding:0;font-size:16px;display:block;width:34px!important;margin:0 0 0 8px!important}}@media (width<=520px){.research-tree{grid-template-columns:1fr}.rbranch.wide{grid-column:auto}}.game-main{padding-right:112px}.dock{--ring:var(--accent);--ring-dark:#7a2d10;z-index:50;background:linear-gradient(90deg,#140b088c,#140b08d9);border:1px solid #3a2118;border-radius:48px;flex-direction:column;gap:10px;padding:12px 8px;display:flex;position:fixed;top:50%;right:12px;transform:translateY(-50%);box-shadow:0 8px 24px #0000008c}.dock.federation{--ring:#4f95f0;--ring-dark:#173a6e}.dock.rebels{--ring:#f0a526;--ring-dark:#6e3f08}.dock-btn{background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:4px;width:80px;padding:0;display:flex}.dock-ring{background:radial-gradient(circle at 50% 35%, var(--ring) 0 38%, var(--ring-dark) 72%) content-box, conic-gradient(from 200deg, #f2f4f7, #6b7079, #c9ced6, #3d4148, #e8ebef, #6b7079, #f2f4f7) border-box;filter:saturate(.55)brightness(.8);border:4px solid #0000;border-radius:50%;place-items:center;width:58px;height:58px;padding:2px;transition:transform .15s,filter .15s,box-shadow .15s;display:grid;position:relative;box-shadow:0 4px 8px #0009,inset 0 0 0 2px #0000008c}.dock-ring:after{content:"";pointer-events:none;background:linear-gradient(#ffffff73,#fff0);border-radius:50% 50% 40% 40%;position:absolute;inset:6px 10px 50%}.dock-ring svg{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px #000c);width:26px;height:26px}.dock-label{letter-spacing:.3px;color:var(--muted);text-shadow:0 1px 1px #000;background:#0a0503bf;border-radius:8px;padding:1px 8px;font-size:12px;font-weight:700}.dock-btn:hover .dock-ring{filter:none;transform:scale(1.07)}.dock-btn:hover .dock-label{color:var(--text)}.dock-btn.active .dock-ring{filter:none;box-shadow:0 0 0 2px #0009, 0 0 18px var(--ring), inset 0 0 0 2px #0000008c}.dock-btn.active .dock-label{color:#fff;background:var(--ring-dark)}.dock-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.dock .badge{z-index:1;border:2px solid #1a0f0b;margin:0;position:absolute;top:-6px;right:-8px}@media (width<=700px){.game-main{padding-bottom:90px;padding-right:0}.dock{padding:6px 4px calc(6px + env(safe-area-inset-bottom));border:0;border-top:2px solid var(--ring);background:#140b08f0;border-radius:0;flex-direction:row;justify-content:space-around;gap:0;inset:auto 0 0;transform:none}.dock-btn{flex:1;width:auto;min-width:0}.dock-ring{border-width:3px;width:46px;height:46px}.dock-ring svg{width:21px;height:21px}.dock-label{padding:0 5px;font-size:11px}}.music-btn{border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid}.music-btn svg{fill:none;width:20px;height:20px;stroke:var(--text);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.music-btn.off svg{stroke:var(--muted)}.music-btn.floating{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:10;background:#140b08b3;position:fixed}.science-gain{color:#7fe3ff;font-weight:600}.hud-row:has(.science-icon) .hud-value strong{color:#bff3ff}.cell-badge.site{background:#1d7fa3}.cell-badge.caravan{background:#9a7414}.cell.site{box-shadow:inset 0 0 0 2px #7fe3ff99}.hud.strip{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.settings-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.settings-panel{border:1px solid var(--border);background:linear-gradient(#2a1812fa,#1a0f0bfa);border-radius:14px;gap:14px;width:min(380px,100%);max-height:calc(100vh - 32px);padding:18px 18px 16px;display:grid;overflow-y:auto;box-shadow:0 16px 40px #000000b3}.settings-panel h2{color:var(--accent);letter-spacing:1px;text-transform:uppercase;margin:0;font-size:18px}.update-bar{top:max(8px, env(safe-area-inset-top));z-index:300;white-space:nowrap;border:1px solid var(--accent);background:#2a1812fa;border-radius:10px;align-items:center;gap:12px;padding:8px 10px 8px 14px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0009}.update-bar button{padding:6px 14px}.account-overlay{z-index:120}.ok-text{color:#8fd18f;margin:0}.set-line button{padding:6px 12px;font-size:14px}.code-steps{gap:4px;margin:0;padding-left:20px;display:grid}.invite-panel{grid-template-columns:minmax(0,1fr);position:relative}.invite-panel h3{margin:6px 0 0;font-size:15px}.invite-link{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.invite-link small{color:var(--muted);flex-basis:100%}.invite-link input{flex:100%;min-width:0;font-size:13px}.invite-link button{flex:1 1 0;padding:8px 12px;font-size:14px}.invite-steps,.invite-friends{gap:6px;margin:0;padding:0;list-style:none;display:grid}.invite-steps li{border:1px solid var(--border);background:#0003;border-radius:10px;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;font-size:14px;display:grid}.invite-steps li>b{color:#ffd166}.invite-unit{align-items:center;gap:8px;margin-top:4px;display:flex}.invite-unit-art{object-fit:contain;flex:none;width:44px;height:44px}.invite-hero{border:1px solid #d4a13a;border-radius:8px;flex:none;width:48px;height:48px;overflow:hidden}.invite-hero img{width:110px;max-width:none;margin:-18px 0 0 -23px;display:block}.invite-friends li{justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.invite-friends i{text-align:center;min-width:26px;color:var(--muted);border:1px solid var(--border);border-radius:6px;margin-left:4px;padding:2px 4px;font-size:12px;font-style:normal;display:inline-block}.invite-friends i.done{color:#1a0f0b;background:#8fd18f;border-color:#8fd18f}.link-btn{text-align:center;color:var(--text);background:var(--accent);border-radius:6px;padding:10px 16px;font-weight:600;text-decoration:none;display:block}[data-link-box],[data-max-box]{gap:10px;display:grid}.auth-quick{gap:10px;margin-bottom:12px;display:grid}.auth-quick>.hint{text-align:center}.auth-more{border-top:1px solid var(--border);gap:12px;margin-top:14px;padding-top:14px;display:grid}.forgot summary{color:var(--muted);cursor:pointer}.forgot .hint{margin-top:8px;font-size:14px}.forgot a{color:var(--accent)}.code-ask{gap:12px;display:grid}.code-ask h2,.code-ask p{margin:0}.quests-panel{gap:10px;width:min(460px,100%);position:relative}.quests-panel h3{margin:6px 0 0;font-size:15px}.quests-panel .banner{margin:0}.quest-card{border:1px solid var(--border);background:#00000040;border-radius:10px;gap:6px;padding:10px 12px;display:grid}.quest-card.done{border-color:#7fbf5a}.day1{background:#ffd16614;border:1px solid #ffd166;border-radius:10px;margin-bottom:8px;padding:10px 12px}.day1 .quest-foot{flex-wrap:wrap;gap:6px}.quest-card.story{background:#d89a4a1a;border-color:#d89a4a}.quest-card.story.done{border-color:#ffd166;box-shadow:0 0 12px #ffd16659}.quest-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.quest-head small{color:var(--muted,#b89a88);flex:none}.quest-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.quest-foot .quest-go{margin-left:auto;padding:5px 14px;font-size:14px}.quest-bar{background:#00000073;border-radius:3px;height:6px;overflow:hidden}.quest-bar>div{background:linear-gradient(90deg,#d8752f,#ffd166);height:100%}.quest-card.done .quest-bar>div{background:#7fbf5a}.quest-reward{flex-wrap:wrap;gap:8px;display:flex}.reward-item{align-items:center;gap:3px;font-weight:600;display:inline-flex}.activity{gap:4px;display:grid}.chests{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.chest{text-align:center;border:1px solid var(--border);background:#00000040;border-radius:10px;align-content:start;justify-items:center;gap:6px;padding:8px 6px;font-size:13px;display:grid}.chest>b{color:var(--accent);font-size:16px}.chest .quest-reward{justify-content:center;gap:4px 8px}.chest.ready{border-color:#ffd166;box-shadow:0 0 12px #ffd16659}.chest.claimed{opacity:.55}.chest button{padding:5px 10px;font-size:13px}.banner.dome{color:#cdefff;background:#286ea040;border-color:#5fc8ff}.topbar-dome.active,.topbar-dome.deploying{border-color:#5fc8ff;box-shadow:0 0 12px #5fc8ff99}.topbar-dome.active svg,.topbar-dome.deploying svg{stroke:#9fe0ff}.topbar-dome.cooldown{opacity:.6}.dome-panel{position:relative}.dome-panel p{margin:0}.dome-rules{color:var(--muted,#c8b2a4);gap:6px;margin:0;padding-left:18px;font-size:14px;display:grid}.topbar .topbar-dome{width:36px;height:36px}@media (width<=440px){.topbar .emblem-small{display:none}.topbar .icon-btn{width:34px;height:34px}.topbar button[data-action=logout]{padding:6px 9px}.topbar{padding-left:max(10px, env(safe-area-inset-left));padding-right:max(10px, env(safe-area-inset-right));gap:6px}.topbar .who{gap:4px}.topbar .who:first-child{flex:1;min-width:0}.topbar .avatar{width:38px;height:38px}.topbar .who .icon-btn{flex:none;width:31px;height:31px}.topbar .who .icon-btn svg{width:17px;height:17px}.topbar .ads-tv{font-size:16px}.topbar .topbar-shop-icon{width:20px;height:20px}.who-name{min-width:0;overflow:hidden}.who-name strong,.who-name small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.who-name br{display:none}.who-name strong{font-size:15px}.topbar .xp-bar{width:100%}}.boss-block{gap:8px;display:grid}.boss-block h2,.boss-block p{margin:0}.boss-head{align-items:center;gap:12px;display:flex}.boss-img{object-fit:contain;filter:drop-shadow(0 0 10px #c9a0ff73);flex:none;width:110px;height:110px}.boss-chests{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;display:grid}.boss-chests .chest.got{opacity:1;border-color:#7fbf5a}.boss-chests .chest.victory{border-color:#c9a0ff}.chest-img{object-fit:contain;width:44px;height:44px}.boss-levels{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.boss-levels button{min-width:34px;padding:5px 8px}.cell-badge.boss{background:#5a2a7a}.topbar-quests{position:relative}.topbar-quests .badge{margin:0;position:absolute;top:-4px;right:-6px}.set-row{grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.set-row>span,.set-line>span{font-weight:600}.set-row.column{grid-template-columns:1fr;gap:6px}.set-row .hint{font-size:13px}.set-line{justify-content:space-between;align-items:center;display:flex}.set-row input[type=range]{width:100%;accent-color:var(--accent);padding:0}.set-row output{text-align:right;font-variant-numeric:tabular-nums;min-width:40px;color:var(--muted)}.set-row:has(>.switch){grid-template-columns:1fr auto}.topbar .avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0}.avatar-badge{filter:drop-shadow(0 2px 3px #000);width:24px;height:24px;position:absolute;top:-6px;left:-8px}.profile-panel{gap:10px;width:min(460px,100%);position:relative}.profile-panel h3{margin:4px 0 0;font-size:16px}.profile-panel>.hint{margin:0;font-size:13px}.profile-head{align-items:center;gap:14px;padding-right:28px;display:flex}.profile-head.has-card{text-shadow:0 1px 3px #000;border:1px solid #ffffff38;border-radius:10px;margin:-8px -8px 0;padding:12px 36px 12px 14px}.profile-head.has-card p{color:#e8d6c8}.card-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.card-tile{text-align:left;border:2px solid var(--border);color:#fff;text-shadow:0 1px 3px #000;border-radius:10px;align-content:center;gap:4px;min-height:64px;padding:8px 10px;font-weight:400;display:grid}.card-tile b{font-size:14px}.card-tile small{color:#e8d6c8;font-size:11px;line-height:1.3}.card-tile:disabled{opacity:1;cursor:default;filter:saturate(.35)}.card-tile.picked{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.card-tile .quest-bar{display:block}.card-tile .quest-bar>span{background:linear-gradient(90deg,#d8752f,#ffd166);height:100%;display:block}.profile-head h2{margin:0 0 2px;font-size:20px}.profile-head p{color:var(--muted);margin:0;font-size:13px}.profile-pic{flex:none;width:76px;height:76px;position:relative}.profile-avatar{object-fit:cover;border:2px solid var(--border);border-radius:14px;width:100%;height:100%}.profile-badge{filter:drop-shadow(0 2px 4px #000);width:40px;height:40px;position:absolute;top:-10px;left:-10px}.badge-list{gap:6px;display:grid}.badge-row{text-align:left;border:2px solid var(--border);width:100%;color:var(--text);background:#0003;border-radius:10px;align-items:center;gap:10px;padding:6px 10px;font-weight:400;display:flex}.badge-row:disabled{opacity:1;cursor:default}.badge-row:disabled .badge-text b{color:var(--muted)}.badge-row.picked{border-color:var(--accent);background:#e0622b26}.badge-icon{flex:none;width:48px;height:48px}.badge-lock{text-align:center;opacity:.6;flex:none;width:48px;font-size:22px;line-height:48px}.badge-text{flex:1;gap:3px;min-width:0;display:grid}.badge-text b{font-size:14px}.badge-text small{color:var(--muted);font-size:12px}.badge-on{background:var(--accent);color:#fff;border-radius:8px;margin-left:6px;padding:0 6px;font-size:11px;font-style:normal;font-weight:600}.badge-text .quest-bar{display:block}.badge-text .quest-bar>span{background:linear-gradient(90deg,#d8752f,#ffd166);height:100%;display:block}.switch{text-align:left;width:76px;height:32px;color:var(--muted);background:#170c08;border-radius:16px;padding:0 10px 0 34px;font-size:13px;font-weight:700;position:relative}.switch:before{content:"";background:#5a3322;border-radius:50%;width:22px;height:22px;transition:left .15s,background .15s;position:absolute;top:4px;left:4px}.switch.on{color:#fff;background:var(--accent);border-color:var(--accent);padding:0 34px 0 10px}.switch.on:before{background:#fff;left:48px}.switch:disabled{opacity:.4;cursor:not-allowed}.segmented{border:1px solid var(--border);background:#170c08;border-radius:8px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.segmented button{border:0;border-radius:6px;padding:8px}.segmented button.active{color:#fff;background:var(--accent);font-weight:700}.icon-btn{border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid}.icon-btn svg{fill:none;width:20px;height:20px;stroke:var(--text);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.topbar-settings{display:none}@media (width<=700px){.topbar .topbar-full{display:none}}@media (height<=820px) and (width>=701px){.dock{gap:6px;padding:10px 7px}.dock-ring{border-width:3px;width:48px;height:48px}.dock-ring svg{width:22px;height:22px}.dock-label{font-size:11px}}body{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}button{touch-action:manipulation}.topbar{padding-top:max(10px, env(safe-area-inset-top));padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right))}.view-toggle{flex-wrap:wrap}@media (width<=700px){.game-main{padding-left:12px;padding-right:12px}.topbar{padding-top:max(6px, env(safe-area-inset-top));padding-bottom:6px;padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}.topbar .avatar{width:36px;height:36px}.topbar .emblem-small{width:26px;height:26px}.topbar button{padding:6px 12px;font-size:14px}.topbar .music-btn{width:34px;height:34px;padding:0}.topbar .topbar-settings{width:36px;height:36px;padding:0;display:grid}.topbar .topbar-quests{width:36px;height:36px}.dock-settings{display:none}.dock-ring{width:42px;height:42px}.dock-ring svg{width:19px;height:19px}.dock-label{padding:0 4px;font-size:10px}.who{gap:8px}.hud.strip{margin-top:8px;padding:6px 8px}.hud.strip .hud-icon{width:24px;height:24px}.hud.strip .hud-value strong{font-size:14px}.banner,.queue,.army-block{margin-top:10px}.army-block{padding:10px 12px}.view-toggle button{padding:5px 9px;font-size:12px}.view-toggle .fx-toggle{margin-left:0}.cards{grid-template-columns:1fr;gap:8px;margin-top:10px}.card{grid-template-columns:76px minmax(0,1fr);align-items:start;gap:4px 12px;padding:10px 12px;display:grid}.card>*{grid-column:2}.card>.card-img{grid-area:1/1/span 4;width:76px;height:76px}.card>button,.card>.train,.card>.popup-close{grid-column:1/-1}.card>.popup-close{grid-row:1}.card p{font-size:13px}.card .stats{gap:2px 10px;font-size:13px}.catalog .card-img,.base-popup .card-img{height:76px}.catalog{padding:10px}.catalog .catalog-card{padding:8px 10px}.base-popup .card{padding-right:40px}}.merc-sub{color:var(--muted);margin:10px 0 2px;font-size:14px;font-weight:600}.merc-offers{margin-top:12px;margin-bottom:0}.merc-offer .stats{color:var(--muted);align-items:center;font-size:12px;font-weight:500}.merc-offer .merc-name{flex-basis:100%;font-weight:600}@media (width<=700px){.card.merc-offer>*{grid-column:1/-1}}.hp-line{align-items:center;gap:8px;margin:4px 0;font-size:14px;display:flex}.hp-bar{border:1px solid var(--border);background:#140a07;border-radius:4px;flex:0 0 120px;height:8px;overflow:hidden}.hp-bar>span{background:#6ad04a;height:100%;display:block}.hp-bar>span.mid{background:#f0c040}.hp-bar>span.low{background:#e0452b}.cell.ruined .cell-img{filter:grayscale(.8)brightness(.55)}.army-tabs{grid-template-columns:repeat(5,1fr);max-width:1068px;margin:16px auto 0;display:grid}.army-tabs button{padding-left:2px;padding-right:2px}.unit-sections{grid-template-columns:repeat(4,1fr);max-width:1068px;margin:16px auto 0}.unit-sections button{padding:8px 2px;font-size:13px}.army-tabs button,.unit-sections button{justify-content:center;align-items:center;gap:6px;display:flex}.seg-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #0009);flex:none;width:28px;height:28px}.army-tabs .seg-icon{width:32px;height:32px}.army-tabs button:not(.active) .seg-icon,.unit-sections button:not(.active) .seg-icon{opacity:.75}@media (width<=600px){.army-tabs button,.unit-sections button{flex-direction:column;gap:2px;font-size:12px}.seg-icon,.army-tabs .seg-icon{width:26px;height:26px}}.unit-line h2 small{font-size:13px;font-weight:400}.mark-tag{color:#fff;border-radius:6px;flex-shrink:0;margin-left:auto;padding:1px 7px;font-size:12px;font-weight:700}.rearm{border-top:1px dashed var(--border);margin-top:10px;padding-top:8px}.rearm p{margin:0 0 6px;font-size:13px}.rearm .train{grid-template-columns:minmax(0,1fr) auto}.mark-tag.mk1{background:#5b6068}.mark-tag.mk2{background:#2f6fb5}.mark-tag.mk3{background:#8a3fc0}.rarity-common{--rar:#9aa0a6;--rar-bg:#2b2b2e}.rarity-uncommon{--rar:#5cc45f;--rar-bg:#16301a}.rarity-rare{--rar:#4b95ff;--rar-bg:#12243f}.rarity-epic{--rar:#b06bff;--rar-bg:#2a1745}.rarity-legendary{--rar:#ffc23a;--rar-bg:#3d2a08}.rarity-tag{color:#140a07;background:var(--rar,#9aa0a6);border-radius:10px;padding:1px 8px;font-size:12px;font-weight:700;display:inline-block}.rarity-tag.common{background:#9aa0a6}.rarity-tag.uncommon{background:#5cc45f}.rarity-tag.rare{background:#4b95ff}.rarity-tag.epic{background:#b06bff}.rarity-tag.legendary{background:#ffc23a}.cmd-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;max-width:1100px;margin:12px auto 24px;padding:0 16px;display:grid}.cmd-card{border:2px solid var(--rar);background:linear-gradient(180deg, var(--rar-bg), var(--panel) 62%);border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 0 0 1px #0006,0 6px 18px #00000073}.cmd-portrait{background:radial-gradient(ellipse at 50% 85%, color-mix(in srgb, var(--rar) 45%, transparent), transparent 70%);height:230px;position:relative}.cmd-img{object-fit:contain;object-position:center bottom;width:100%;height:100%}.cmd-body{flex-direction:column;gap:5px;padding:10px 12px 12px;display:flex}.cmd-body .rarity-tag{align-self:flex-start}.cmd-name{font-size:16px}.cmd-stars{color:#ffd166;letter-spacing:1px}.cmd-stars i{color:#ffffff2e;font-style:normal}.cmd-level{grid-template-columns:auto 1fr;align-items:center;gap:2px 8px;font-size:13px;display:grid}.cmd-level small{color:var(--muted);grid-column:1/-1}.cmd-level .res-bar>span{background:var(--rar);height:100%;display:block}.cmd-bonus{color:#bff3c0;margin:0;padding-left:18px;font-size:13px}.cmd-special{color:#ffe9b0;background:#d6a02829;border:1px solid #f0be468c;border-radius:6px;margin:2px 0;padding:5px 8px;font-size:12px;line-height:1.35}.cmd-special strong{color:#ffd166}.cmd-status{color:var(--muted);margin:0;font-size:13px}.cmd-status.busy{color:var(--accent)}.cmd-status.wounded{color:var(--error)}.cmd-status.home{color:#9cc4ff}.cmd-body>button{margin-top:4px}.cmd-card.locked .cmd-img{filter:brightness(0)opacity(.55)}.cmd-card.locked{opacity:.85}.cmd-card.rarity-legendary{animation:2.4s ease-in-out infinite legend-glow}@keyframes legend-glow{0%,to{box-shadow:0 0 0 1px #0006,0 0 10px #ffc23a40}50%{box-shadow:0 0 0 1px #0006,0 0 22px #ffc23a99}}@media (prefers-reduced-motion:reduce){.cmd-card.rarity-legendary{animation:none}}.token-cards{margin-top:12px;margin-bottom:8px}.token-card .card-head{justify-content:flex-start;align-items:center;gap:8px}.token-card .card-head .level{margin-left:auto}.token-icon{object-fit:contain;width:40px;height:40px}.token-chances{flex-wrap:wrap;gap:4px 10px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.token-gain{color:#ffd166}.help-btn{color:#d8ffd0;background:#1f4a22;border-color:#3e7a3a;padding:4px 8px}.help-tag{color:#d8ffd0;white-space:nowrap;background:#1f3a20;border-radius:4px;padding:2px 6px;font-size:13px}.help-list{gap:6px;margin:8px 0 12px;display:grid}.help-row{background:#170c08;border-radius:6px;justify-content:space-between;gap:8px;padding:6px 10px;display:flex}.help-row.done{opacity:.6}.week-bar{border:1px solid var(--border);background:#170c08;border-radius:6px;height:12px;margin:8px 0 14px;position:relative}.week-bar>span{background:linear-gradient(90deg,#b8741a,#ffd166);border-radius:6px;height:100%;display:block}.week-bar>i{background:#fff3;width:2px;height:16px;position:absolute;top:-3px}.chest.ready{box-shadow:0 0 0 2px #ffd166,0 0 14px #ffd16688}.proto-head{align-items:center;gap:16px;display:flex}.proto-head h2{margin-top:0}.proto-scroll{object-fit:contain;flex-shrink:0;width:96px;height:96px}.proto-parts{font-size:17px}.proto-cards{margin-top:12px}.proto-tag{color:#d8ecff;background:#1d4f86;border-radius:4px;padding:1px 7px;font-size:12px}.proto-locked .card-img{filter:grayscale(.6)brightness(.75)drop-shadow(0 6px 8px #00000080)}.horde-banner{align-items:center;gap:10px;display:flex}.horde-banner .banner-icon{object-fit:contain;flex-shrink:0;width:56px;height:56px;margin:0}.horde-report-img{width:180px;max-width:60%;margin:0 auto 8px;display:block}@media (width<=700px){.proto-head{align-items:flex-start}.proto-scroll{width:56px;height:56px}.horde-banner .banner-icon{width:40px;height:40px}}.recruit-panel{width:min(300px,100%);position:relative}.recruit-result{text-align:center;animation:recruit-in .5s ease-out calc(var(--t) + 2s) both;justify-items:center;gap:10px;display:grid}.recruit-result h2{color:var(--rar);text-shadow:0 0 12px var(--rar);margin:0}.recruit-result .cmd-card{text-align:left;width:100%}@keyframes recruit-in{0%{opacity:0;transform:scale(.7)rotateY(80deg)}to{opacity:1;transform:none}}.recruit-anim{z-index:1;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.recruit-coin{aspect-ratio:1;width:min(260px,80vw);animation:coin-spin .9s ease-out var(--t) both, coin-shake .9s linear calc(var(--t) + .9s);display:grid}.coin-frame{object-fit:contain;opacity:0;width:100%;height:100%;animation:coin-frame .3s calc(var(--t) + .9s);grid-area:1/1}.coin-frame.f0{animation-duration:.9s;animation-delay:var(--t)}.coin-frame.f1{animation-delay:calc(var(--t) + .9s)}.coin-frame.f2{animation-delay:calc(var(--t) + 1.2s)}.coin-frame.f3{animation-delay:calc(var(--t) + 1.5s)}.coin-frame.f4{animation:coin-burst .6s ease-out calc(var(--t) + 1.8s)}.recruit-flash{opacity:0;background:radial-gradient(circle, #fff 0%, var(--rar) 35%, transparent 70%);width:240px;height:240px;animation:coin-flash .8s ease-out calc(var(--t) + 1.75s);border-radius:50%;position:absolute}.rarity-epic .recruit-flash,.rarity-legendary .recruit-flash{width:340px;height:340px}@keyframes coin-frame{0%,to{opacity:1}}@keyframes coin-spin{0%{transform:scale(.3)rotateY(0)}to{transform:scale(1)rotateY(1080deg)}}@keyframes coin-shake{0%,to{transform:none}10%{transform:translate(-3px,1px)rotate(-2deg)}20%{transform:translate(3px,-1px)rotate(2deg)}30%{transform:translate(-4px,-1px)rotate(-3deg)}40%{transform:translate(4px,2px)rotate(3deg)}50%{transform:translate(-5px,1px)rotate(-3deg)}60%{transform:translate(5px,-2px)rotate(4deg)}70%{transform:translate(-6px,2px)rotate(-4deg)}80%{transform:translate(6px,-1px)rotate(4deg)}90%{transform:translate(-6px,1px)rotate(-5deg)}}@keyframes coin-burst{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes coin-flash{0%{opacity:0;transform:scale(.2)}25%{opacity:1}to{opacity:0;transform:scale(2.2)}}@media (prefers-reduced-motion:reduce){.recruit-anim{display:none}.recruit-result{animation:none}}.send-commander{gap:4px;margin:8px 0 0;font-size:14px;display:grid}.send-commander select{width:100%;padding:6px}@media (width<=700px){.cmd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0}.cmd-portrait{height:170px}.cmd-body{padding:8px}.cmd-name{font-size:14px}.card.token-card>*{grid-column:1/-1}}.tut{z-index:200;pointer-events:none;position:fixed;inset:0}.tut[hidden]{display:none}.tut.modal{pointer-events:auto;background:#0a050399}.tut-ring{border:3px solid #ffd166;border-radius:12px;transition:left .15s,top .15s,width .15s,height .15s;animation:1.2s ease-in-out infinite tut-glow;position:fixed;box-shadow:0 0 0 200vmax #0a050373,0 0 18px #ffd166}.tut-ring[hidden],.tut-finger[hidden]{display:none}@keyframes tut-glow{50%{box-shadow:0 0 0 200vmax #0a050373,0 0 34px #ffd166}}.tut-finger{filter:drop-shadow(0 2px 4px #000000b3);font-size:44px;line-height:1;position:fixed;transform:translate(-50%)}.tut-finger[data-dir=up]{animation:.9s ease-in-out infinite tut-up}.tut-finger[data-dir=down]{animation:.9s ease-in-out infinite tut-down}@keyframes tut-up{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,10px)}}@keyframes tut-down{0%,to{transform:translate(-50%,-100%)}50%{transform:translate(-50%,calc(-100% - 10px))}}.tut-bubble{background:var(--panel);pointer-events:auto;border:2px solid #ffd166;border-radius:16px;align-items:flex-start;gap:12px;width:min(480px,100% - 32px);padding:14px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0009}.tut-bubble[data-side=bottom]{bottom:calc(var(--dock-h,0px) + 16px)}.tut-bubble[data-side=top]{top:calc(var(--topbar-h,0px) + 12px)}.tut-bubble[data-side=center]{top:50%;transform:translate(-50%,-50%)}.tut-advisor{object-fit:cover;object-position:top;background:#3a2218;border:2px solid #ffd166;border-radius:50%;flex:none;width:72px;height:72px}.tut-body{flex:1;min-width:0}.tut-text{margin:0 0 10px;font-size:17px;line-height:1.4}.tut-text b{color:#ffd166}.tut-text small{color:var(--muted);margin-top:6px;font-size:14px;display:block}.tut-reward{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;font-weight:700;display:flex}.tut-reward .inline-icon{width:26px;height:26px}.tut-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tut-actions .primary{padding:10px 20px;font-size:16px}.tut-skip{color:var(--muted);background:0 0;border-color:#0000;padding:6px 10px;font-size:13px}.tut-step{color:var(--muted);margin-top:6px;font-size:12px;display:block}@media (width<=700px){.tut-advisor{width:52px;height:52px}.tut-text{font-size:16px}}.topbar-calendar{position:relative}.topbar-calendar .badge{margin:0;position:absolute;top:-4px;right:-6px}.topbar-calendar.ready{border-color:#ffd166;animation:1.6s ease-in-out infinite cal-pulse;box-shadow:0 0 12px #ffd1668c}.topbar-calendar.ready svg{stroke:#ffd166}@keyframes cal-pulse{50%{box-shadow:0 0 20px #ffd166e6}}.topbar .topbar-calendar{width:36px;height:36px}.calendar-panel{gap:12px;width:min(620px,100%);position:relative}.cal-hero{background-position:50%;background-size:cover;border-radius:14px 14px 0 0;gap:6px;margin:-18px -18px 0;padding:22px 18px 16px;display:grid;position:relative;box-shadow:inset 0 0 0 2000px #140b088c,inset 0 -40px 30px -20px #1a0f0bf2}.cal-hero h2{color:#ffd166;text-shadow:0 2px 6px #000;font-size:20px}.cal-hero p{text-shadow:0 1px 4px #000;margin:0;font-size:14px}.cal-track{gap:6px;margin-top:4px;display:flex}.cal-track i{background:#ffffff26;border-radius:3px;flex:1;height:6px}.cal-track i.on{background:linear-gradient(90deg,#ffb347,#ffd166)}.cal-track i.now{background:#ffd16673;animation:1.2s ease-in-out infinite cal-now}@keyframes cal-now{50%{background:#ffd166}}.cal-grid{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.3fr);gap:8px;display:grid}.cal-day{text-align:center;border:1px solid var(--border);background:radial-gradient(circle at 50% 40%,#ffb3471f,#0000 65%),#1f110c;border-radius:12px;align-content:start;justify-items:center;gap:4px;padding:26px 4px 8px;display:grid;position:relative;overflow:hidden}.cal-day:first-child,.cal-day:nth-child(2),.cal-day:nth-child(3){grid-row:1}.cal-day:nth-child(4),.cal-day:nth-child(5),.cal-day:nth-child(6){grid-row:2}.cal-day.big{background:radial-gradient(circle at 50% 42%,#ffd16659,#0000 60%),linear-gradient(#4a2a10,#1f110c);border-color:#d4a13a;grid-area:1/4/span 2;align-content:center}.cal-ribbon{letter-spacing:.5px;color:#d9c2b0;background:#00000059;padding:3px 0;font-size:12px;font-weight:800;position:absolute;top:0;left:0;right:0}.cal-chest{object-fit:contain;filter:drop-shadow(0 6px 6px #0009);width:64px;height:64px}.cal-day.big .cal-chest{width:120px;height:120px}.cal-rewards{flex-wrap:wrap;justify-content:center;gap:3px 8px;font-size:13px;font-weight:700;display:flex}.cal-day.today{border:2px solid #ffd166;box-shadow:0 0 16px #ffd1668c,inset 0 0 20px #ffd16626}.cal-day.today .cal-ribbon{color:#1a0f0b;background:linear-gradient(90deg,#ffb347,#ffd166)}.cal-day.today .cal-chest{animation:1.4s ease-in-out infinite cal-bob}@keyframes cal-bob{50%{transform:translateY(-5px)rotate(-3deg)}}.cal-day.tomorrow{border-style:dashed;border-color:#b98a2e}.cal-day.tomorrow .cal-ribbon{color:#ffd166}.cal-day.got .cal-chest,.cal-day.got .cal-rewards{opacity:.35;filter:grayscale(.8)}.cal-stamp{color:#9ff08f;background:#142810b3;border:3px solid #7ddc6f;border-radius:50%;place-items:center;width:44px;height:44px;font-size:26px;font-weight:900;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)rotate(-12deg)}.cal-claim{justify-self:center;min-width:200px;padding:12px 26px;font-size:17px}.cal-next{text-align:center;margin:0}.cal-next b{color:#ffd166;font-variant-numeric:tabular-nums}.cal-reveal{text-align:center;justify-items:center;gap:12px;padding:18px 0 4px;display:grid;position:relative;overflow:hidden}.cal-reveal h2{color:#ffd166;font-size:20px;animation:.4s .9s both cal-fade}.cal-rays{background:repeating-conic-gradient(#ffd16647 0 10deg, transparent 10deg 30deg);border-radius:50%;width:320px;height:320px;margin-left:-160px;animation:8s linear infinite cal-rays,.5s .6s both cal-fade;position:absolute;top:10px;left:50%;-webkit-mask:radial-gradient(circle,#000 20%,#0000 70%);mask:radial-gradient(circle,#000 20%,#0000 70%)}@keyframes cal-rays{to{transform:rotate(360deg)}}.cal-reveal-chest{object-fit:contain;filter:drop-shadow(0 0 22px #ffd166b3);width:150px;height:150px;animation:.7s ease-in-out both cal-shake,.4s .7s both cal-glow;position:relative}.cal-reveal.big .cal-reveal-chest{width:190px;height:190px}@keyframes cal-shake{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1.05)rotate(-8deg)}45%{transform:rotate(8deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(4deg)}to{transform:rotate(0)}}@keyframes cal-glow{50%{filter:drop-shadow(0 0 40px #fff3c4)brightness(1.6)}}@keyframes cal-fade{0%{opacity:0}}.cal-reveal-items{flex-wrap:wrap;justify-content:center;gap:10px;font-size:18px;font-weight:800;display:flex;position:relative}.cal-reveal-items .reward-item{background:#0006;border:1px solid #b98a2e;border-radius:10px;padding:6px 12px}.cal-reveal-items .inline-icon{width:30px;height:30px}.reward-item.pop{animation:.45s cubic-bezier(.3,1.6,.5,1) both cal-pop}.reward-item.pop:first-child{animation-delay:1s}.reward-item.pop:nth-child(2){animation-delay:1.2s}.reward-item.pop:nth-child(3){animation-delay:1.4s}.reward-item.pop:nth-child(4){animation-delay:1.6s}@keyframes cal-pop{0%{opacity:0;transform:translateY(30px)scale(.3)}}.cal-reveal .cal-claim{animation:.4s 1.6s both cal-fade}@media (prefers-reduced-motion:reduce){.cal-day.today .cal-chest,.cal-rays,.cal-track i.now{animation:none}}.item-icon{color:#1a0f0b;vertical-align:middle;background:linear-gradient(#8fe3ff,#3fa7d6);border-radius:999px;align-items:center;gap:2px;padding:1px 6px 1px 3px;font-size:11px;font-weight:800;display:inline-flex}.item-icon.speed480{background:linear-gradient(#ffd98a,#e0922b)}.item-icon.speed60{background:linear-gradient(#c7a6ff,#8a5cd6)}.bolt{fill:currentColor;flex:none;width:14px;height:14px}.item-art{object-fit:contain;width:2.4em;height:2.4em}.item-icon:has(.item-art){background:0 0;padding:0;position:relative}.item-icon:has(.item-art) .bolt{display:none}.item-icon:has(.item-art) b{color:#fff;background:#000000bf;border-radius:6px;padding:0 3px;font-size:.8em;line-height:1.3;position:absolute;bottom:-3px;right:-4px}.shop-spend-icon .item-art{width:52px;height:52px}.queue-actions{align-items:center;gap:6px;display:flex}.speed-btn{color:#9fe0ff;border-color:#3fa7d6;align-items:center;gap:4px;display:inline-flex}.speedup-panel{position:relative}.speedup-panel p{margin:0}.speedup-list{gap:8px;display:grid}.speedup-item{text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.speedup-item .item-icon{padding:3px 8px 3px 5px;font-size:13px}@media (width<=560px){.cal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cal-day.big{text-align:left;grid-area:3/1/auto/-1;grid-template-columns:auto 1fr;justify-items:start;padding:28px 12px 8px}.cal-day.big .cal-chest{width:84px;height:84px}.cal-day.big .cal-rewards{justify-content:flex-start}.cal-chest{width:52px;height:52px}.cal-rewards{font-size:12px}}@media (width<=440px){.queue-actions .speed-btn{padding-inline:8px}}.settings-logout{display:none}@media (width<=440px){.topbar [data-action=logout]{display:none}.settings-logout{display:block}:is(.queue:has(.queue-actions),.order:has(.queue-actions)){grid-template-columns:1fr auto}.queue .queue-actions,.order .queue-actions{grid-column:1/-1;justify-content:flex-end}}.done-note{color:#a8e59a}.done-note .timer{font-variant-numeric:tabular-nums;font-weight:700}.cell.done-today .cell-img{opacity:.55;filter:grayscale(.4)}.cell-badge.done{color:#d9ffcc;background:#2f5a22}@media (width>=701px){.base-full:has(.world-wrap) .notices{width:auto;min-width:260px;margin:0;left:420px;right:440px}}.world-tabs{grid-template-columns:repeat(4,1fr);max-width:1068px;margin:16px auto 0;display:grid}.tour-days{grid-template-columns:repeat(7,1fr);gap:4px;margin:12px 0;display:grid}.tour-day{text-align:center;background:#ffffff0a;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;font-size:11px;line-height:1.2;display:flex}.tour-day span{color:var(--muted);font-weight:700}.tour-day b{font-weight:600}.tour-day.past{opacity:.6}.tour-day.today{background:var(--accent);color:#fff}.tour-day.today span{color:#fff}.tour-theme{background:#f0a5261f;border:1px solid #f0a52659;border-radius:10px;padding:10px 14px}.tour-theme h3{margin:0 0 6px}.tour-theme ul{margin:0 0 6px;padding-left:18px}.tour-me{margin:12px 0 4px}.tour-rewards td:first-child{white-space:nowrap;width:70px;font-weight:700}@media (width<=440px){.tour-day b{display:none}}.world-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.world-head h2{margin:0}.world-head button.active,.world-boards button.active{color:#fff;background:var(--accent);border-color:var(--accent)}.world-tag{color:var(--muted);font-weight:700}.news-list{gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.news-item{background:#ffffff0a;border-radius:8px;grid-template-columns:32px 1fr;align-items:start;gap:10px;padding:8px 10px;display:grid}.news-item.mine{box-shadow:inset 3px 0 0 var(--accent);background:#f0a52624}.news-icon{text-align:center;font-size:22px;line-height:1.1}.world-hero{background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;min-height:110px;display:flex;box-shadow:inset 0 0 0 2000px #1a0f0b80}.world-hero h2{text-shadow:0 2px 6px #000c;margin:0;font-size:26px}.world-hero p{text-shadow:0 1px 4px #000000e6;margin:4px 0 0}.game-main .segmented.world-tabs{max-width:none;margin:12px 0 0}.world-tabs button{justify-content:center;align-items:center;gap:6px;display:flex}.world-tabs button:not(.active) .seg-icon{opacity:.8}.news-pic{object-fit:contain;width:32px;height:32px}.wmsg-news .news-pic{width:22px;height:22px}p.with-icon .news-pic{flex:none}.tour-day-icon{object-fit:contain;width:34px;height:34px}.tour-day.past .tour-day-icon{filter:grayscale(.7)}.tour-theme{align-items:center;gap:14px;display:flex}.tour-theme-icon{object-fit:contain;filter:drop-shadow(0 3px 5px #0009);flex:none;width:72px;height:72px}.clan-stats.tour-me{grid-template-columns:repeat(3,1fr)}.podium{grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:8px;margin:16px 0 8px;display:grid}.podium-step{text-align:center;flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.podium-step .medal-icon{width:54px;height:54px}.podium-step.p1 .medal-icon{width:72px;height:72px}.podium-name{overflow-wrap:anywhere;font-size:14px}.podium-value{font-variant-numeric:tabular-nums;font-size:16px}.podium-value small{color:var(--muted);font-size:12px;font-weight:400}.podium-block{color:#ffffffd9;background:linear-gradient(#6b7079,#3d4148);border-radius:8px 8px 0 0;justify-content:center;align-items:center;width:100%;height:56px;font-size:26px;font-weight:800;display:flex}.podium-step.p1 .podium-block{background:linear-gradient(#e0b04a,#8a6414);height:84px}.podium-step.p3 .podium-block{background:linear-gradient(#b0703a,#6e4220);height:40px}.podium-step.mine .podium-name{color:var(--accent)}.tour-rewards{gap:6px;display:grid}.tour-reward{background:#ffffff0a;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:6px 10px;display:flex}.tour-reward.p1{background:#e0b04a29}.tour-place{align-items:center;gap:6px;min-width:96px;font-weight:700;display:inline-flex}.tour-reward-items{flex-wrap:wrap;gap:4px 10px;display:flex}@media (width<=600px){.world-tabs button{flex-direction:column;gap:2px;font-size:12px}.tour-day-icon{width:26px;height:26px}.tour-theme-icon{width:52px;height:52px}.clan-stats.tour-me{grid-template-columns:repeat(3,1fr);gap:4px}.clan-stats.tour-me .clan-stat{text-align:center;grid-template-columns:1fr;justify-items:center;padding:6px 4px}.clan-stats.tour-me .clan-stat .inline-icon{grid-row:auto;width:28px;height:28px}.podium-step .medal-icon{width:40px;height:40px}.podium-step.p1 .medal-icon{width:54px;height:54px}}.news-text small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.world-chat .chat-log{flex-direction:column;gap:4px;height:min(460px,58vh);display:flex}.world-chat .chat-log>:first-child{margin-top:auto}@media (width<=700px){.world-chat .chat-log{height:max(220px,100dvh - 325px)}}.chat-help{margin-top:8px}.chat-help summary{color:var(--muted);cursor:pointer;font-size:13px}.wmsg{overflow-wrap:anywhere;border-radius:8px;padding:5px 8px;font-size:14px}.wmsg.mine{background:#f0a5261f}.wmsg-head{flex-wrap:wrap;align-items:baseline;gap:4px 6px;display:flex}.wmsg-head small{color:var(--muted);font-size:12px}.wmsg-name{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.wmsg-name:hover{text-decoration:underline}.wmsg-text{margin-top:2px}.wmsg-acts{gap:2px;margin-left:auto;display:flex}.wmsg-acts button{color:var(--muted);opacity:.45;cursor:pointer;background:0 0;border:0;padding:0 6px;font-size:13px;line-height:20px}.wmsg-acts button:hover{opacity:1}.chat-ignored{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.chat-ignored button{border:1px solid var(--border);color:inherit;font:inherit;cursor:pointer;background:#ffffff0f;border-radius:999px;padding:2px 8px}.chat-ignored button:hover{border-color:var(--accent)}.wmsg-news{color:#d9c4b0;background:#ffffff0a;grid-template-columns:24px 1fr;align-items:start;gap:6px;font-size:13px;display:grid}.wmsg-news .news-icon{font-size:17px}.wmsg-news small{color:var(--muted);font-size:12px}.wmsg-news.mine{box-shadow:inset 3px 0 0 var(--accent)}.chat-cell{border:1px solid var(--border);color:inherit;font:inherit;cursor:pointer;background:#ffffff0f;border-radius:6px;padding:0 4px;font-weight:700}.chat-cell:hover{border-color:var(--accent)}.rally-block{background-position:0;background-size:cover;box-shadow:inset 0 0 0 2000px #1a0f0bc7}.rally-block h2 .inline-icon,.rally-form h3 .inline-icon{vertical-align:-9px;width:30px;height:30px}.medal-icon{vertical-align:-7px;width:26px;height:26px}.news-text .medal-icon{vertical-align:-5px;width:20px;height:20px}.rank-icon{vertical-align:-6px;width:22px;height:22px;margin-right:4px}.rally{box-shadow:inset 3px 0 0 var(--accent);background:#ffffff0a;border-radius:8px;margin-top:10px;padding:10px 12px}.rally.joined{background:#f0a5261a}.rally.marching{box-shadow:inset 3px 0 #d9534f}.rally p{margin:4px 0}.rally-when{font-weight:700}.rally-members{margin:6px 0;padding-left:18px;font-size:14px}.rally-members li.mine{color:var(--accent)}.rally-form .actions button{flex:auto}.gift-level{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gift-level small{color:var(--muted)}.gift-bar{background:#ffffff1a;border-radius:4px;flex:120px;max-width:260px;height:8px;overflow:hidden}.gift-bar span{background:var(--accent);height:100%;display:block}.gift-list{gap:8px;margin:8px 0;display:grid}.gift{background:#f0a52614;border-radius:8px;grid-template-columns:56px 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.gift.big{box-shadow:inset 3px 0 0 var(--accent);background:#f0a5262e}.gift p{margin:2px 0}.gift-img{object-fit:contain;width:56px;height:56px}@media (width<=440px){.gift{grid-template-columns:44px 1fr}.gift-img{width:44px;height:44px}.gift>button{grid-column:1/-1}}.world-boards{flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0;display:flex}.world-boards>span{min-width:60px;color:var(--muted);font-size:13px}.world-boards button{padding:5px 10px;font-size:13px}.rating-table{width:100%;margin-top:8px}.rating-table td{vertical-align:middle}.rating-table td small{color:var(--muted);font-size:12px;display:block}.rating-table .rank{text-align:center;width:36px;font-size:16px;font-weight:700}.rating-table .value{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.rating-table th:last-child{text-align:right}.rating-table tr.mine td{background:#f0a52629}.rating-table tr.gap td{text-align:center;color:var(--muted);padding:2px}.faction-dot{vertical-align:1px;background:var(--muted);border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.faction-dot.federation{background:#4f95f0}.faction-dot.rebels{background:#f0a526}.reports-tabs{grid-template-columns:1fr 1fr}.badge.inline{margin-left:6px}.report-actions{flex-wrap:wrap;margin-top:14px}.mail-new{gap:8px;margin:10px 0;display:flex}.mail-new input{flex:1;min-width:0}.mail-dialog>span:first-child{min-width:0}.mail-last{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.mail-log{background:#00000040;border-radius:10px;flex-direction:column;gap:6px;max-height:55vh;margin:10px 0;padding:8px;display:flex;overflow-y:auto}.mail-msg{white-space:pre-wrap;overflow-wrap:anywhere;background:#ffffff12;border-radius:12px 12px 12px 4px;align-self:flex-start;max-width:80%;padding:7px 10px}.mail-msg.mine{background:#f0a52638;border-radius:12px 12px 4px;align-self:flex-end}.mail-msg small{color:var(--muted);text-align:right;margin-top:2px;font-size:11px;display:block}.mail-compose textarea{box-sizing:border-box;resize:vertical;width:100%;font:inherit}.mail-compose-row{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.mail-compose-row small{color:var(--muted)}.radial{z-index:30;pointer-events:none;--r:90px;width:0;height:0;position:fixed}.radial[hidden]{display:none}.radial-btn{width:54px;height:54px;transform:translate(calc(-50% + var(--dx) * var(--r)), calc(-50% + var(--dy) * var(--r)));color:#fff;pointer-events:auto;background:radial-gradient(circle at 35% 30%, #ffb070, var(--c,#c4501f) 60%, #5a220c);border:3px solid #1a0f0b;border-radius:50%;place-items:center;padding:0;animation:.18s ease-out both radial-in;display:grid;position:absolute;top:0;left:0;box-shadow:0 0 0 2px #ffffff40,0 4px 10px #0009}.radial-btn svg{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.radial-btn span{white-space:nowrap;background:#140a06d9;border-radius:6px;margin-top:2px;padding:0 5px;font-size:11px;font-weight:700;position:absolute;top:100%}.radial-btn:hover{filter:brightness(1.15)}.radial-attack{--c:#c0301f}.radial-attack.revenge{box-shadow:0 0 0 3px #ffd166,0 0 16px #ffd166}.radial-scout{--c:#1f8fa8}.radial-sabotage{--c:#7a3fb0}.radial-reinforce{--c:#2f8a3a}.radial-mail{--c:#3c6fc4}.radial-info{--c:#6b5a4a}@keyframes radial-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}}@media (width<=700px){.radial-btn{width:46px;height:46px}.radial-btn svg{width:20px;height:20px}}.allies-block h3{margin:12px 0 4px;font-size:15px}.ally-row{background:#ffffff0a;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-top:6px;padding:8px 10px;display:flex}@media (width<=700px){.dock-ring{width:38px;height:38px}.dock-ring svg{width:18px;height:18px}.dock-label{padding:0 2px;font-size:9.5px}}.army-hero{background-position:50%;background-size:cover;box-shadow:inset 0 0 0 2000px #1a0f0bbd}.army-hero-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.army-hero-head h2{margin:0}.army-power{gap:18px;font-size:22px;display:flex}.army-power span{align-items:center;gap:4px;display:inline-flex}.army-power .inline-icon{width:30px;height:30px}.army-roster{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.roster-item{text-align:center;background:#00000059;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;width:124px;padding:8px 6px 6px;display:flex;position:relative}.roster-img{object-fit:contain;filter:drop-shadow(0 4px 5px #0009);width:96px;height:96px}.roster-item small{color:var(--muted);font-size:13px;line-height:1.25}.roster-count{background:var(--accent);color:#fff;border-radius:12px;min-width:28px;padding:0 7px;font-size:15px;line-height:24px;position:absolute;top:5px;right:5px}.fill-bar{grid-template-columns:140px 1fr auto;align-items:center;gap:12px;margin:8px 0;font-size:16px;display:grid}.fill-label{color:var(--muted);align-items:center;display:inline-flex}.fill-track{background:#ffffff1a;border-radius:7px;height:14px;overflow:hidden}.fill-track span{background:linear-gradient(90deg,#3fa7c9,#7fe3ff);height:100%;display:block}.fill-bar.full .fill-track span{background:linear-gradient(90deg, #b8401b, var(--error))}.fill-bar.full b{color:var(--error)}@media (width<=520px){.fill-bar{grid-template-columns:96px 1fr auto;gap:6px;font-size:14px}.fill-track{height:10px}.army-power{gap:12px;font-size:18px}.army-power .inline-icon{width:24px;height:24px}.roster-item{width:calc(25% - 8px);padding:6px 3px 4px}.roster-img{width:58px;height:58px}.roster-item small{font-size:11px}.roster-count{min-width:24px;padding:0 6px;font-size:13px;line-height:20px}}.card.unit-card{border-width:2px;flex-direction:column;gap:8px;padding:0 0 12px;display:flex;overflow:hidden}.card.unit-card>*{margin-left:12px;margin-right:12px}.card.unit-card>.uc-top{margin:0}.unit-card.mk1{border-color:#5b6068}.unit-card.mk2{border-color:#2f6fb5}.unit-card.mk3{border-color:#8a3fc0;box-shadow:0 0 14px #8a3fc059}.uc-top{flex-direction:column;display:flex}.uc-art{background:radial-gradient(ellipse at 50% 60%, var(--glow,#e0622b59) 0%, transparent 65%), #00000040;place-items:center;height:170px;display:grid;position:relative}.unit-card.kind-infantry{--glow:#9fd67a4d}.unit-card.kind-vehicle{--glow:#f0b06052}.unit-card.kind-air{--glow:#7fc8ff52}.uc-img{object-fit:contain;filter:drop-shadow(0 8px 8px #0009);width:100%;height:160px}.uc-art .mark-tag{margin:0;position:absolute;top:8px;left:8px}.uc-home{background:var(--accent);color:#fff;border-radius:10px;padding:1px 8px;font-size:13px;font-weight:700;position:absolute;top:8px;right:8px}.uc-lock{font-size:22px;position:absolute;bottom:8px;right:10px}.unit-card.locked .uc-img{filter:grayscale(.85)brightness(.55)drop-shadow(0 8px 8px #0009)}.unit-card.locked .uc-title strong{color:var(--muted)}.uc-title{flex-direction:column;gap:3px;padding:10px 12px 0;display:flex}.uc-title strong{font-size:16px}.card .uc-desc{color:#d9c4b0;font-size:13px}.uc-vs{flex-wrap:wrap;gap:4px;display:flex}.vs-chip{border-radius:10px;padding:1px 8px;font-size:12px;font-weight:600}.vs-chip.good{color:#9fd67a;background:#9fd67a1f}.vs-chip.bad{color:#ff9b7a;background:#ff9b7a1f}.card .uc-note{color:var(--muted);font-size:12px}.uc-stats{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.uc-stat{background:#ffffff0d;border-radius:6px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:4px;padding:4px 6px;display:grid}.uc-stat>:first-child{grid-row:1/span 2}.uc-stat .inline-icon{margin:0}.uc-stat b{font-size:15px;line-height:1.1}.uc-stat small{color:var(--muted);font-size:10px;line-height:1.1}.uc-heart{color:#ff6b8a;text-align:center;width:20px;font-size:16px}.uc-cost{flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:14px;display:flex}.uc-cost-label{color:var(--muted)}.card .uc-need{color:#ffb4a8;background:#ff6b5a1a;border-radius:6px;padding:6px 10px;font-size:13px}@media (width<=700px){.card.unit-card{display:flex}.card.unit-card>*{grid-column:auto}.uc-top{flex-direction:row}.uc-art{flex:0 0 112px;height:auto;min-height:120px}.uc-img{height:108px}.uc-title{padding:10px 12px 0 10px}}.topbar-shop{border-color:#5fc8ff;position:relative;box-shadow:0 0 10px #5fc8ff59}.topbar-shop-icon{object-fit:contain;width:24px;height:24px}.topbar .topbar-shop{width:36px;height:36px}.hud-plus{color:#1a0f0b;vertical-align:middle;background:linear-gradient(#9ff08f,#4caf50);border:none;border-radius:50%;place-items:center;width:20px;height:20px;margin-left:2px;padding:0;font-size:15px;font-weight:900;line-height:1;display:inline-grid}.shop-panel{gap:12px;width:min(720px,100%);position:relative}.shop-hero{background-position:50%;background-size:cover;border-radius:14px 14px 0 0;justify-content:space-between;align-items:flex-end;gap:12px;margin:-18px -18px 0;padding:26px 18px 16px;display:flex;box-shadow:inset 0 0 0 2000px #140b0880,inset 0 -40px 30px -20px #1a0f0bf2}.shop-hero h2{color:#7fe3ff;text-shadow:0 2px 6px #000;font-size:20px}.shop-hero p{text-shadow:0 1px 4px #000;margin:4px 0 0;font-size:13px}.shop-balance{background:#0000008c;border:1px solid #5fc8ff;border-radius:999px;flex:none;align-items:center;gap:4px;padding:4px 12px 4px 6px;font-size:18px;display:inline-flex}.shop-balance-icon{width:28px;height:28px}.shop-mode{color:var(--muted);background:#ffffff0f;border-radius:8px;margin:0;padding:6px 10px;font-size:13px}.shop-mode.test{color:#ffd166;background:#ffd1661a}.shop-tabs{grid-template-columns:repeat(3,1fr);display:grid}.shop-tabs button{position:relative}.shop-got{background:#3c8a4a33;border:1px solid #7ddc6f;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px 10px;animation:.4s cubic-bezier(.3,1.6,.5,1) both cal-pop;display:flex}.shop-got>span{color:#9ff08f;font-weight:800}.shop-chip{align-items:center;gap:3px;font-size:13px;display:inline-flex}.shop-chips{flex-wrap:wrap;justify-content:center;gap:4px 10px;display:flex}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.shop-card{text-align:center;border:1px solid var(--border);background:radial-gradient(circle at 50% 30%,#5fc8ff29,#0000 65%),#1f110c;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px 10px;display:flex;position:relative}.shop-card.best{background:radial-gradient(circle at 50% 30%,#ffd16647,#0000 65%),#2a170d;border-color:#d4a13a}.shop-art{object-fit:contain;filter:drop-shadow(0 6px 8px #0009);width:84px;height:84px}.shop-amount{color:#bff3ff;align-items:center;gap:2px;font-size:20px;display:inline-flex}.shop-old,.shop-card small{color:var(--muted);font-size:12px}.shop-extra{color:#9ff08f}.shop-ribbon{z-index:1;color:#1a0f0b;background:linear-gradient(90deg,#ffb347,#ffd166);border-radius:0 6px 6px 0;padding:2px 8px;font-size:11px;font-weight:800;position:absolute;top:8px;left:-4px}.shop-buy{justify-self:stretch;margin-top:4px;font-weight:800}.shop-link{color:#9fdcff;text-align:left;background:0 0;border:0;flex:100%;grid-column:1/-1;padding:2px 0;font-size:12px;text-decoration:underline}.badge.gold{color:#1a0f0b;background:#ffd166}.queue-busy{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.shop-offer.premium{background:linear-gradient(135deg,#ffd16629,#2a1812e6);border-color:#ffd166}.shop-premium-art{color:#ffd166;text-shadow:0 0 18px #ffd16699;place-items:center;font-size:72px;line-height:1;display:grid}.shop-perks{gap:2px;margin:0;padding-left:18px;font-size:14px;display:grid}.shop-premium-buy{flex-wrap:wrap;gap:8px;display:flex}.shop-premium-buy .shop-buy{justify-self:auto;min-width:0;margin-top:0}.premium-star{color:#ffd166;margin-left:4px}.premium-hint{color:#ffd166;white-space:nowrap;background:#ffd1661a;border-color:#d4a13a;font-weight:700}.queue-busy .premium-hint{padding:4px 10px;font-size:13px}.shop-card .shop-buy{align-self:stretch;margin-top:auto}.shop-buy.crystal{color:#bff3ff;border-color:#3fa7d6;justify-content:center;align-items:center;gap:2px;display:inline-flex}.shop-offer{background:radial-gradient(circle at 15%,#ffd16640,#0000 50%),linear-gradient(135deg,#3b2410,#1f110c);border:2px solid #d4a13a;border-radius:14px;grid-template-columns:140px 1fr;align-items:center;gap:14px;padding:12px;display:grid}.shop-offer.monthly{background:radial-gradient(circle at 15%,#5fc8ff38,#0000 50%),linear-gradient(135deg,#14283a,#1f110c);border-color:#5fc8ff}.shop-offer.sold{opacity:.6}.shop-offer-art{object-fit:contain;filter:drop-shadow(0 8px 10px #0009);width:140px;height:140px}.shop-offer-body{gap:6px;display:grid}.shop-offer-body strong{font-size:18px}.shop-offer-body small{color:#d9c4b0;font-size:13px}.shop-offer-body .shop-chips{justify-content:flex-start}.shop-offer-body .shop-buy{justify-self:start;min-width:160px}.shop-days{margin:0}.shop-claim{justify-self:start;align-items:center;gap:4px;display:inline-flex}.shop-spend-icon{place-items:center;height:56px;display:grid}.shop-spend-icon .item-icon{padding:4px 10px 4px 6px;font-size:14px}.shop-spend-art{object-fit:contain;width:52px;height:52px}.shop-card.spend.sold{opacity:.55}.shop-left{font-size:11px}.mine-store,.newbie-note{margin:0}.newbie-note p{margin:4px 0}@media (width<=560px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-offer{grid-template-columns:90px 1fr;gap:10px}.shop-offer-art{width:90px;height:90px}.shop-hero{flex-direction:column;align-items:flex-start}}.mark-tag.legend{color:#1a0f0b;background:linear-gradient(90deg,#ffb347,#ffd166);box-shadow:0 0 10px #ffd16699}.unit-card.legend-card{--glow:#ffc45066;background:linear-gradient(180deg, #4a2a1099, transparent 40%), var(--panel,#24140e);border-color:#d4a13a;box-shadow:0 0 18px #ffc4504d}.unit-card.legend-card.locked .uc-img{filter:grayscale(.6)brightness(.6)drop-shadow(0 8px 8px #0009)}.legend-head{background:radial-gradient(circle at 10%,#ffd16638,#0000 45%),linear-gradient(135deg,#3b2410,#1f110c);border-color:#d4a13a;align-items:center;gap:16px;display:flex}.legend-scroll{object-fit:contain;filter:drop-shadow(0 6px 10px #0009);flex:none;width:110px;height:110px}.legend-info{gap:6px;min-width:0;display:grid}.legend-info h2{color:#ffd166;margin:0}.legend-info p{margin:0}.legend-bar{grid-template-columns:auto 1fr;align-items:center;gap:10px;display:grid}.legend-bar .fill-track span{background:linear-gradient(90deg,#ffb347,#ffd166)}.legend-cores b,.legend-bar b{color:#ffd166}.legend-unlock{justify-content:center;align-items:center;gap:4px;margin:0 12px;display:inline-flex}.legend-cards{margin-top:12px}@media (width<=560px){.legend-head{flex-direction:column;align-items:flex-start}.legend-scroll{width:72px;height:72px}.legend-bar{grid-template-columns:1fr;gap:4px}}.topbar-ads{border-color:#7ddc6f;position:relative;box-shadow:0 0 10px #7ddc6f4d}@media (width>=441px){.topbar .topbar-ads{width:36px;height:36px}}.ads-tv{font-size:19px;line-height:1}.ads-panel{gap:12px;width:min(720px,100%);position:relative}.ads-panel h2{margin:0}.ad-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.ad-card{text-align:center;border:1px solid var(--border);background:#1f110c;border-radius:12px;align-content:start;gap:6px;padding:12px;display:grid}.ad-card.ready{border-color:#7ddc6f;box-shadow:0 0 12px #7ddc6f2e}.ad-card>small{color:var(--muted);font-size:12px;line-height:1.3}.ad-card .ad-left{font-size:11px}.ad-card .hint,.ad-card .done-note{margin:0}.ad-reward{flex-wrap:wrap;justify-content:center;gap:4px 10px;display:flex}.ad-charges{color:#9ff08f;margin:0}.ad-btn{color:#eaffe4;background:linear-gradient(#2f5a2a,#1d3a1a);border-color:#7ddc6f;justify-content:center;align-items:center;gap:6px;font-weight:700;display:inline-flex}.ad-btn.primary{background:linear-gradient(#4caf50,#2e7d32)}.ad-timers{gap:6px;display:grid}.ad-timers .ad-btn{justify-content:space-between;font-size:13px}.ad-timers .ad-btn span{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;overflow:hidden}.ad-got{background:#3c8a4a33;border:1px solid #7ddc6f;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px 10px;animation:.4s cubic-bezier(.3,1.6,.5,1) both cal-pop;display:flex}.ad-got>span{color:#9ff08f;font-weight:800}.speedup-panel .ad-btn,.cal-reveal .ad-btn{width:100%;margin-top:8px}.ad-toast{z-index:1000;text-align:center;border:1px solid var(--border);background:#2a1812fa;border-radius:10px;width:max-content;max-width:calc(100% - 32px);padding:10px 14px;font-size:14px;position:fixed;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0009}.ad-overlay{z-index:1000;background:#000000e0;place-items:center;display:grid;position:fixed;inset:0}.ad-box{color:#fff;text-align:center;justify-items:center;gap:8px;display:grid}.ad-tv{font-size:56px}.ad-box strong{font-size:22px}.ad-box small{color:#bbb}.ad-count{color:#7ddc6f;font-size:40px}.radar-btn{color:#d9ffcc;border-color:#7ddc6f}.radar-panel{gap:10px;width:min(760px,100%);max-height:calc(100vh - 40px);position:relative}.camp-panel{width:min(900px,100%);max-height:calc(100vh - 40px);display:block;position:relative}.camp-panel>*+*{margin-top:12px}.camp-hero{background-position:50%;background-size:cover;border-radius:12px 12px 0 0;margin:-18px -18px 0;padding:26px 18px 14px;box-shadow:inset 0 0 0 2000px #1408068c}.camp-hero h2{color:#ffcf8a;margin:0 0 4px}.camp-hero p{margin:0 0 4px;font-size:14px}.camp-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.camp-meta .ad-btn{padding:3px 10px;font-size:13px}.camp-map{aspect-ratio:16/9;border:1px solid var(--border);background-position:50%;background-size:cover;border-radius:10px;position:relative;overflow:hidden}.camp-path{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.camp-path polyline{fill:none;stroke:#ffcf8abf;stroke-width:.6px;stroke-dasharray:1.5 1.2;vector-effect:non-scaling-stroke;stroke-width:3px}.camp-node{aspect-ratio:1;background:#1a0d08;border:3px solid #ffcf8a;border-radius:50%;width:clamp(40px,9%,84px);padding:0;position:absolute;overflow:visible;transform:translate(-50%,-50%);box-shadow:0 4px 14px #000000b3}.camp-node-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.camp-node.locked{border-color:#6b5a50}.camp-node.locked .camp-node-img{filter:grayscale()brightness(.45)}.camp-node.active{border-color:#ff7a3a;box-shadow:0 0 0 4px #ff7a3a73,0 4px 14px #000000b3}.camp-node-num{color:#fff;background:#3a1d12;border:2px solid #ffcf8a;border-radius:12px;min-width:24px;height:24px;padding:0 4px;font-size:13px;line-height:20px;position:absolute;top:-8px;left:-8px}.camp-node-stars{white-space:nowrap;color:#ffd27a;background:#0a0503d9;border-radius:8px;padding:0 6px;font-size:12px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.camp-chapter{gap:10px;display:grid}.camp-ch-head{align-items:center;gap:12px;display:flex}.camp-ch-img{object-fit:cover;border:2px solid #ffcf8a;border-radius:50%;flex:none;width:72px;height:72px}.camp-ch-head h3{color:var(--accent);margin:0 0 4px}.camp-ch-head p{color:var(--muted);margin:0;font-size:14px}.camp-stages{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.camp-stage{justify-items:center;gap:2px;padding:6px 4px;font-size:13px;display:grid}.camp-stage.active{border-color:var(--accent);background:#e0622b2e}.camp-stage.boss span:first-child{color:#ff8a5c;font-weight:700}.camp-stars{color:#ffd27a;letter-spacing:1px}.camp-stars i{color:#ffffff2e;font-style:normal}.camp-stage-info{border:1px solid var(--border);background:#00000040;border-radius:8px;padding:10px 12px}.camp-stage-info p{margin:0 0 6px}.camp-stage-info h4,.camp-result h4{margin:10px 0 4px;font-size:14px}.camp-panel .atk{color:#ff8a5c}.camp-panel .def{color:#7fb8ff}.camp-army{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.camp-unit{text-align:center;background:#0000004d;border-radius:6px;justify-items:center;width:84px;padding:4px;display:grid;position:relative}.camp-unit-img{object-fit:contain;width:56px;height:56px}.camp-unit b{color:#ffd27a;text-shadow:0 1px 2px #000;font-size:13px;position:absolute;top:2px;right:4px}.camp-unit small{color:var(--muted);font-size:11px;line-height:1.2}.camp-chips{flex-wrap:wrap;gap:6px;margin:4px 0;display:flex}.camp-chip{background:#00000059;border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:13px;display:inline-flex}.camp-go{width:100%;margin-top:8px;font-size:16px}.camp-chest{border:1px dashed var(--border);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.camp-chest>div{flex:1;min-width:0}.camp-chest.ready{border-style:solid;border-color:#7fdc7f}.camp-chest-img{object-fit:contain;flex:none;width:48px;height:48px}.camp-form h3{margin:0 0 4px}.camp-rows{grid-template-columns:1fr 1fr;max-height:48vh;overflow-y:auto}.camp-panel .send-totals{border-radius:8px;margin-top:8px}.camp-battle{text-align:center;padding:8px 0 16px}.camp-battle h3{color:var(--accent);margin:4px 0 10px;font-size:24px;animation:.9s ease-in-out infinite camp-shake}.camp-versus{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.camp-versus .camp-army{justify-content:center}.camp-versus h4{color:var(--muted);margin:0 0 6px;font-size:14px}.camp-vs{color:#ff6b6b;font-size:22px;font-weight:800}.camp-phase{min-height:1.4em;margin:14px 0 8px;font-weight:600}.camp-battle-bar{height:10px}.camp-battle-bar div{transform-origin:0;width:100%;animation:linear both camp-fill}@keyframes camp-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes camp-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@media (width<=700px){.camp-versus{grid-template-columns:1fr}}.camp-result{text-align:center}.camp-result h3{margin:4px 0;font-size:26px}.camp-result.win h3{color:#7fdc7f}.camp-result.lose h3{color:#ff6b6b}.camp-big-stars{margin:0;font-size:34px}.camp-result .camp-army,.camp-result .camp-chips{justify-content:center}.camp-result .actions{justify-content:center;margin-top:12px}@media (width<=700px){.camp-rows{grid-template-columns:1fr}.camp-stage{font-size:11px}.camp-unit{width:72px}.camp-unit-img{width:46px;height:46px}}.radar-hero{background-position:50%;background-size:cover;border-radius:12px 12px 0 0;margin:-18px -18px 0;padding:26px 18px 14px;box-shadow:inset 0 0 0 2000px #0c160e9e}.radar-hero h2{align-items:center;gap:8px;margin:0 0 4px;display:flex}.radar-hero p{margin:0;font-size:14px}.radar-title-icon{object-fit:contain;width:34px;height:34px}.radar-tabs .tab-count{opacity:.8;font-size:12px;font-style:normal}.radar-sort{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.radar-sort button{padding:4px 10px;font-size:13px}.radar-sort button.active{border-color:var(--accent);color:#fff}.radar-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:120px;display:grid;overflow-y:auto}.radar-card{border:1px solid var(--border);background:#1f110c;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:76px 1fr;gap:4px 10px;padding:8px;display:grid}.radar-card.dim{opacity:.6}.radar-art{grid-row:span 2;place-items:center;width:76px;height:76px;display:grid;position:relative}.radar-img{object-fit:contain;width:72px;height:72px}.radar-level{text-align:center;color:#fff;background:#5a2a14;border:1px solid #c77a3a;border-radius:6px;min-width:24px;padding:0 5px;font-size:13px;line-height:20px;position:absolute;bottom:0;right:0}.radar-info{gap:2px;min-width:0;display:grid}.radar-info strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.radar-info small{color:var(--muted);font-size:12px}.radar-info .radar-done{color:#9ff08f}.radar-health{background:#ffffff1f;border-radius:3px;height:5px;display:block;overflow:hidden}.radar-health i{background:linear-gradient(90deg,#4caf50,#9ff08f);height:100%;display:block}.radar-actions{flex-wrap:wrap;gap:6px;display:flex}.radar-actions button{padding:5px 10px;font-size:13px}@media (width<=600px){.radar-list{grid-template-columns:1fr}.world-tools .radar-btn{order:-1}}.topbar .who .icon-btn{flex:none;width:36px;height:36px;padding:0;position:relative}.topbar .who .icon-btn .badge{text-align:center;min-width:18px;margin:0;padding:0 4px;font-size:11px;line-height:18px;position:absolute;top:-5px;right:-7px}@media (width<=700px){.topbar .who .icon-btn{width:34px;height:34px}}@media (width<=440px){.topbar .who .icon-btn{width:31px;height:31px}}.army-tabs button{position:relative}.army-tabs .badge{border:2px solid #1a0f0b;margin:0;position:absolute;top:-6px;right:-2px}.battle-why{background:#00000047;border:1px solid #4a2a1c;border-left-width:4px;border-radius:10px;margin:14px 0;padding:12px 16px}.battle-why.win{border-left-color:#7ddc6f}.battle-why.loss{border-left-color:var(--error)}.battle-why h3{margin:0 0 8px}.battle-why ul{gap:5px;margin:0;padding-left:20px;display:grid}.battle-why .hint{margin:10px 0 0}.free-btn{white-space:nowrap}.free-btn .free-short,.base-full .notices .queue.compact .free-btn .free-long{display:none}.base-full .notices .queue.compact .free-btn .free-short{display:inline}.base-full .notices .queue.compact button.free-btn:not([hidden]){padding:4px 10px;font-size:13px;display:inline-block}.base-full .notices .queue.compact:has(.free-btn:not([hidden])){grid-template-columns:auto auto auto;align-items:center;width:auto;min-width:150px}.base-full .notices .queue.compact:has(.speed-btn){grid-template-columns:auto auto auto;align-items:center;gap:4px 5px}.base-full .notices .queue.compact .queue-actions{display:contents}.base-full .notices .queue.compact button.speed-btn{border-radius:50%;justify-content:center;gap:0;width:28px;height:28px;padding:0;font-size:0;display:inline-flex}.base-full .notices .queue.compact button.speed-btn .bolt{width:16px;height:16px}.base-full .notices .queue.compact .progress{grid-column:1/-1}.base-tools{flex-wrap:wrap;max-width:calc(100% - 240px)}.base-tools .story-chip{color:#ffe3a3;text-align:left;border-color:#ffd166}.base-tools .story-chip small{color:var(--muted);margin-left:4px}.base-tools .story-chip.done{color:#fff;background:#2c4a1c;border-color:#7ddc6f;animation:1.6s ease-in-out infinite cal-pulse}@media (width<=700px){.base-tools{max-width:calc(100% - 20px)}.base-tools .story-chip{flex:100%;order:-1}}.page-plain .game-main>.hud,.page-plain .notices>:not(.message){display:none}.squad-note{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:4px 10px;padding:6px 10px}.squad-note .queue-icon{width:30px;height:30px}.squad-note .queue-actions button{padding:5px 10px;font-size:13px}.squad-note .progress{grid-column:1/-1;height:4px}@media (width<=700px){.tab-map.base-full .notices{top:calc(var(--topbar-h,60px) + 104px)}.tab-map .notices>.banner.warn{display:none}.squad-note strong{font-size:14px}}.tools-toggle,.hud-more{display:none}@media (width<=700px){.world-tools .tools-toggle{display:inline-block}.world-tools:not(.open){padding:3px}.world-tools:not(.open)>:not(.tools-toggle),.world-tools:not(.open) .tools-toggle span{display:none}.world-tools .tools-toggle{padding:6px 11px;font-size:16px}.world-tools.open .tools-toggle{order:-2;font-size:13px}.tab-map.base-full .notices{top:calc(var(--topbar-h,60px) + max(58px, 14px + var(--strips,0) * 48px))}body.tab-map:has(.world-tools.open) .notices{top:calc(var(--topbar-h,60px) + 150px)}body.tab-map:has(.world-tools.open) .notices .compact{top:calc(var(--topbar-h,64px) + 112px + var(--slot,0) * 48px)}.base-full .notices .squad-note.compact small{display:none}.hud.overlay{cursor:pointer}.hud.overlay .hud-more{color:var(--muted);font-size:12px;display:block;position:absolute;top:2px;right:6px}.hud.overlay:not(.mini) .hud-more{transform:rotate(180deg)}.hud.overlay.mini{gap:10px;width:auto;padding:4px 22px 4px 8px;display:flex}.hud.overlay.mini .hud-row:nth-of-type(n+3),.hud.overlay.mini .res-bar,.hud.overlay.mini .hud-value small{display:none}.hud.overlay.mini .hud-row{gap:4px}body:not(.tab-map).base-full:has(.hud.overlay.mini) .notices{top:calc(var(--topbar-h,60px) + max(52px, 14px + var(--strips,0) * 48px))}}