*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #06090f;--bg2: #0c121c;--bg3: #151c28;--card: #0f1622;--card-elevated: #131b28;--border: rgba(255,255,255,.065);--border-strong: rgba(255,255,255,.1);--accent: #f59e0b;--accent-dim: rgba(245,158,11,.14);--accent2: #fbbf24;--primary: #22c55e;--primary2: #4ade80;--danger: #ef4444;--text: #f1f5f9;--text2: #94a3b8;--gold: #fbbf24;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 22px;--shadow-sm: 0 1px 2px rgba(0,0,0,.25);--shadow-md: 0 4px 20px rgba(0,0,0,.4);--shadow-lg: 0 16px 48px rgba(0,0,0,.55);--ring-accent: 0 0 0 1px rgba(245,158,11,.2);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--bottom-tab-h: 64px}html{color-scheme:dark}html,body{height:100%;overflow:hidden}body{margin:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg);background-image:radial-gradient(ellipse 100% 70% at 50% -15%,rgba(245,158,11,.12),transparent 52%),radial-gradient(ellipse 55% 45% at 100% 5%,rgba(34,197,94,.06),transparent 48%),radial-gradient(ellipse 50% 40% at 0% 30%,rgba(59,130,246,.05),transparent 50%),linear-gradient(180deg,var(--bg2) 0%,var(--bg) 42%,var(--bg) 100%);background-attachment:fixed;color:var(--text);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;letter-spacing:.01em}.app{height:100vh;height:100dvh;position:relative;overflow:hidden}.hud{position:absolute;top:0;left:0;right:0;z-index:30;padding:6px 10px 8px;padding-top:max(6px,var(--safe-t));background:linear-gradient(180deg,#060a10fc,#080c12fa 60%,#0a0e14f2);pointer-events:auto;display:flex;flex-direction:column;gap:5px}.hud:after{content:"";position:absolute;bottom:-1px;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,rgba(245,158,11,.3) 25%,rgba(243,156,18,.45) 50%,rgba(245,158,11,.3) 75%,transparent);filter:blur(.5px)}.hud-row{display:flex;align-items:center;gap:6px}.hud-row-res{display:flex;align-items:center;gap:4px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x mandatory;padding:1px 0}.hud-row-res::-webkit-scrollbar{display:none}.hud-spacer{flex:1}.hud-user{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:4px 10px 4px 4px;background:linear-gradient(135deg,#f59e0b1f,#f59e0b08);border:1px solid rgba(245,158,11,.18);border-radius:14px;cursor:pointer;transition:all .15s;position:relative}.hud-user:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 50%);pointer-events:none}.hud-user:active{transform:scale(.96);border-color:#f59e0b59}.hud-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(145deg,#2e4a2e,#1a2e1a 60%,#0f1f0f);border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 0 10px #f59e0b59,inset 0 -3px 6px #0000004d;position:relative;flex-shrink:0}.hud-avatar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 40%);pointer-events:none}.hud-info{display:flex;flex-direction:column;gap:1px;min-width:0}.hud-name{font-size:12px;font-weight:800;color:#fff;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.3px;text-shadow:0 1px 4px rgba(0,0,0,.6)}.hud-power{font-size:10px;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:2px;text-shadow:0 0 8px rgba(245,158,11,.25)}.hud-hq{font-size:9px;font-weight:800;color:#ffffffd9;background:linear-gradient(135deg,#f59e0b59,#f59e0b2e);padding:2px 6px;border-radius:6px;letter-spacing:.5px;flex-shrink:0;text-shadow:0 1px 2px rgba(0,0,0,.4);border:1px solid rgba(245,158,11,.2)}.hr{display:flex;align-items:center;gap:4px;padding:5px 9px;border-radius:10px;background:#00000073;border:1px solid rgba(255,255,255,.06);cursor:pointer;flex-shrink:0;scroll-snap-align:start;transition:all .2s;position:relative;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hr:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 40%);pointer-events:none}.hr:active{transform:scale(.93)}.hr.expanded{border-color:#ffffff1f;box-shadow:0 0 10px #0000004d}.hr-i{font-size:13px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.hr-v{font-size:11px;font-weight:800;line-height:1;transition:opacity .2s;letter-spacing:-.3px;white-space:nowrap}.hr-cap{font-size:8px;font-weight:600;line-height:1;color:#ffffffb3;white-space:nowrap;animation:rate-in .2s ease-out;padding:1px 5px;background:#ffffff14;border-radius:5px}.hr-rate{font-size:8px;font-weight:700;line-height:1;color:var(--primary2);white-space:nowrap;animation:rate-in .2s ease-out;padding:1px 5px;background:#2ecc711f;border-radius:5px}.hr.food{border-color:#4caf504d;background:linear-gradient(135deg,#4caf501f,#00000073)}.hr.food .hr-v{color:#a5d6a7}.hr.food.expanded{box-shadow:0 0 12px #4caf5033;border-color:#4caf5066}.hr.steel{border-color:#b0bec54d;background:linear-gradient(135deg,#b0bec514,#00000073)}.hr.steel .hr-v{color:#cfd8dc}.hr.steel.expanded{box-shadow:0 0 12px #b0bec526;border-color:#b0bec559}.hr.fuel{border-color:#ffa7264d;background:linear-gradient(135deg,#ffa7261a,#00000073)}.hr.fuel .hr-v{color:#ffcc80}.hr.fuel.expanded{box-shadow:0 0 12px #ffa72633;border-color:#ffa72666}.hr.energy{border-color:#4dd0e14d;background:linear-gradient(135deg,#4dd0e11a,#00000073)}.hr.energy .hr-v{color:#80deea}.hr.energy.expanded{box-shadow:0 0 12px #4dd0e133;border-color:#4dd0e166}.hr.alloy{border-color:#ce93d84d;background:linear-gradient(135deg,#ce93d814,#00000073)}.hr.alloy .hr-v{color:#e1bee7}.hr.alloy.expanded{box-shadow:0 0 12px #ce93d82e;border-color:#ce93d866}.hr.coins{border-color:#ffd70059;background:linear-gradient(135deg,#ffd7001f,#00000073)}.hr.coins .hr-v{color:#ffd54f}.hr.coins.expanded{box-shadow:0 0 12px #ffd70040;border-color:#ffd70073}.hud-premium-badge{font-size:11px;font-weight:700;color:#ffd54f;cursor:pointer;padding:2px 8px;border-radius:8px;background:#ffd7001f;border:1px solid rgba(255,215,0,.25);white-space:nowrap;margin-right:4px}.hud-premium-get{font-size:13px;cursor:pointer;opacity:.45;padding:2px 4px;margin-right:4px;filter:grayscale(1)}.hud-premium-get:hover{opacity:.7;filter:none}.hud-quick-buy{font-size:11px;font-weight:800;color:var(--gold);cursor:pointer;width:18px;height:18px;line-height:18px;text-align:center;border-radius:50%;background:#ffd70026;border:1px solid rgba(255,215,0,.3);margin-left:4px;flex-shrink:0}.hud-quick-buy:hover{background:#ffd7004d}.starter-offer-card .starter-offer-includes{text-align:left;padding:12px 16px;margin:12px 0;background:#ffffff0a;border-radius:10px;font-size:13px;line-height:2}.viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.error{position:fixed;top:56px;left:10px;right:10px;z-index:95;background:linear-gradient(135deg,#c0392be6,#8e2517e6);border:1px solid rgba(231,76,60,.4);padding:8px 14px;border-radius:12px;text-align:center;font-size:12px;font-weight:600;letter-spacing:.2px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #c0392b4d;animation:errorSlide .25s ease-out}@keyframes errorSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.side-btns{position:fixed;right:6px;top:50%;transform:translateY(-50%);z-index:25;display:flex;flex-direction:column;gap:7px}.sbtn{width:48px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:linear-gradient(180deg,#0f141ee6,#080c12f2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text);cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent;box-shadow:0 3px 12px #00000059;position:relative;overflow:hidden}.sbtn:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent);pointer-events:none;border-radius:14px 14px 0 0}.sbtn:hover{background:linear-gradient(180deg,#192332f2,#0c121cfa);border-color:#ffffff26}.sbtn:active{transform:scale(.9);background:linear-gradient(135deg,#f59e0b33,#f59e0b14);border-color:#f59e0b4d}.sbtn-icon{font-size:22px;line-height:1;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.sbtn-label{font-size:7px;font-weight:700;opacity:.6;letter-spacing:.3px;text-transform:uppercase}.sbtn.active{background:#f59e0b40;border-color:var(--accent);color:var(--accent)}.troop-hud{display:flex;flex-direction:column;gap:4px;margin-top:6px}.th-item{display:flex;align-items:center;gap:3px;padding:3px 6px;border-radius:8px;background:#0a0e14bf;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}.th-item:active{background:#27ae6033}.th-icon{font-size:12px;line-height:1}.th-count{font-size:9px;font-weight:700;color:var(--primary)}.event-ticker{position:fixed;bottom:8px;left:56px;right:56px;z-index:25;display:flex;gap:6px;justify-content:center;flex-wrap:wrap;padding-bottom:var(--safe-b)}.tick-item{padding:4px 10px;border-radius:8px;background:#0a0e14cc;border:1px solid rgba(255,255,255,.08);font-size:10px;font-weight:600;color:var(--accent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:tickPulse 2s ease-in-out infinite}.tick-item.alert{color:var(--danger);border-color:#c0392b4d}@keyframes tickPulse{0%,to{opacity:.85}50%{opacity:1}}@keyframes rate-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0009;animation:fadeIn .15s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.menu-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:65;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:16px 14px;display:flex;flex-direction:column;gap:10px;width:calc(100% - 48px);max-width:340px;max-height:80vh;overflow-y:auto;animation:menuPop .2s ease;box-shadow:0 12px 48px #000000b3}.menu-group-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;color:var(--accent);opacity:.7;padding:0 4px 4px}.menu-group-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@keyframes menuPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.menu-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 6px;border:1px solid var(--border);border-radius:14px;cursor:pointer;background:linear-gradient(135deg,var(--bg2),rgba(22,32,46,.95));color:var(--text2);font-size:11px;font-weight:700;transition:all .15s;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 6px #0000001f}.menu-item .mi-icon{font-size:28px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}.menu-item:hover{border-color:#ffffff1f;transform:translateY(-1px)}.menu-item:active{transform:scale(.92);background:linear-gradient(135deg,#f59e0b33,#f59e0b14);color:var(--accent);border-color:#f59e0b4d}.tab-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:radial-gradient(ellipse 90% 50% at 50% 0%,rgba(245,158,11,.06),transparent 55%),linear-gradient(180deg,var(--bg2) 0%,var(--bg) 35%,var(--bg) 100%);display:flex;flex-direction:column;animation:tabSlideUp .28s cubic-bezier(.2,.85,.2,1)}.tab-header{display:flex;align-items:center;gap:10px;padding:12px 16px;padding-top:max(12px,var(--safe-t));background:linear-gradient(180deg,#0c121cf7,#080c14eb);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);flex-shrink:0;box-shadow:var(--shadow-sm),0 8px 32px #00000059;position:relative}.tab-header:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(245,158,11,.22) 30%,rgba(245,158,11,.38) 50%,rgba(245,158,11,.22) 70%,transparent)}.back-btn{width:38px;height:38px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:linear-gradient(145deg,var(--bg2),var(--bg3));color:var(--text);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s;box-shadow:0 2px 6px #00000040;position:relative;overflow:hidden}.back-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:11px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 50%);pointer-events:none}.back-btn:active{background:linear-gradient(135deg,var(--accent),#d97706);color:#fff;transform:scale(.9);box-shadow:0 0 10px #f59e0b66}.tab-header h2{font-size:17px;font-weight:800;flex:1;letter-spacing:-.02em;text-shadow:0 1px 4px rgba(0,0,0,.4)}.tab-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px;padding-bottom:calc(var(--bottom-tab-h) + 12px + var(--safe-b));-webkit-overflow-scrolling:touch;scrollbar-width:none}.tab-body::-webkit-scrollbar{display:none}.hint{font-size:12px;color:var(--text2);text-align:center;margin-bottom:10px}.iso-container{position:relative;min-height:100%;display:flex;flex-direction:column;align-items:center;padding:96px 60px 40px 12px;overflow:visible;background:linear-gradient(180deg,#020812,#04101e 8%,#081c32,#0c2844,#103050 38%,#0e3848,#0c3830 52%,#0a3020 60%,#082818 70%,#061e10 82%,#041208 92%,#020a04)}.iso-container:before{content:"";position:absolute;top:0;left:0;right:0;height:58%;background-image:radial-gradient(1.2px 1.2px at 4% 8%,rgba(255,255,255,.8),transparent),radial-gradient(.8px .8px at 11% 20%,rgba(200,220,255,.4),transparent),radial-gradient(1.5px 1.5px at 20% 5%,rgba(255,240,200,.65),transparent),radial-gradient(.7px .7px at 28% 15%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 35% 28%,rgba(200,230,255,.35),transparent),radial-gradient(1.3px 1.3px at 42% 10%,rgba(255,255,255,.7),transparent),radial-gradient(.8px .8px at 50% 22%,rgba(255,220,180,.3),transparent),radial-gradient(1px 1px at 58% 7%,rgba(255,255,255,.55),transparent),radial-gradient(1.4px 1.4px at 65% 18%,rgba(200,200,255,.6),transparent),radial-gradient(.6px .6px at 72% 30%,rgba(255,255,255,.25),transparent),radial-gradient(1.1px 1.1px at 80% 12%,rgba(255,255,255,.5),transparent),radial-gradient(.9px .9px at 88% 25%,rgba(200,220,255,.35),transparent),radial-gradient(1.6px 1.6px at 95% 8%,rgba(255,240,200,.7),transparent),radial-gradient(.7px .7px at 15% 42%,rgba(255,255,255,.2),transparent),radial-gradient(1.2px 1.2px at 55% 35%,rgba(200,230,255,.28),transparent),radial-gradient(.8px .8px at 38% 40%,rgba(255,255,255,.22),transparent),radial-gradient(1px 1px at 75% 38%,rgba(255,220,180,.3),transparent);pointer-events:none;z-index:0;animation:starsTwinkle 5s ease-in-out infinite alternate}@keyframes starsTwinkle{0%{opacity:.55}to{opacity:1}}.iso-container:after{content:"";position:absolute;top:10%;right:10%;width:28px;height:28px;background:radial-gradient(circle at 65% 35%,#faf0d8 0%,#e8d8a8 35%,rgba(200,180,120,.4) 60%,transparent 72%);border-radius:50%;box-shadow:0 0 8px #faf0d880,0 0 25px #faf0d833,0 0 60px #faf0d814;z-index:1}.iso-container .horizon-glow{position:absolute;bottom:30%;left:0;right:0;height:25%;background:radial-gradient(ellipse 100% 100% at 50% 100%,rgba(245,158,11,.06) 0%,rgba(39,174,96,.03) 40%,transparent 80%);pointer-events:none;z-index:0}.base-info{position:relative;z-index:5;display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:10px}.base-title{font-size:12px;font-weight:800;color:var(--accent);padding:4px 12px;border-radius:10px;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(245,158,11,.2);letter-spacing:.5px;text-shadow:0 1px 4px rgba(0,0,0,.8)}.base-plots{font-size:10px;color:#ffffff80;padding:3px 10px;border-radius:8px;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.05)}.iso-grid{display:grid;gap:6px;padding:8px;position:relative;z-index:2;width:100%;max-width:420px;margin:0 auto;perspective:800px;transform:rotateX(2deg);background:radial-gradient(ellipse 90% 80% at 50% 50%,rgba(15,40,20,.3),transparent 70%);border-radius:16px}.iso-slot{width:100%;aspect-ratio:1;border-radius:12px;position:relative;transition:transform .15s ease,box-shadow .15s}.iso-slot .ground{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px}.iso-slot.built{cursor:pointer}.iso-slot.built .ground{background:radial-gradient(ellipse at 50% 70%,rgba(0,0,0,.35),transparent 75%)}.iso-slot.built .bld-body{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;z-index:2;overflow:hidden;background:linear-gradient(175deg,var(--bld-c1, rgba(60,60,60,.88)) 0%,var(--bld-c2, rgba(40,40,40,.92)) 50%,var(--bld-c3, rgba(25,25,25,.96)) 100%);border:1.5px solid var(--bld-border, rgba(255,255,255,.1));box-shadow:0 calc(3px + var(--rise, 0) * .4px) calc(8px + var(--rise, 0) * .5px) #0009,0 0 calc(var(--rise, 0) * .8px + 2px) var(--bld-glow, transparent),inset 0 1px #ffffff24,inset 0 -1px #0003;transition:border-color .2s,box-shadow .2s}.iso-slot.built .bld-body:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.03) 60%,transparent);pointer-events:none;border-radius:9px 9px 0 0}.iso-slot.built .bld-body:after{content:"";position:absolute;bottom:18px;left:6px;right:6px;height:min(calc(var(--rise, 0) * .8px),26px);background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.04) 4px);pointer-events:none}.iso-slot.built:hover{transform:translateY(-2px);z-index:4}.iso-slot.built:active{transform:scale(.93) translateY(0)}.iso-slot.built.selected{z-index:5}.iso-slot.built.selected .ground{box-shadow:0 0 0 2.5px var(--accent),0 0 20px #f59e0b66;border-radius:12px}.iso-slot.built.selected .bld-body{border-color:#f59e0b99;box-shadow:0 4px 16px #0009,0 0 12px #f59e0b4d,inset 0 1px #ffffff24}.iso-slot.built.upgrading .bld-body{animation:bldUpg 2.5s ease-in-out infinite}.iso-slot.built.upgrading .bld-body:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(135deg,transparent,transparent 5px,rgba(245,158,11,.08) 5px,rgba(245,158,11,.08) 6px),repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(245,158,11,.04) 10px,rgba(245,158,11,.04) 11px);pointer-events:none;animation:scaffoldShimmer 2.5s linear infinite;border-radius:9px}.iso-slot.built.upgrading:before{content:"🏗";position:absolute;top:-8px;right:-4px;font-size:14px;z-index:10;animation:craneSwing 2s ease-in-out infinite;filter:drop-shadow(0 1px 3px rgba(0,0,0,.8))}@keyframes craneSwing{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes scaffoldShimmer{0%{background-position:0 0}to{background-position:22px 22px}}@keyframes bldUpg{0%,to{box-shadow:0 3px 12px #00000080,0 0 6px #f59e0b33,inset 0 1px #ffffff1a}50%{box-shadow:0 3px 12px #00000080,0 0 28px #f59e0b8c,inset 0 0 6px #f59e0b40}}.bld-body .bb-icon{font-size:26px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6));line-height:1;z-index:1}img.bb-icon{width:32px;height:32px;border-radius:6px;object-fit:contain}img.bp-icon{width:52px;height:52px;border-radius:8px;object-fit:contain}img.th-icon{width:20px;height:20px}img.t-icon{width:32px;height:32px}img.sbtn-icon{width:24px;height:24px}.game-icon{width:24px;height:24px;display:inline-block;vertical-align:middle}.bld-body .bb-lv{font-size:8px;font-weight:800;color:#fff;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.8);background:linear-gradient(135deg,#f59e0b99,#c86414b3);padding:1px 7px;border-radius:6px;border:1px solid rgba(245,158,11,.3);letter-spacing:.3px}.bld-body .bb-name{font-size:7.5px;color:#ffffff8c;text-align:center;line-height:1.15;max-width:94%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:1;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.6)}.bld-body .bb-prod{font-size:7px;color:var(--primary2);z-index:1;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.6)}.bld-body .bb-progress{width:85%;height:4px;background:#0009;border-radius:3px;overflow:hidden;z-index:3;margin-top:2px;border:.5px solid rgba(255,255,255,.06)}.bld-body .bb-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--primary));transition:width 1s cubic-bezier(.25,.46,.45,.94);box-shadow:0 0 6px #f59e0b66}.bld-body .bb-timer{position:absolute;bottom:3px;font-size:8px;color:var(--accent);font-weight:700;z-index:3;text-shadow:0 1px 3px rgba(0,0,0,.9);transition:color .3s;background:#00000073;padding:0 4px;border-radius:4px}.bld-body .bb-timer.soon{color:#f39c12}.bld-body .bb-timer.urgent{color:#e74c3c;animation:timerPulse .5s ease infinite}@keyframes timerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.bld-complete-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;border-radius:10px;background:radial-gradient(circle,rgba(241,196,15,.6),rgba(39,174,96,.3),transparent 70%);animation:completeFlash 1.5s ease-out forwards;pointer-events:none}@keyframes completeFlash{0%{opacity:1;transform:scale(.8)}30%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.3)}}.iso-slot.just-completed .bld-body{animation:completeBounce .6s ease}.iso-slot.first-build:before,.iso-slot.first-build:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;z-index:11;border-radius:14px;pointer-events:none;animation:celebrationGlow 1.8s ease-out forwards}.iso-slot.first-build:before{background:radial-gradient(circle,rgba(241,196,15,.5),rgba(245,158,11,.3),transparent 70%)}.iso-slot.first-build:after{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4),transparent 50%),radial-gradient(circle at 70% 60%,rgba(241,196,15,.3),transparent 40%);animation-delay:.15s}@keyframes celebrationGlow{0%{opacity:0;transform:scale(.6)}25%{opacity:1;transform:scale(1.15)}60%{opacity:.8;transform:scale(1.05)}to{opacity:0;transform:scale(1.4)}}.iso-slot.first-build .bld-body{animation:firstBuildBounce .8s ease}@keyframes firstBuildBounce{0%{transform:scale(1)}20%{transform:scale(1.18)}40%{transform:scale(.95)}60%{transform:scale(1.08)}80%{transform:scale(.98)}to{transform:scale(1)}}.iso-slot.built{animation:bldAppear .35s ease-out both}@keyframes bldAppear{0%{opacity:0;transform:scale(.7) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes completeBounce{0%{transform:scale(1)}30%{transform:scale(1.12)}50%{transform:scale(.95)}70%{transform:scale(1.05)}to{transform:scale(1)}}.iso-slot[data-kind=core]{--bld-c1: rgba(195,155,55,.9);--bld-c2: rgba(145,108,30,.93);--bld-c3: rgba(90,65,15,.96);--bld-border: rgba(220,180,70,.3);--bld-glow: rgba(220,180,70,.3)}.iso-slot[data-kind=production]{--bld-c1: rgba(50,145,55,.9);--bld-c2: rgba(35,112,38,.93);--bld-c3: rgba(20,75,22,.96);--bld-border: rgba(76,175,80,.25);--bld-glow: rgba(76,175,80,.22)}.iso-slot[data-kind=utility]{--bld-c1: rgba(45,110,185,.9);--bld-c2: rgba(30,82,150,.93);--bld-c3: rgba(18,55,110,.96);--bld-border: rgba(66,165,245,.25);--bld-glow: rgba(66,165,245,.22)}.iso-slot[data-kind=military]{--bld-c1: rgba(175,52,52,.9);--bld-c2: rgba(132,30,30,.93);--bld-c3: rgba(85,18,18,.96);--bld-border: rgba(220,60,60,.25);--bld-glow: rgba(220,60,60,.22)}.iso-slot[data-kind=defense]{--bld-c1: rgba(105,125,140,.9);--bld-c2: rgba(72,92,105,.93);--bld-c3: rgba(45,62,72,.96);--bld-border: rgba(150,170,180,.25);--bld-glow: rgba(150,170,180,.22)}.iso-slot[data-id=hq] .bld-body{background:radial-gradient(circle at 50% 25%,rgba(241,196,15,.2),transparent 55%),radial-gradient(circle at 30% 80%,rgba(245,158,11,.08),transparent 50%),linear-gradient(175deg,var(--bld-c1) 0%,var(--bld-c2) 50%,var(--bld-c3) 100%)}.iso-slot[data-id=hq] .bld-body:before{background:radial-gradient(circle at 50% 20%,rgba(241,196,15,.15),transparent 50%),linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.04) 50%,transparent)}.iso-slot[data-id=hq] .bb-lv{background:linear-gradient(135deg,#f1c40fb3,#f59e0bcc);border-color:#f1c40f66}.iso-slot[data-id=barracks] .bld-body,.iso-slot[data-id=vehicle_factory] .bld-body,.iso-slot[data-id=airfield] .bld-body,.iso-slot[data-id=alloy_forge] .bld-body,.iso-slot[data-id=alloy_forge_2] .bld-body,.iso-slot[data-id=alloy_forge_3] .bld-body,.iso-slot[data-id=alloy_forge_4] .bld-body{background:repeating-linear-gradient(135deg,transparent,transparent 8px,rgba(0,0,0,.07) 8px,rgba(0,0,0,.07) 10px),linear-gradient(175deg,var(--bld-c1) 0%,var(--bld-c2) 50%,var(--bld-c3) 100%)}.iso-slot[data-id=wall] .bld-body{background:repeating-linear-gradient(0deg,transparent,transparent 6px,rgba(0,0,0,.07) 6px,rgba(0,0,0,.07) 7px),repeating-linear-gradient(90deg,transparent,transparent 10px,rgba(0,0,0,.05) 10px,rgba(0,0,0,.05) 11px),linear-gradient(175deg,var(--bld-c1) 0%,var(--bld-c2) 50%,var(--bld-c3) 100%)}.iso-slot[data-id=tech_center] .bld-body{background:radial-gradient(circle at 50% 50%,rgba(66,165,245,.1),transparent 55%),repeating-linear-gradient(0deg,transparent,transparent 10px,rgba(66,165,245,.05) 10px,rgba(66,165,245,.05) 11px),repeating-linear-gradient(90deg,transparent,transparent 10px,rgba(66,165,245,.05) 10px,rgba(66,165,245,.05) 11px),linear-gradient(175deg,var(--bld-c1) 0%,var(--bld-c2) 50%,var(--bld-c3) 100%)}.iso-slot[data-id=radar] .bld-body:before{background:radial-gradient(circle at 50% 45%,rgba(66,165,245,.15),transparent 50%),linear-gradient(180deg,rgba(255,255,255,.15),transparent 40%);animation:radarPulse 3s ease-in-out infinite}@keyframes radarPulse{0%,to{opacity:.5}50%{opacity:1}}.iso-slot[data-id=hospital] .bld-body:before{background:radial-gradient(circle at 50% 40%,rgba(200,50,50,.1),transparent 45%),linear-gradient(180deg,rgba(255,255,255,.15),transparent 40%)}.iso-slot[data-id=farm] .bld-body,.iso-slot[data-id=farm_2] .bld-body,.iso-slot[data-id=farm_3] .bld-body,.iso-slot[data-id=farm_4] .bld-body,.iso-slot[data-id=steel_mill] .bld-body,.iso-slot[data-id=steel_mill_2] .bld-body,.iso-slot[data-id=steel_mill_3] .bld-body,.iso-slot[data-id=steel_mill_4] .bld-body,.iso-slot[data-id=fuel_depot] .bld-body,.iso-slot[data-id=fuel_depot_2] .bld-body,.iso-slot[data-id=fuel_depot_3] .bld-body,.iso-slot[data-id=fuel_depot_4] .bld-body{background:repeating-linear-gradient(90deg,transparent,transparent 12px,rgba(255,255,255,.025) 12px,rgba(255,255,255,.025) 13px),linear-gradient(175deg,var(--bld-c1) 0%,var(--bld-c2) 50%,var(--bld-c3) 100%)}.iso-slot[data-id=power_plant] .bld-body,.iso-slot[data-id=power_plant_2] .bld-body,.iso-slot[data-id=power_plant_3] .bld-body,.iso-slot[data-id=power_plant_4] .bld-body{background:radial-gradient(circle at 50% 45%,rgba(255,235,59,.08),transparent 50%),linear-gradient(175deg,var(--bld-c1) 0%,var(--bld-c2) 50%,var(--bld-c3) 100%)}.iso-slot[data-id=power_plant] .bld-body:before,.iso-slot[data-id=power_plant_2] .bld-body:before,.iso-slot[data-id=power_plant_3] .bld-body:before,.iso-slot[data-id=power_plant_4] .bld-body:before{animation:powerPulse 2s ease-in-out infinite}@keyframes powerPulse{0%,to{opacity:.8}50%{opacity:1;filter:brightness(1.2)}}.iso-slot[data-id=market] .bld-body{background:radial-gradient(circle at 40% 35%,rgba(241,196,15,.06),transparent 45%),linear-gradient(175deg,var(--bld-c1) 0%,var(--bld-c2) 50%,var(--bld-c3) 100%)}.iso-slot.empty-plot{cursor:pointer}.iso-slot.empty-plot .ground{background:#0c1c1273;border:2px dashed rgba(39,174,96,.15);border-radius:12px;transition:all .2s}.iso-slot.empty-plot:hover .ground{border-color:#27ae6059;background:#1228168c}.iso-slot.empty-plot:active .ground{border-color:#27ae6080;background:#143219a6;box-shadow:inset 0 0 12px #27ae601a}.iso-slot.empty-plot .plus{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:24px;color:#27ae6033;font-weight:300;z-index:1;transition:all .2s}.iso-slot.empty-plot:hover .plus{color:#27ae6073}.iso-slot.empty-plot:active .plus{color:#27ae60b3;transform:scale(1.15)}.iso-slot.locked-plot .ground{background:#05050873;border:1px solid rgba(255,255,255,.03);border-radius:12px}.iso-slot.locked-plot .lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#ffffff0f;z-index:1}.bld-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .12s}.bld-sheet{position:fixed;bottom:0;left:0;right:0;z-index:85;background:linear-gradient(180deg,var(--bg2) 0%,var(--card) 30%);border:1px solid var(--border);border-bottom:none;border-radius:20px 20px 0 0;padding:14px 16px calc(16px + var(--safe-b));max-height:55vh;overflow-y:auto;animation:sheetUp .25s cubic-bezier(.16,1,.3,1);box-shadow:0 -10px 50px #000000b3,0 -2px #f59e0b1a}.bld-sheet-handle{width:40px;height:4px;border-radius:3px;background:#ffffff2e;margin:0 auto 12px}.bld-panel-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.bld-panel-header .bp-icon{font-size:36px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.bld-panel-header .bp-info{flex:1}.bld-panel-header .bp-name{font-size:16px;font-weight:800;letter-spacing:.3px}.bld-panel-header .bp-level{font-size:12px;color:var(--accent);font-weight:600}.bld-panel-desc{font-size:11px;color:var(--text2);margin-bottom:10px;padding:6px 10px;background:#ffffff0a;border-radius:8px;line-height:1.45;border:1px solid rgba(255,255,255,.03)}.bld-panel-meta{font-size:12px;color:var(--text2);margin-bottom:6px}.bld-panel-meta.warn{color:var(--accent);font-weight:600}.bld-panel-cost{font-size:12px;margin-bottom:8px;display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.04)}.bld-panel-cost span{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;background:#ffffff0a;border-radius:5px}.build-picker-list{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto;margin-bottom:8px}.bp-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg2);border-radius:12px;cursor:pointer;transition:all .15s;border:1px solid var(--border)}.bp-item:active:not(.locked){background:var(--bg3);border-color:var(--primary);transform:scale(.98)}.bp-item.locked{opacity:.35;cursor:not-allowed}.bp-item .bp-icon{font-size:24px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}.bp-item .bp-info{flex:1}.bp-item .bp-name{font-size:13px;font-weight:700}.bp-item .bp-cost{font-size:10px;color:var(--text2);margin-top:2px}.bp-item .bp-locked{font-size:10px;color:var(--text2)}.card{background:linear-gradient(165deg,var(--card-elevated) 0%,var(--card) 48%,rgba(8,12,18,.92) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-md),inset 0 1px #ffffff0e;animation:fadeInUp .28s ease;overflow:hidden;position:relative}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(135deg,rgba(255,255,255,.045) 0%,transparent 46%);opacity:.55}.card+.card{margin-top:12px}.card h3{font-size:16px;margin-bottom:12px;font-weight:800;letter-spacing:-.02em;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06);color:var(--text);position:relative;z-index:1}.card h4{font-size:11px;color:var(--accent);margin:16px 0 8px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;position:relative;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.troop-list{display:flex;flex-direction:column;gap:8px}.troop-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(145deg,#121822f2,#0c1018e0);border-radius:var(--radius-md);border:1px solid var(--border);transition:border-color .2s,transform .12s;flex-wrap:wrap;box-shadow:var(--shadow-sm),inset 0 1px #ffffff0a}.troop-item:active{transform:scale(.98)}.troop-item:hover{border-color:#ffffff1a}.troop-item.locked{opacity:.45}.troop-item.selected{border-color:#27ae6059;background:linear-gradient(135deg,rgba(39,174,96,.08),var(--bg2))}.troop-item.upgrading{border-color:#f59e0b40}.t-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.t-info{flex:1;min-width:0}.t-name{font-size:13px;font-weight:700}.t-power{color:var(--accent);font-size:10px;font-weight:600}.t-stats{font-size:10px;color:var(--text2);margin-top:2px}.t-count{font-size:12px;color:var(--primary);font-weight:600}.t-training{font-size:11px;color:var(--accent);font-weight:600}.t-locked{font-size:11px;color:var(--text2)}.t-grades{display:flex;gap:4px;flex-wrap:wrap;margin-top:2px}.grade-badge{font-size:10px;font-weight:700;padding:1px 5px;border-radius:6px}.grade-badge.g1{background:#3a3a3a;color:#ccc}.grade-badge.g2{background:#1a4d1a;color:#6f6}.grade-badge.g3{background:#1a3a6a;color:#6af}.grade-badge.g4{background:#5a2a7a;color:#c8f}.grade-badge.g5{background:#7a4a0a;color:#fa2}.t-train-grade{font-size:10px;color:var(--text2);margin-top:1px}.t-actions{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.btn-upgrade{background:linear-gradient(135deg,#4a2a8a,#6a3ab0);color:#fff;border:none;border-radius:6px;font-size:11px;padding:4px 8px;cursor:pointer}.tech-section h3{margin-bottom:8px}.tech-status-bar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.tech-status-chip{font-size:11px;font-weight:600;padding:3px 10px;border-radius:12px;white-space:nowrap}.tech-status-chip.researching{background:#f59e0b26;color:var(--accent)}.tech-status-chip.completed{background:#27ae6026;color:#4caf50}.tech-status-chip.total{background:#6495ed26;color:#6495ed}.tech-nav{display:flex;gap:6px;overflow-x:auto;padding:0 2px 8px;scrollbar-width:none;-ms-overflow-style:none}.tech-nav::-webkit-scrollbar{display:none}.tech-tab{display:flex;align-items:center;gap:5px;padding:7px 14px;border:1px solid var(--border);border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;background:var(--bg2);color:var(--text2);transition:all .2s ease}.tech-tab:hover{border-color:#f59e0b4d;color:var(--text)}.tech-tab.active{background:linear-gradient(135deg,#f59e0b33,#f59e0b14);border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px #f59e0b26}.tech-tab-icon{font-size:14px;line-height:1}.tech-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:999px;font-size:9px;font-weight:800;background:linear-gradient(135deg,var(--accent),#d97706);color:#fff;box-shadow:0 2px 6px #f59e0b66;animation:badge-pulse 2s ease-in-out infinite}.tech-cat-section{margin-bottom:14px}.tech-cat-header{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--text);padding:6px 0 8px;border-bottom:1px solid var(--border);margin-bottom:10px}.tech-cat-progress{margin-left:auto;font-size:11px;font-weight:600;color:var(--text2);opacity:.7}.tech-grid{display:flex;flex-direction:column;gap:8px}.tech-card{padding:12px;border-radius:12px;background:linear-gradient(135deg,var(--bg2) 0%,rgba(22,32,46,.95) 100%);border:1px solid var(--border);transition:all .15s;box-shadow:0 2px 8px #00000026;position:relative;overflow:hidden}.tech-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--border),var(--border));transition:background .3s}.tech-card.researching{border-color:#f59e0b4d}.tech-card.researching:before{background:linear-gradient(90deg,var(--accent),#f39c12)}.tech-card.maxed{border-color:#27ae6040}.tech-card.maxed:before{background:linear-gradient(90deg,#27ae60,#4caf50)}.tech-card-top{display:flex;align-items:center;gap:10px;margin-bottom:6px}.tech-card-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.tech-card-info{flex:1;min-width:0}.tech-card-name{font-size:13px;font-weight:700}.tech-card-level{font-size:11px;color:var(--primary);font-weight:600;margin:2px 0}.tech-card-progress-bar{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden;margin-top:4px}.tech-card-progress-fill{height:100%;border-radius:2px;transition:width .3s ease;background:linear-gradient(90deg,var(--primary),#4caf50)}.tech-card.researching .tech-card-progress-fill{background:linear-gradient(90deg,var(--accent),#f39c12)}.tech-card.maxed .tech-card-progress-fill{background:linear-gradient(90deg,#27ae60,#4caf50)}.tech-card-effect{font-size:10px;color:var(--text2);margin-bottom:4px}.tech-card-req{font-size:10px;color:var(--text2);opacity:.7}.tech-card-timer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.tech-card-timer>span{font-size:12px;color:var(--accent);font-weight:600}.tech-finish-btn{padding:5px 12px;border:none;border-radius:8px;cursor:pointer;font-size:11px;font-weight:700;background:linear-gradient(135deg,var(--accent),#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b4d;transition:all .15s}.tech-finish-btn:hover{transform:scale(1.03)}.tech-finish-btn:disabled{opacity:.5;cursor:default;transform:none}.tech-card-action{margin-top:8px;padding-top:8px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.tech-card-cost,.tech-card-time{font-size:10px;color:var(--text2)}.tech-research-btn{padding:6px 16px;border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:700;align-self:flex-end;background:linear-gradient(135deg,var(--primary),#219a52);color:#fff;box-shadow:0 2px 8px #27ae604d;transition:all .15s}.tech-research-btn:hover{transform:scale(1.03)}.tech-research-btn:disabled{opacity:.5;cursor:default;transform:none}.tech-card-maxed{text-align:center;font-size:12px;font-weight:700;color:#4caf50;margin-top:6px;padding-top:6px;border-top:1px solid var(--border)}.events-section h3{margin-bottom:8px}.events-nav{display:flex;gap:6px;overflow-x:auto;padding:0 2px 10px;scrollbar-width:none;-ms-overflow-style:none}.events-nav::-webkit-scrollbar{display:none}.events-tab{display:flex;align-items:center;gap:5px;flex:1;justify-content:center;padding:9px 16px;border:1px solid var(--border);border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;background:var(--bg2);color:var(--text2);transition:all .2s ease}.events-tab:hover{border-color:#f59e0b4d;color:var(--text)}.events-tab.active{background:linear-gradient(135deg,#f59e0b33,#f59e0b14);border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px #f59e0b26}.events-tab-icon{font-size:15px;line-height:1}.events-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:999px;font-size:9px;font-weight:800;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 2px 6px #e74c3c66;animation:badge-pulse 2s ease-in-out infinite}.events-content{margin-top:4px}.events-status-bar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.events-status-chip{font-size:11px;font-weight:600;padding:3px 10px;border-radius:12px;white-space:nowrap}.events-status-chip.active{background:#f59e0b26;color:var(--accent)}.events-status-chip.claimable{background:#27ae6026;color:#4caf50}.events-status-chip.done{background:#6495ed26;color:#6495ed}.events-empty{text-align:center;padding:24px;color:var(--text2);font-size:13px}.events-grid{display:flex;flex-direction:column;gap:10px}.event-card{padding:12px;border-radius:12px;background:linear-gradient(135deg,var(--bg2) 0%,rgba(22,32,46,.95) 100%);border:1px solid var(--border);transition:all .15s;box-shadow:0 2px 8px #00000026;position:relative;overflow:hidden}.event-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),#f39c12)}.event-card.claimable{border-color:#27ae6059}.event-card.claimable:before{background:linear-gradient(90deg,#27ae60,#4caf50)}.event-card.claimed{opacity:.5}.event-card.claimed:before{background:linear-gradient(90deg,#6495ed,#4a86d4)}.event-card-top{display:flex;align-items:center;gap:10px;margin-bottom:6px}.event-card-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.event-card-info{flex:1;min-width:0}.event-card-name{font-size:13px;font-weight:700}.event-card-timer{font-size:11px;color:var(--accent);font-weight:600;margin-top:2px}.event-card-desc{font-size:10px;color:var(--text2);line-height:1.4;margin-bottom:8px}.event-claim-btn{padding:6px 14px;border:none;border-radius:8px;cursor:pointer;font-size:11px;font-weight:700;white-space:nowrap;background:linear-gradient(135deg,#27ae60,#219a52);color:#fff;box-shadow:0 2px 8px #27ae604d;transition:all .15s}.event-claim-btn:hover{transform:scale(1.03)}.event-claim-btn:disabled{opacity:.5;cursor:default;transform:none}.event-claimed-icon{font-size:18px}.event-progress-wrap{margin-bottom:8px}.event-progress-bar{height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.event-progress-fill{height:100%;border-radius:3px;transition:width .3s ease;background:linear-gradient(90deg,var(--accent),#f39c12)}.event-progress-fill.done{background:linear-gradient(90deg,#27ae60,#4caf50)}.event-progress-fill.bp{background:linear-gradient(90deg,#9b59b6,#8e44ad)}.event-progress-label{font-size:10px;color:var(--text2);font-weight:600;display:block;text-align:right;margin-top:3px}.event-card-rewards{display:flex;gap:6px;flex-wrap:wrap}.event-reward-chip{font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;background:#ffffff0f;color:var(--text2)}.bp-stats-bar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.bp-stat-chip{flex:1;min-width:80px;padding:8px 10px;border-radius:10px;background:linear-gradient(135deg,var(--bg2),rgba(22,32,46,.95));border:1px solid var(--border);text-align:center}.bp-stat-label{font-size:10px;color:var(--text2);display:block}.bp-stat-value{font-size:14px;font-weight:700;color:var(--text)}.bp-xp-progress{margin-bottom:10px}.bp-hint{font-size:11px;color:var(--text2);text-align:center;margin-bottom:12px}.bp-premium-btn{width:100%;padding:10px;border:none;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;margin-bottom:10px;background:linear-gradient(135deg,var(--accent2),var(--accent));color:#fff;box-shadow:0 3px 12px #f39c124d;transition:all .15s}.bp-premium-btn:hover{transform:scale(1.02)}.bp-premium-btn:disabled{opacity:.4;cursor:default;transform:none}.bp-levels-grid{display:flex;flex-direction:column;gap:8px}.bp-level-card{padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,var(--bg2) 0%,rgba(22,32,46,.95) 100%);border:1px solid var(--border);transition:all .15s;box-shadow:0 2px 8px #00000026;position:relative;overflow:hidden}.bp-level-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--border);transition:background .3s}.bp-level-card.unlocked:before{background:linear-gradient(180deg,#27ae60,#4caf50)}.bp-level-card.premium:before{background:linear-gradient(180deg,var(--accent2),var(--accent))}.bp-level-card.claimed{opacity:.55}.bp-level-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.bp-level-num{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700}.bp-level-num span{font-size:12px}.bp-premium-tag{font-size:14px}.bp-level-rewards{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--text2);margin-bottom:4px}.bp-level-xp{font-size:10px;color:var(--text2);opacity:.7}.bp-claim-btn{margin-top:6px;padding:5px 14px;border:none;border-radius:8px;cursor:pointer;font-size:11px;font-weight:700;background:linear-gradient(135deg,#27ae60,#219a52);color:#fff;box-shadow:0 2px 8px #27ae604d;transition:all .15s}.bp-claim-btn:hover{transform:scale(1.03)}.bp-claim-btn:disabled{opacity:.5;cursor:default;transform:none}.bp-premium-lock{font-size:10px;color:#ff9800;margin-top:4px;display:block}.bp-claimed-mark{font-size:14px;text-align:right;margin-top:4px}.bm-nav{display:flex;gap:6px;padding:4px;border-radius:12px;background:#00000040;margin-bottom:12px}.bm-tab{flex:1;padding:8px 0;border:none;border-radius:10px;background:transparent;color:#89a;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.bm-tab.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px #3498db59}.bm-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:10px;font-weight:700;background:#e74c3c;color:#fff}.bm-tab.active .bm-badge{background:#ffffff40}.bm-status-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;margin-bottom:10px;background:#0003;border-radius:8px;font-size:12px;color:#89a}.bm-status-chip{font-weight:600}.bm-refresh-btn{padding:4px 10px;border:1px solid var(--accent);border-radius:8px;background:transparent;color:var(--accent);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s}.bm-refresh-btn:hover{background:var(--accent);color:#fff}.bm-refresh-btn:disabled{opacity:.5;cursor:default}.bm-empty{text-align:center;padding:24px;color:#678;font-size:14px}.bm-card{position:relative;padding:12px 14px;margin-bottom:8px;background:linear-gradient(135deg,var(--bg2) 0%,rgba(22,32,46,.95) 100%);border-radius:12px;border:1px solid var(--border);border-left:3px solid var(--accent);transition:all .15s}.bm-card:hover{border-color:#ffffff1a;border-left-color:inherit}.bm-card-sold{opacity:.5}.bm-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.bm-card-info{flex:1}.bm-card-name{font-size:14px;font-weight:700;color:#e0e6ed;margin-bottom:2px}.bm-card-qty{font-size:12px;color:#89a}.bm-card-right{text-align:right;flex-shrink:0}.bm-card-stock{font-size:11px;color:#89a;margin-bottom:2px}.bm-card-price{font-size:13px;font-weight:700;color:#f39c12}.bm-combo-chip{display:inline-block;padding:2px 6px;margin:2px 3px 2px 0;background:#ffffff0f;border-radius:6px;font-size:11px;color:#b0bec5}.bm-limit-bar{height:3px;background:#ffffff14;border-radius:2px;margin:8px 0 4px;overflow:hidden}.bm-limit-fill{height:100%;border-radius:2px;transition:width .3s}.bm-buy-btn{width:100%;margin-top:8px;padding:8px;border:none;border-radius:8px;background:linear-gradient(135deg,var(--accent),#2980b9);color:#fff;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #3498db4d;transition:all .15s}.bm-buy-btn:hover{transform:scale(1.02);box-shadow:0 4px 12px #3498db66}.bm-buy-btn:disabled{opacity:.5;cursor:default;transform:none}.bm-sold-label{text-align:center;padding:8px;margin-top:8px;font-size:12px;font-weight:600;color:#e74c3c;background:#e74c3c1a;border-radius:8px}.mission-list{display:flex;flex-direction:column;gap:8px}.mission-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(145deg,#121822f2,#0c1018e0);border-radius:var(--radius-md);border:1px solid var(--border);transition:border-color .2s,box-shadow .2s,transform .12s;box-shadow:var(--shadow-sm),inset 0 1px #ffffff0a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mission-item:active{transform:scale(.985)}.mission-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm),0 0 0 1px #ffffff0a}.mission-item.locked{opacity:.45}.mission-item.victory{border-color:#27ae604d;border-left:3px solid var(--primary)}.mission-item.defeat{border-color:#c0392b4d;border-left:3px solid var(--danger)}.mission-item.selected{border-color:#f59e0b59;background:linear-gradient(135deg,rgba(245,158,11,.06),var(--bg2))}.mission-item.unread{border-left:3px solid var(--accent);background:linear-gradient(135deg,rgba(245,158,11,.04),var(--bg2))}.m-icon{font-size:24px}.m-info{flex:1}.m-name{font-size:13px;font-weight:600}.m-desc{font-size:10px;color:var(--text2)}.m-meta{font-size:11px;color:var(--accent);margin:3px 0}.m-rewards{font-size:10px;color:var(--text2)}.m-timer{font-size:12px;color:var(--accent);font-weight:600}.m-result{font-size:12px;font-weight:700}.m-result.victory{color:var(--primary)}.m-result.defeat{color:var(--danger)}.m-power{font-size:11px;color:var(--text2)}.leader-list{display:flex;flex-direction:column;gap:6px}.leader-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(145deg,#121822f2,#0c1018e0);border-radius:var(--radius-md);border:1px solid var(--border);transition:border-color .2s,box-shadow .2s;box-shadow:var(--shadow-sm),inset 0 1px #ffffff09}.leader-item:hover{border-color:var(--border-strong)}.leader-item.selected{border-color:#f59e0b4d;background:linear-gradient(135deg,rgba(245,158,11,.06),var(--bg2))}.l-rank{font-size:18px;min-width:32px;text-align:center}.l-info{flex:1;min-width:0}.l-name{font-size:13px;font-weight:600}.l-hq{font-size:10px;color:var(--text2)}.l-power{font-size:13px;font-weight:700;color:var(--accent);white-space:nowrap}.territory-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.terr-card{padding:10px;border-radius:12px;background:linear-gradient(135deg,#0f141ee6,#0a0e16f2);border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:4px}.terr-card.controlled{border-color:#e74c3c59}.terr-header{display:flex;align-items:center;gap:6px}.terr-icon{font-size:20px}.terr-name{font-size:12px;font-weight:700;color:var(--text)}.terr-bonus{font-size:10px;color:var(--primary);font-weight:600;text-transform:capitalize}.terr-ctrl{font-size:10px}.terr-alliance{color:var(--danger)}.terr-free{color:var(--text2);font-style:italic}.leaderboard{display:flex;flex-direction:column;gap:5px}.lb-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:linear-gradient(135deg,var(--bg2),rgba(22,32,46,.95));border-radius:12px;border:1px solid var(--border);transition:all .15s;box-shadow:0 1px 4px #0000001a}.lb-row:hover{border-color:#ffffff14;transform:translateY(-1px)}.lb-row:nth-child(1){background:linear-gradient(135deg,#f1c40f1f,#f1c40f0a);border-color:#f1c40f33}.lb-row:nth-child(2){background:linear-gradient(135deg,#bdbdbd1a,#bdbdbd08);border-color:#bdbdbd26}.lb-row:nth-child(3){background:linear-gradient(135deg,#cd7f321a,#cd7f3208);border-color:#cd7f3226}.lb-pos{font-size:15px;font-weight:800;min-width:30px;text-align:center;color:var(--accent)}.lb-row:nth-child(1) .lb-pos{color:var(--gold);text-shadow:0 0 8px rgba(241,196,15,.4)}.lb-row:nth-child(2) .lb-pos{color:#bdbdbd}.lb-row:nth-child(3) .lb-pos{color:#cd7f32}.lb-name{flex:1;font-size:13px;font-weight:700}.lb-val{font-size:11px;color:var(--accent);white-space:nowrap;font-weight:600}.ref-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.stat-box{background:linear-gradient(135deg,var(--bg2) 0%,rgba(22,32,46,.95) 100%);padding:10px 12px;border-radius:12px;text-align:center;border:1px solid var(--border);box-shadow:0 2px 8px #0000001f;transition:border-color .15s}.stat-box:hover{border-color:#ffffff1a}.stat-label{font-size:10px;color:var(--text2);font-weight:600;letter-spacing:.3px}.stat-value{font-size:16px;font-weight:800;color:var(--accent);margin-top:2px}.ref-list{margin-top:10px;display:flex;flex-direction:column;gap:5px}.ref-item{display:flex;justify-content:space-between;padding:8px 12px;background:var(--bg2);border-radius:10px;font-size:12px;border:1px solid var(--border)}.quest-list{display:flex;flex-direction:column;gap:8px}.quest-item{padding:12px;background:linear-gradient(135deg,var(--bg2),rgba(22,32,46,.95));border-radius:12px;border:1px solid var(--border);transition:all .15s;box-shadow:0 2px 8px #0000001f}.quest-item:hover{border-color:#ffffff1a}.quest-item.completed{border-color:#f59e0b4d;border-left:3px solid var(--accent)}.quest-item.claimed{opacity:.45}.q-header{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:4px}.q-desc{font-size:10px;color:var(--text2);margin-bottom:8px;line-height:1.4}.q-progress{font-size:10px;color:var(--text2);text-align:right;margin-top:4px;font-weight:600}.ach-list{display:flex;flex-direction:column;gap:8px}.ach-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:linear-gradient(135deg,var(--bg2),rgba(22,32,46,.95));border-radius:12px;border:1px solid var(--border);box-shadow:0 2px 8px #0000001f;transition:all .15s}.ach-item:hover{border-color:#ffffff1a}.ach-item.completed{border-left:3px solid var(--primary)}.ach-icon{font-size:24px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.ach-info{flex:1}.ach-name{font-size:12px;font-weight:700}.ach-desc{font-size:10px;color:var(--text2);margin-bottom:4px;line-height:1.4}.ach-prog{font-size:9px;color:var(--text2);margin-top:3px;font-weight:600}.tasks-nav-sticky{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,var(--bg) 80%,transparent);padding:8px 0 6px;margin:-4px -2px 0}.tasks-nav{display:flex;gap:6px;overflow-x:auto;padding:0 2px 6px;margin:0;scrollbar-width:none;-ms-overflow-style:none}.tasks-nav::-webkit-scrollbar{display:none}.tasks-tab{display:flex;align-items:center;gap:5px;padding:8px 14px;border:1px solid var(--border);border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;position:relative;background:var(--bg2);color:var(--text2);transition:all .2s ease;letter-spacing:.2px}.tasks-tab:hover{border-color:#f59e0b4d;color:var(--text)}.tasks-tab.active{background:linear-gradient(135deg,#f59e0b33,#f59e0b14);border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px #f59e0b26}.tasks-tab-icon{font-size:14px;line-height:1}.tasks-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;font-size:10px;font-weight:800;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 2px 6px #e74c3c66;animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.tasks-filter-toggle{display:flex;align-items:center;gap:5px;padding:8px 14px;border:1px dashed var(--border);border-radius:20px;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;background:transparent;color:var(--text2);transition:all .2s ease;margin-left:auto}.tasks-filter-toggle.active{border-style:solid;border-color:var(--primary);background:#27ae601f;color:var(--primary2);box-shadow:0 0 10px #27ae6026}.tasks-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:4px 0 14px}.tasks-kpi{border:1px solid var(--border);border-radius:12px;background:linear-gradient(160deg,var(--bg2) 0%,rgba(22,32,46,.85) 100%);padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.tasks-kpi span{font-size:9px;color:var(--text2);letter-spacing:.3px;text-transform:uppercase}.tasks-kpi b{font-size:16px;font-weight:800;color:var(--accent)}.tasks-section-card{border:1px solid var(--border);border-radius:16px;background:linear-gradient(160deg,#151d2af2,#0a0e14e6);padding:14px 12px;margin-bottom:14px;position:relative;overflow:hidden}.tasks-section-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5}.tasks-section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.tasks-section-icon{font-size:20px;line-height:1}.tasks-section-header h4{margin:0;font-size:14px;font-weight:700;color:var(--text);letter-spacing:.3px;flex:1}.tasks-section-header .tasks-section-count{font-size:11px;color:var(--text2);background:var(--bg2);padding:2px 8px;border-radius:10px;border:1px solid var(--border)}.tasks-claim-all-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:11px;border:none;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;margin-top:12px;background:linear-gradient(135deg,var(--accent) 0%,#d97706 100%);color:#fff;box-shadow:0 3px 12px #f59e0b4d;transition:all .2s ease;letter-spacing:.3px}.tasks-claim-all-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 5px 18px #f59e0b59}.tasks-claim-all-btn:active{transform:scale(.97)}.tasks-claim-all-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;filter:grayscale(.4)}.shop-section{margin-bottom:16px}.shop-section-title{font-size:14px;font-weight:700;margin:0 0 8px;padding:6px 0;border-bottom:1px solid var(--border);color:var(--text1)}.shop-list{display:flex;flex-direction:column;gap:8px}.shop-item{position:relative;padding:12px 14px;background:linear-gradient(135deg,var(--bg2),rgba(22,32,46,.95));border-radius:12px;display:flex;align-items:center;gap:12px;border:1px solid var(--border);transition:all .15s;box-shadow:0 2px 8px #0000001f}.shop-item.best-value{border-color:#f1c40f59;background:linear-gradient(135deg,#f1c40f14,#16202ef2)}.best-value-badge{position:absolute;top:-8px;right:12px;font-size:9px;font-weight:800;letter-spacing:.5px;color:#000;background:var(--gold);padding:2px 8px;border-radius:6px}.shop-item:hover{border-color:#ffffff1a;transform:translateY(-1px)}.s-name{font-size:13px;font-weight:700;flex:1}.s-rewards,.s-desc{font-size:10px;color:var(--text2);flex:2;line-height:1.4}.s-price{font-size:12px;font-weight:700;color:var(--gold);white-space:nowrap;padding:4px 10px;background:#f1c40f1f;border-radius:8px;border:1px solid rgba(241,196,15,.15)}.wallet-row{display:flex;align-items:center;gap:10px;margin:8px 0;padding:12px;background:linear-gradient(135deg,var(--bg2),rgba(22,32,46,.95));border-radius:12px;border:1px solid var(--border);box-shadow:0 2px 8px #0000001f}.w-addr{flex:1;font-size:10px;color:var(--text2);word-break:break-all;font-family:monospace;letter-spacing:.3px}.claimable{text-align:center;font-size:15px;color:var(--primary);margin:10px 0;font-weight:800;text-shadow:0 0 12px rgba(39,174,96,.3)}.field{margin-bottom:10px}.field label{display:block;font-size:11px;color:var(--text2);margin-bottom:4px;font-weight:600;letter-spacing:.3px}.input,input[type=number],input[type=text],select,textarea{width:100%;padding:10px 12px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:13px;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:inset 0 1px 3px #00000026}.input:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:#f59e0b73;box-shadow:0 0 0 3px #f59e0b1f,inset 0 1px 3px #00000026}select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%237a8a9a'%3E%3Cpath d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}textarea{resize:vertical;min-height:48px}.wd-list{margin-top:10px;display:flex;flex-direction:column;gap:6px}.wd-item{display:flex;justify-content:space-between;padding:10px 12px;background:var(--bg2);border-radius:10px;font-size:12px;border:1px solid var(--border);transition:border-color .15s}.wd-item:hover{border-color:#ffffff14}.status-pending{color:var(--gold);font-weight:600}.status-paid{color:var(--primary);font-weight:600}.progress-bar{width:100%;height:5px;background:#ffffff14;border-radius:3px;overflow:hidden}.progress-bar.sm{height:3px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--primary));transition:width .3s}.btn-small{padding:7px 14px;border:none;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap;box-shadow:0 2px 6px #0003;letter-spacing:.2px}.btn-small small{display:block;font-size:10px;opacity:.8}.btn-full{display:block;width:100%;padding:12px;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;margin-top:8px;transition:all .15s;box-shadow:0 3px 10px #00000040;letter-spacing:.3px}.btn-primary{background:linear-gradient(135deg,#16a34a 0%,var(--primary) 55%,#15803d 100%);color:#fff;border:1px solid rgba(74,222,128,.25)}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 8px 24px #22c55e47}.btn-primary:active{background:linear-gradient(135deg,var(--primary2),var(--primary));transform:scale(.98);box-shadow:0 2px 12px #22c55e40}.btn-accent{background:linear-gradient(135deg,var(--accent2) 0%,var(--accent) 45%,#d97706 100%);color:#fff;border:1px solid rgba(251,191,36,.35);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.25)}.btn-accent:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 8px 24px #f59e0b4d}.btn-accent:active{transform:scale(.98);box-shadow:0 2px 12px #f59e0b47}.btn-danger{background:linear-gradient(135deg,var(--danger) 0%,#922b21 100%);color:#fff;border:1px solid rgba(192,57,43,.2)}.btn-danger:active{transform:scale(.97);box-shadow:0 0 12px #c0392b4d}.btn-small:disabled,.btn-full:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.5);box-shadow:none}.btn-small:active:not(:disabled),.btn-full:active:not(:disabled){transform:scale(.96)}.btn-sm{padding:6px 12px;border:1px solid var(--border);border-radius:8px;font-size:11px;font-weight:600;cursor:pointer;background:var(--bg2);color:var(--text);transition:all .15s}.btn-sm:hover{border-color:#ffffff26;background:var(--bg3)}.btn-sm:active{transform:scale(.95)}.btn-sm:disabled{opacity:.35;cursor:not-allowed}.btn-sm.btn-primary{background:linear-gradient(135deg,var(--primary),#229954);color:#fff;border-color:#2ecc7133}.btn-sm.btn-danger{background:linear-gradient(135deg,var(--danger),#922b21);color:#fff;border-color:#c0392b33}.btn-tiny{padding:3px 8px;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;vertical-align:middle}.btn-tiny:disabled{opacity:.35;cursor:not-allowed}.btn-tiny.btn-disabled{background:#ffffff14;color:var(--text2)}.btn-tab,.sub-tabs button{padding:7px 14px;border:1px solid var(--border);border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;background:var(--bg2);color:var(--text2);transition:all .15s;white-space:nowrap}.btn-tab:hover,.sub-tabs button:hover{background:var(--bg3);border-color:#ffffff1f}.btn-tab.active,.sub-tabs button.active{background:linear-gradient(135deg,#f59e0b40,#f59e0b1f);color:var(--accent);border-color:#f59e0b59;box-shadow:0 1px 8px #f59e0b26}.sub-tabs{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sub-tabs::-webkit-scrollbar{display:none}.warn{color:var(--danger);font-weight:600}.max-badge{font-size:10px;color:var(--gold);font-weight:700;padding:3px 8px;background:#f1c40f26;border-radius:6px}.locked-badge{font-size:10px;color:var(--text2)}.locked-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.prereq-hint{font-size:9px;color:var(--danger);white-space:nowrap}.claimed-badge{font-size:14px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;z-index:100;display:flex;align-items:flex-end;justify-content:center;animation:overlayFadeIn .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--card);border:1px solid var(--border);border-radius:20px 20px 0 0;padding:20px 16px calc(16px + var(--safe-b));width:100%;max-width:420px;animation:sheetUp .3s cubic-bezier(.22,1,.36,1)}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal h3{text-align:center;margin-bottom:10px;font-size:16px}.modal-cost{text-align:center;font-size:12px;color:var(--text2);margin-bottom:10px}.modal-count{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 0}.modal-count button{width:36px;height:36px;border:none;border-radius:50%;background:var(--bg2);color:var(--text);font-size:16px;cursor:pointer}.count-val{font-size:24px;font-weight:700;min-width:50px;text-align:center}.modal-total{text-align:center;font-size:13px;margin:6px 0}.modal-time{text-align:center;font-size:12px;color:var(--accent);margin-bottom:10px}.modal-meta{text-align:center;font-size:12px;color:var(--text2);margin-bottom:10px}.modal-power{text-align:center;font-size:16px;font-weight:700;margin:10px 0}.modal-power.ok{color:var(--primary)}.modal-power.low{color:var(--danger)}.troop-select{display:flex;flex-direction:column;gap:6px;margin:8px 0}.ts-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:10px 12px;background:linear-gradient(135deg,var(--bg2),rgba(22,32,46,.95));border-radius:10px;border:1px solid var(--border)}.ts-controls{display:flex;align-items:center;gap:8px}.ts-controls button{width:30px;height:30px;border:1px solid var(--border);border-radius:8px;background:var(--bg3);color:var(--text);font-size:14px;cursor:pointer;transition:all .15s}.ts-controls button:hover{border-color:#ffffff26}.ts-controls button:active{transform:scale(.9)}.ts-controls span{min-width:28px;text-align:center;font-weight:700}.world-stats{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap;justify-content:center}.world-stat{background:linear-gradient(135deg,var(--bg2),rgba(22,32,46,.95));padding:6px 14px;border-radius:10px;font-size:11px;display:flex;align-items:center;gap:5px;border:1px solid var(--border);box-shadow:0 1px 4px #0000001a}.world-stat .ws-label{color:var(--text2)}.world-stat .ws-val{font-weight:700;color:var(--accent)}.world-map-container{position:relative;width:100%;height:420px;overflow:hidden;border-radius:14px;background:#0b1a0b;border:2px solid rgba(39,174,96,.25);touch-action:none;box-shadow:inset 0 0 60px #000000b3,0 4px 20px #00000080}.world-map-inner{position:absolute;width:2400px;height:2400px;transform-origin:0 0}.wm-terrain{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 35px 25px at 15% 20%,rgba(20,80,25,.7) 0%,transparent 100%),radial-gradient(ellipse 50px 35px at 45% 60%,rgba(15,70,20,.6) 0%,transparent 100%),radial-gradient(ellipse 40px 30px at 75% 35%,rgba(18,75,22,.55) 0%,transparent 100%),radial-gradient(ellipse 55px 40px at 25% 80%,rgba(12,65,18,.5) 0%,transparent 100%),radial-gradient(ellipse 45px 30px at 85% 75%,rgba(16,72,20,.6) 0%,transparent 100%),radial-gradient(ellipse 30px 22px at 55% 15%,rgba(22,85,28,.5) 0%,transparent 100%),radial-gradient(ellipse 20px 40px at 60% 40%,rgba(80,70,55,.35) 0%,transparent 100%),radial-gradient(ellipse 25px 50px at 30% 55%,rgba(75,65,50,.3) 0%,transparent 100%),radial-gradient(ellipse 18px 35px at 80% 20%,rgba(85,75,60,.25) 0%,transparent 100%),radial-gradient(ellipse 60px 25px at 50% 90%,rgba(25,80,120,.35) 0%,transparent 100%),radial-gradient(ellipse 40px 20px at 10% 50%,rgba(20,70,110,.3) 0%,transparent 100%),#0e1e0e}.wm-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(60deg,rgba(39,174,96,.08) 1px,transparent 1px),linear-gradient(-60deg,rgba(39,174,96,.08) 1px,transparent 1px),linear-gradient(rgba(39,174,96,.04) 1px,transparent 1px);background-size:56px 56px,56px 56px,56px 56px}.wm-radar{position:absolute;border-radius:50%;border:1px solid rgba(39,174,96,.12);pointer-events:none;transform:translate(-50%,-50%)}.wm-radar.r1{width:200px;height:200px;border-color:#27ae6026}.wm-radar.r2{width:400px;height:400px;border-color:#27ae601a}.wm-radar.r3{width:700px;height:700px;border-color:#27ae600f;border-style:dashed}.city-marker{position:absolute;transform:translate(-50%,-50%);cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:transform .15s,filter .15s;z-index:5}.city-marker:hover{transform:translate(-50%,-50%) scale(1.2);filter:brightness(1.3);z-index:20}.city-marker:active{transform:translate(-50%,-50%) scale(1.1)}.city-marker.mine .city-dot{width:38px;height:38px;font-size:20px;background:radial-gradient(circle,rgba(245,158,11,.5) 0%,rgba(245,158,11,.15) 50%,transparent 75%);border:2px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:myCity 2.5s ease-in-out infinite;position:relative}.city-marker.mine .city-dot:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid rgba(245,158,11,.25);animation:myCity 2.5s ease-in-out infinite reverse}.city-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:0 2px 10px #0009;position:relative;transition:all .15s}.city-marker.power-low .city-dot{background:radial-gradient(circle,#2ecc7166,#2ecc711a 70%);border:1.5px solid rgba(46,204,113,.7)}.city-marker.power-mid .city-dot{background:radial-gradient(circle,#f1c40f66,#f1c40f1a 70%);border:1.5px solid rgba(241,196,15,.7)}.city-marker.power-high .city-dot{background:radial-gradient(circle,#e74c3c66,#e74c3c1a 70%);border:1.5px solid rgba(231,76,60,.7)}.city-marker.power-elite .city-dot{width:28px;height:28px;font-size:14px;background:radial-gradient(circle,#9b59b680,#9b59b61a 70%);border:2px solid rgba(155,89,182,.8);animation:elitePulse 3s ease-in-out infinite}.city-marker.shielded .city-dot{background:radial-gradient(circle,#3498db73,#3498db1a 70%);border-color:#3498dbcc;box-shadow:0 0 12px #3498db4d}.city-name{font-size:8px;color:#fff9;margin-top:3px;white-space:nowrap;max-width:65px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.9);font-weight:500;letter-spacing:.3px}.city-marker.mine .city-name{font-size:9px;color:var(--accent);font-weight:700}.city-power-badge{position:absolute;top:-10px;right:-14px;font-size:7px;color:var(--text2);background:#000000b3;padding:1px 3px;border-radius:4px;white-space:nowrap;pointer-events:none}.city-hq-badge{position:absolute;bottom:-8px;font-size:7px;background:#000000bf;color:var(--accent2);padding:0 3px;border-radius:3px;font-weight:700}@keyframes myCity{0%,to{box-shadow:0 0 8px #f59e0b66}50%{box-shadow:0 0 28px #f59e0bcc,0 0 60px #f59e0b33}}@keyframes elitePulse{0%,to{box-shadow:0 0 6px #9b59b64d}50%{box-shadow:0 0 18px #9b59b699}}.tile-marker{position:absolute;transform:translate(-50%,-50%);z-index:2;cursor:pointer;transition:transform .12s}.tile-marker:hover{transform:translate(-50%,-50%) scale(1.3);z-index:15}.tile-dot{font-size:14px;opacity:.65;filter:drop-shadow(0 1px 4px rgba(0,0,0,.7));transition:opacity .15s}.tile-marker.owned .tile-dot{opacity:1;filter:drop-shadow(0 0 5px var(--primary)) drop-shadow(0 1px 4px rgba(0,0,0,.7))}.tile-marker .tile-label{font-size:6px;color:#ffffff59;text-align:center;margin-top:1px}.tile-marker.owned .tile-label{color:#2ecc71b3}.march-line{position:absolute;z-index:8;pointer-events:none}.march-line svg{overflow:visible}.march-line line{stroke:var(--accent);stroke-width:1.5;stroke-dasharray:6 4;animation:marchDash .8s linear infinite}.march-dot{position:absolute;z-index:9;width:10px;height:10px;border-radius:50%;background:var(--accent);opacity:.9;box-shadow:0 0 8px #f59e0b99;animation:marchMove var(--march-duration, 5s) linear infinite}@keyframes marchDash{to{stroke-dashoffset:-20}}.march-line.incoming line{stroke:var(--danger);stroke-dasharray:4 6}.march-line.incoming .march-dot{background:var(--danger);box-shadow:0 0 8px #c0392b99}.march-dot-wrap{position:absolute;z-index:10;pointer-events:none;transform:translate(-50%,-50%)}.march-dot-icon{font-size:14px;text-align:center;filter:drop-shadow(0 0 4px rgba(245,158,11,.8));animation:marchPulse 1.5s ease-in-out infinite}.march-dot-wrap.incoming .march-dot-icon{filter:drop-shadow(0 0 4px rgba(192,57,43,.8))}@keyframes marchPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.march-label{position:absolute;left:50%;top:100%;transform:translate(-50%);white-space:nowrap;text-align:center;padding:2px 6px;border-radius:4px;background:#0a0e14d9;border:1px solid rgba(245,158,11,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:9px;line-height:1.3;pointer-events:none}.march-dot-wrap.incoming .march-label{border-color:#c0392b66}.march-label-time{color:var(--accent);font-weight:700;font-size:10px}.march-dot-wrap.incoming .march-label-time{color:var(--danger)}.march-label-troops{color:var(--text-dim);font-size:8px}.march-label-target{color:var(--text);font-size:8px}.march-tracker{display:flex;flex-direction:column;gap:6px;padding:8px;margin-top:4px;background:#0f141ed9;border-radius:10px;border:1px solid var(--border)}.march-track-item{padding:6px 8px;border-radius:8px;background:#151d2acc;border-left:3px solid var(--accent)}.march-track-item.incoming{border-left-color:var(--danger)}.mt-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.mt-icon{font-size:14px}.mt-dest{flex:1;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-power{color:var(--accent);font-size:11px}.march-track-item.incoming .mt-power{color:var(--danger)}.mt-time{color:var(--accent);font-weight:700;font-size:12px;min-width:50px;text-align:right}.march-track-item.incoming .mt-time{color:var(--danger)}.mt-troops{font-size:10px;color:var(--text-dim);margin-top:2px;padding-left:22px}.mt-bar{height:3px;border-radius:2px;background:#ffffff14;margin-top:4px;overflow:hidden}.mt-bar-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--accent),#f1c40f);transition:width 1s linear}.mt-bar.incoming .mt-bar-fill{background:linear-gradient(90deg,var(--danger),#e74c3c)}.tick-item.march{color:var(--accent);border-color:#f59e0b4d}.map-zoom-controls{position:absolute;right:10px;bottom:10px;display:flex;flex-direction:column;gap:4px;z-index:12}.map-zoom-controls button{width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:#151d2ae6;color:var(--text);font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s}.map-zoom-controls button:hover{background:#27ae6033}.map-compass{position:absolute;left:10px;bottom:10px;z-index:12;width:36px;height:36px;border-radius:50%;background:#151d2ad9;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--text2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}.map-compass:after{content:"N";position:absolute;top:-2px;font-size:8px;color:var(--danger)}.map-minimap{position:absolute;top:8px;right:8px;z-index:12;width:70px;height:70px;border-radius:8px;background:#0a0e14d9;border:1px solid var(--border);overflow:hidden;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.map-minimap-viewport{position:absolute;border:1px solid var(--accent);background:#f59e0b26}.map-minimap-dot{position:absolute;width:3px;height:3px;border-radius:50%}.map-minimap-dot.mine{background:var(--accent);width:4px;height:4px}.map-minimap-dot.other{background:var(--primary);opacity:.5}.map-coords{position:absolute;left:10px;top:8px;z-index:12;font-size:9px;color:var(--text2);background:#0a0e14bf;padding:3px 8px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.world-stats-bar{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:10px 14px;background:linear-gradient(135deg,var(--bg2),rgba(22,32,46,.95));border-radius:12px;border:1px solid var(--border);box-shadow:0 2px 8px #0000001f}.world-stats-bar .ws-item{display:flex;align-items:center;gap:5px;font-size:11px}.world-stats-bar .ws-label{color:var(--text2);font-weight:600}.world-stats-bar .ws-val{font-weight:800;color:var(--accent)}.attack-panel{margin-top:10px;padding:14px;background:linear-gradient(135deg,var(--card),rgba(21,29,42,.95));border:1px solid rgba(192,57,43,.2);border-radius:14px;animation:fadeIn .15s;box-shadow:0 4px 16px #0003,inset 0 0 30px #c0392b08}.attack-target{display:flex;align-items:center;gap:12px;margin-bottom:10px}.attack-target .at-icon{font-size:28px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.attack-target .at-info{flex:1}.attack-target .at-name{font-size:14px;font-weight:700}.attack-target .at-power{font-size:12px;color:var(--accent);font-weight:600}.attack-target .at-dist{font-size:10px;color:var(--text2)}.attacks-section{margin-top:14px}.attack-list{display:flex;flex-direction:column;gap:6px}.attack-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:linear-gradient(135deg,var(--bg2),rgba(22,32,46,.95));border-radius:12px;font-size:12px;border:1px solid var(--border);transition:all .15s}.attack-item:hover{border-color:#ffffff14}.attack-item .ai-icon{font-size:20px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.attack-item .ai-info{flex:1}.attack-item .ai-name{font-weight:700}.attack-item .ai-status{font-size:10px;color:var(--text2)}.attack-item .ai-timer{font-size:11px;color:var(--accent);font-weight:700}.attack-item .ai-result{font-size:11px;font-weight:700}.attack-item .ai-result.victory{color:var(--primary);text-shadow:0 0 8px rgba(39,174,96,.3)}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--bg) 0%,#060a10 100%);color:var(--text)}.loading-icon{font-size:72px;animation:pulse 1.5s infinite;filter:drop-shadow(0 4px 12px rgba(245,158,11,.3))}.loading-text{margin-top:18px;font-size:15px;color:var(--text2);letter-spacing:.5px;font-weight:600}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.7}}.tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;display:flex;align-items:center;justify-content:center;background:#000000e0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tutorial-card{background:linear-gradient(135deg,var(--bg2),var(--card));border:1px solid rgba(245,158,11,.2);border-radius:20px;padding:36px 28px;text-align:center;max-width:320px;width:90%;box-shadow:0 12px 48px #00000080,0 0 60px #f59e0b0d}.tutorial-step-dots{display:flex;gap:6px;justify-content:center;margin-bottom:14px}.tdot{width:8px;height:8px;border-radius:50%;background:#ffffff26;transition:all .2s}.tdot.active{background:var(--accent);transform:scale(1.3);box-shadow:0 0 8px #f59e0b80}.tutorial-emoji{font-size:52px;margin-bottom:14px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.tutorial-card h2{margin-bottom:6px;font-weight:800}.tutorial-sub{color:var(--text2);font-size:13px;margin-bottom:16px;opacity:.75}.tutorial-card p{color:var(--text2);margin-bottom:18px;font-size:14px;line-height:1.5}.tutorial-actions{display:flex;gap:10px;justify-content:center}.tutorial-actions .btn{min-width:110px}.hint-pulse{animation:hintPulse 1.8s ease-in-out infinite;border:2px solid rgba(245,158,11,.5)!important}@keyframes hintPulse{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 16px 4px #f59e0b40}}.build-hint-text{font-size:11px;font-weight:700;color:var(--accent);text-align:center;line-height:1.3;padding:2px 4px;text-shadow:0 1px 4px rgba(0,0,0,.6)}.battle-report-detail{display:flex;gap:14px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border);font-size:11px}.br-section{flex:1}.br-header{font-weight:700;margin-bottom:6px;color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding-bottom:3px;border-bottom:1px solid rgba(245,158,11,.15)}.br-line{color:var(--text2);padding:2px 0}.attack-item .ai-result.defeat{color:var(--danger)}.attack-item .ai-loot{font-size:10px;color:var(--primary)}.incoming-alert{background:linear-gradient(135deg,#c0392b26,#c0392b0f);border:1px solid rgba(192,57,43,.3);border-left:3px solid var(--danger);border-radius:12px;padding:10px 12px;margin-bottom:8px;box-shadow:0 2px 8px #c0392b1a;animation:alertPulse 2s ease-in-out infinite}@keyframes alertPulse{0%,to{box-shadow:0 2px 8px #c0392b1a}50%{box-shadow:0 2px 16px #c0392b33}}.incoming-alert .ia-title{font-size:12px;font-weight:700;color:var(--danger);margin-bottom:4px;text-shadow:0 0 8px rgba(192,57,43,.3)}.settings-list{display:flex;flex-direction:column;gap:10px}.settings-item{padding:14px;background:linear-gradient(135deg,var(--bg2),rgba(22,32,46,.95));border-radius:12px;border:1px solid var(--border);box-shadow:0 2px 8px #0000001a}.si-label{font-size:13px;font-weight:700;margin-bottom:10px;color:var(--text)}.si-options{display:flex;gap:8px}.si-option{flex:1;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--bg3);color:var(--text2);font-size:13px;font-weight:600;cursor:pointer;text-align:center;transition:all .15s}.si-option:hover{border-color:#ffffff1f;background:#1c2535cc}.si-option.active{background:linear-gradient(135deg,var(--accent),#d97706);color:#fff;border-color:#f59e0b66;box-shadow:0 2px 10px #f59e0b59}.si-option:active:not(.active){background:var(--bg2)}.res-popups{position:fixed;top:50px;left:0;right:0;height:0;z-index:200;pointer-events:none;overflow:visible}.res-popup{position:absolute;font-size:14px;font-weight:800;padding:4px 10px;border-radius:12px;white-space:nowrap;animation:resPopFloat 1.8s ease-out forwards;text-shadow:0 1px 3px rgba(0,0,0,.8)}.res-popup.food{color:#81c784;background:#388e3c33}.res-popup.steel{color:#bdbdbd;background:#61616133}.res-popup.fuel{color:#ffb74d;background:#e6510033}.res-popup.coins{color:#f1c40f;background:#f1c40f33}.res-popup.energy{color:#4dd0e1;background:#00bcd433}.res-popup.alloy{color:#ce93d8;background:#9c27b033}@keyframes resPopFloat{0%{opacity:1;transform:translateY(0) scale(.8)}20%{opacity:1;transform:translateY(-8px) scale(1)}to{opacity:0;transform:translateY(-60px) scale(.9)}}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px;padding:10px 0}.page-num{font-size:12px;color:var(--text2);font-weight:600}.mail-item{flex-direction:column;align-items:stretch!important;border:1px solid var(--border);border-radius:12px;padding:12px;background:linear-gradient(135deg,var(--bg2),rgba(22,32,46,.95));transition:all .15s;box-shadow:0 2px 6px #0000001a}.mail-item:hover{border-color:#ffffff14}.mail-item.unread{border-left:3px solid var(--accent);background:linear-gradient(135deg,rgba(245,158,11,.06),var(--bg2))}.mi-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.mi-name{font-size:13px;font-weight:700}.mi-timer{font-size:10px;color:var(--text2);white-space:nowrap}.unread-badge{background:linear-gradient(135deg,var(--accent),#d97706);color:#fff;font-size:10px;font-weight:700;border-radius:10px;padding:2px 7px;min-width:18px;text-align:center;margin-left:auto;box-shadow:0 2px 6px #f59e0b4d}.br-line.loss{color:var(--danger)}.error-banner{background:linear-gradient(135deg,#c0392b26,#c0392b0f);border:1px solid rgba(192,57,43,.25);border-radius:10px;padding:10px 14px;margin-bottom:10px;font-size:12px;color:var(--danger);display:flex;align-items:center;gap:8px;font-weight:600}.success-banner{background:linear-gradient(135deg,#27ae6026,#27ae600f);border:1px solid rgba(39,174,96,.25);border-radius:10px;padding:10px 14px;margin-bottom:10px;font-size:12px;color:var(--primary);display:flex;align-items:center;gap:8px;font-weight:600}@media (min-width: 768px){.app{max-width:520px;margin:0 auto;box-shadow:0 0 60px #00000080}.modal{border-radius:20px;max-width:420px}.bld-sheet{max-width:520px;left:50%;transform:translate(-50%)}.menu-panel{max-width:380px}.card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040}}.idle-hint{position:absolute;bottom:calc(var(--bottom-tab-h) + var(--safe-b) + 8px);left:50%;transform:translate(-50%);background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text2);font-size:12px;font-weight:600;padding:8px 16px;border-radius:20px;border:1px solid rgba(245,158,11,.2);animation:hintSlideUp .35s cubic-bezier(.22,1,.36,1);white-space:nowrap;z-index:10;pointer-events:none}@keyframes hintSlideUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.troop-item,.mission-item,.leader-item,.bp-item,.mail-item{animation:listItemIn .25s cubic-bezier(.22,1,.36,1) both}.troop-item:nth-child(2),.mission-item:nth-child(2),.leader-item:nth-child(2),.bp-item:nth-child(2),.mail-item:nth-child(2){animation-delay:.03s}.troop-item:nth-child(3),.mission-item:nth-child(3),.leader-item:nth-child(3),.bp-item:nth-child(3),.mail-item:nth-child(3){animation-delay:.06s}.troop-item:nth-child(4),.mission-item:nth-child(4),.leader-item:nth-child(4),.bp-item:nth-child(4),.mail-item:nth-child(4){animation-delay:.09s}.troop-item:nth-child(5),.mission-item:nth-child(5),.leader-item:nth-child(5),.bp-item:nth-child(5),.mail-item:nth-child(5){animation-delay:.12s}.troop-item:nth-child(n+6),.mission-item:nth-child(n+6),.leader-item:nth-child(n+6),.bp-item:nth-child(n+6),.mail-item:nth-child(n+6){animation-delay:.15s}@keyframes listItemIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hr-v.res-changed{animation:resPop .3s ease}@keyframes resPop{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}.social-proof{text-align:center;font-size:11px;color:var(--text2);opacity:.6;padding:4px 0;letter-spacing:.3px;font-weight:500}.menu-item:active{transform:scale(.95)}.sbtn:active{transform:scale(.92)}.hud-rank-badge{display:flex;flex-direction:column;align-items:flex-end;gap:1px;min-width:52px;background:linear-gradient(135deg,#f59e0b33,#f59e0b14);padding:3px 8px;border-radius:8px;border:1px solid rgba(245,158,11,.15)}.hud-rank{font-size:8px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:.5px;opacity:.85}.hud-rank-badge .hud-hq{font-size:10px;font-weight:800;color:var(--accent);text-shadow:0 1px 3px rgba(0,0,0,.6);background:none;border:none;padding:0}.base-greeting{font-size:11px;font-weight:600;color:#ffffff8c;letter-spacing:.3px;padding:2px 10px;animation:greetFade .6s ease}@keyframes greetFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.next-action-card{position:relative;z-index:5;display:flex;align-items:center;gap:8px;margin:6px auto 0;max-width:320px;padding:8px 14px;border-radius:12px;background:linear-gradient(135deg,#f59e0b1f,#27ae6014);border:1px solid rgba(245,158,11,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:nextActionIn .4s cubic-bezier(.22,1,.36,1)}.next-action-card.tappable{cursor:pointer}.next-action-card.tappable:active{transform:scale(.97);background:linear-gradient(135deg,#f59e0b33,#27ae601f)}.na-label{font-size:10px;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.na-text{font-size:12px;font-weight:500;color:#fffc;line-height:1.3}@keyframes nextActionIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.next-unlock{position:relative;z-index:5;display:flex;align-items:center;gap:6px;justify-content:center;margin:4px auto 0;padding:4px 10px;font-size:10px;opacity:.55;animation:greetFade .5s ease .15s both}.nu-label{color:var(--accent);font-weight:700;white-space:nowrap}.nu-items{color:#ffffffb3;font-weight:500}.levelup-overlay{z-index:200}.levelup-modal{text-align:center;padding:28px 24px 20px;position:relative;overflow:hidden;animation:levelupBounce .5s cubic-bezier(.22,1,.36,1)}.levelup-modal:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:linear-gradient(135deg,rgba(245,158,11,.3) 0%,transparent 40%,transparent 60%,rgba(39,174,96,.2) 100%);z-index:-1;animation:levelupGlow 2s ease-in-out infinite alternate}@keyframes levelupBounce{0%{opacity:0;transform:scale(.7) translateY(20px)}60%{transform:scale(1.03) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes levelupGlow{0%{opacity:.5}to{opacity:1}}.levelup-stars{font-size:16px;color:var(--gold);letter-spacing:8px;margin-bottom:8px;animation:starsPulse 1.5s ease-in-out infinite}@keyframes starsPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.levelup-icon{font-size:48px;margin:4px 0 8px;animation:levelupIconBob 1.2s ease-in-out infinite alternate}@keyframes levelupIconBob{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.levelup-title{font-size:22px;font-weight:800;margin:0 0 4px;background:linear-gradient(135deg,var(--accent) 0%,var(--gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.levelup-rank{font-size:14px;color:var(--gold);font-weight:600;margin-bottom:12px;letter-spacing:.5px}.levelup-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.levelup-sparkle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--gold);opacity:0;animation:sparkleFloat 2s ease-in-out infinite;animation-delay:calc(var(--si) * .25s)}.levelup-sparkle:nth-child(odd){background:var(--accent)}.levelup-sparkle:nth-child(1){top:15%;left:10%}.levelup-sparkle:nth-child(2){top:20%;right:15%}.levelup-sparkle:nth-child(3){top:45%;left:5%}.levelup-sparkle:nth-child(4){top:55%;right:8%}.levelup-sparkle:nth-child(5){top:75%;left:15%}.levelup-sparkle:nth-child(6){top:70%;right:20%}.levelup-sparkle:nth-child(7){top:30%;left:85%}.levelup-sparkle:nth-child(8){top:85%;left:55%}@keyframes sparkleFloat{0%{opacity:0;transform:scale(0) translateY(0)}30%{opacity:1;transform:scale(1.5) translateY(-8px)}70%{opacity:.8;transform:scale(1) translateY(-16px)}to{opacity:0;transform:scale(0) translateY(-24px)}}.levelup-btn{margin-top:4px;min-width:140px}.admin-panel{padding-bottom:12px}.admin-subtabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:10px}.admin-subtabs .btn-small{font-size:.72rem;padding:4px 8px}.admin-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.admin-stats-grid .stat-box{padding:6px}.admin-search-row{display:flex;gap:4px;margin-bottom:8px}.admin-input{flex:1;background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:6px 10px;font-size:.82rem}.admin-user-list{display:flex;flex-direction:column;gap:4px;max-height:320px;overflow-y:auto}.admin-user-row{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:6px 10px;cursor:pointer;transition:background .15s}.admin-user-row:hover{background:var(--border)}.admin-user-row.banned{border-color:#e74c3c55;opacity:.75}.au-name{font-weight:600;font-size:.85rem}.au-meta{font-size:.72rem;color:var(--muted);margin-top:1px}.au-alliance{font-size:.68rem;color:var(--accent)}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;font-size:.75rem}.admin-detail-modal{max-height:85vh;overflow-y:auto}.admin-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;font-size:.78rem;margin:8px 0}.admin-detail-grid b{color:var(--muted)}.admin-details-section{margin:4px 0;font-size:.76rem}.admin-details-section summary{cursor:pointer;font-weight:600;padding:3px 0}.admin-tag-list{display:flex;flex-wrap:wrap;gap:4px;padding:4px 0}.admin-tag{background:var(--border);border-radius:4px;padding:2px 6px;font-size:.7rem;white-space:nowrap}.admin-actions{margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.admin-actions h4{margin:0 0 6px;font-size:.82rem}.admin-action-btns{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.menu-item{position:relative}.menu-badge{position:absolute;top:4px;right:4px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;font-size:9px;font-weight:800;border-radius:10px;padding:1px 5px;min-width:16px;text-align:center;box-shadow:0 2px 6px #e74c3c66;animation:badgePop .3s ease-out}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease-out}.confirm-card{background:linear-gradient(135deg,var(--bg2),var(--card));border:1px solid var(--border);border-radius:16px;padding:20px 24px;max-width:300px;width:90%;text-align:center;animation:modalPop .2s ease-out}@keyframes modalPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.confirm-icon{font-size:36px;margin-bottom:8px}.confirm-title{font-size:15px;font-weight:700;margin-bottom:6px}.confirm-desc{font-size:12px;color:var(--text2);margin-bottom:16px;line-height:1.4}.confirm-cost{font-size:11px;color:var(--accent);font-weight:600;margin-bottom:12px;padding:6px 10px;background:#f59e0b1a;border-radius:8px}.confirm-btns{display:flex;gap:8px}.confirm-btns .btn{flex:1}.hq-progress{height:3px;background:#ffffff0f;border-radius:2px;overflow:hidden;margin:0 8px}.hq-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:2px;transition:width .5s ease}.login-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:8px 0 12px}.cal-day{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:10px;background:#ffffff08;border:1px solid var(--border);font-size:10px;color:var(--text2);transition:all .2s}.cal-day.completed{background:#27ae6026;border-color:#27ae604d;color:var(--primary)}.cal-day.today{background:#f59e0b26;border-color:#f59e0b66;color:var(--accent);font-weight:700}.cal-day.today.completed{background:#f1c40f26;border-color:#f1c40f66;color:var(--gold)}.cal-day-num{font-size:14px;font-weight:700}.cal-day-icon{font-size:16px}.cal-day-reward{font-size:8px;opacity:.7}.iso-slot.upgrading .bld-body{animation:upgradePulse 2s ease-in-out infinite}@keyframes upgradePulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}.iso-slot.upgrading:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:9;border-radius:12px;pointer-events:none;border:1.5px solid rgba(245,158,11,.3);animation:upgradeBorder 2s linear infinite}@keyframes upgradeBorder{0%,to{border-color:#f59e0b26}50%{border-color:#f59e0b73}}[data-theme=light]{--bg: #f0f2f5;--bg2: #ffffff;--bg3: #e8ecf0;--card: #ffffff;--border: rgba(0,0,0,.08);--text: #1a1a2e;--text2: #6b7280}[data-theme=light] .hud{background:linear-gradient(180deg,#fffffff2,#f0f2f5e6);border-bottom-color:#00000014}[data-theme=light] .menu-panel{background:#fffffff7}[data-theme=light] .tab-overlay{background:var(--bg)}[data-theme=light] .iso-slot .ground{background:linear-gradient(135deg,#d4e2d4,#c5d5c0)}[data-theme=light] .bld-body{background:linear-gradient(135deg,#fff,#f0f4f8);border-color:#0000001a}[data-theme=light] .card{background:var(--card);border-color:#0000000f}[data-theme=light] .error{background:linear-gradient(135deg,#c0392b1a,#c0392b0d);color:#c0392b}.away-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#000000d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.away-card{background:linear-gradient(135deg,var(--bg2),var(--card));border:1px solid var(--border);border-radius:20px;padding:24px;max-width:320px;width:92%;text-align:center;animation:modalPop .3s ease-out}.away-title{font-size:18px;font-weight:800;margin-bottom:4px}.away-time{font-size:12px;color:var(--text2);margin-bottom:16px}.away-rewards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.away-reward{padding:8px;border-radius:10px;background:#27ae6014;border:1px solid rgba(39,174,96,.15)}.away-reward-icon{font-size:20px}.away-reward-val{font-size:14px;font-weight:700;color:var(--primary)}.away-reward-label{font-size:9px;color:var(--text2)}.stat-bar-container{display:flex;align-items:center;gap:8px;margin:4px 0}.stat-bar{flex:1;height:12px;background:#ffffff0f;border-radius:6px;overflow:hidden;display:flex}.stat-bar-win{background:linear-gradient(90deg,var(--primary),#2ecc71);height:100%;transition:width .5s}.stat-bar-loss{background:linear-gradient(90deg,var(--danger),#e74c3c);height:100%;transition:width .5s}.stat-bar-label{font-size:10px;font-weight:600;white-space:nowrap;min-width:44px;text-align:right}.season-tier{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#ffffff08;border:1px solid var(--border);margin-bottom:6px}.season-tier.current{border-color:var(--gold);background:#f1c40f14}.season-tier-rank{font-size:18px;font-weight:800;min-width:36px;text-align:center}.season-tier-info{flex:1}.season-tier-label{font-size:12px;font-weight:600}.season-tier-reward{font-size:10px;color:var(--text2)}.bottom-tabs{position:fixed;bottom:0;left:0;right:0;z-index:55;display:flex;background:linear-gradient(180deg,#0a0e16eb,#05080ef7);border-top:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);padding-bottom:var(--safe-b);box-shadow:0 -8px 32px #0000008c,inset 0 1px #ffffff0d}.bottom-tabs:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(245,158,11,.15) 30%,rgba(245,158,11,.25) 50%,rgba(245,158,11,.15) 70%,transparent)}.btab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 2px 6px;background:none;border:none;color:var(--text2);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s,transform .1s;position:relative}.btab:active{transform:scale(.9)}.btab.active{color:var(--accent)}.btab.active:after{content:"";position:absolute;top:0;left:22%;right:22%;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);border-radius:0 0 4px 4px;box-shadow:0 2px 12px #f59e0b73}.btab-icon{font-size:22px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));transition:transform .2s}.btab.active .btab-icon{transform:scale(1.1);filter:drop-shadow(0 2px 6px rgba(245,158,11,.4))}img.btab-icon{width:24px;height:24px}.btab-label{font-size:9px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.btab-badge{position:absolute;top:4px;right:calc(50% - 18px);min-width:16px;height:16px;border-radius:8px;background:var(--danger);color:#fff;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 6px #c0392b80;animation:badgePop .3s ease}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.viewport{padding-bottom:calc(var(--bottom-tab-h) + var(--safe-b))}.event-ticker{bottom:calc(var(--bottom-tab-h) + var(--safe-b) + 4px);left:10px;right:10px}.side-btns{display:none}.iso-grid{perspective:600px;transform:rotateX(6deg)}.iso-slot.built .ground{box-shadow:0 4px 12px #00000080}.iso-slot.built:hover .ground{box-shadow:0 6px 18px #0009,0 0 12px #f59e0b26}.bb-prod{animation:prodPulse 2s ease-in-out infinite}@keyframes prodPulse{0%,to{opacity:.85;text-shadow:0 0 4px rgba(46,204,113,.3)}50%{opacity:1;text-shadow:0 0 10px rgba(46,204,113,.6)}}.iso-container .shooting-star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;z-index:1;opacity:0;animation:shootingStar var(--ss-dur, 1.2s) var(--ss-delay, 0s) ease-out forwards}.iso-container .shooting-star:after{content:"";position:absolute;top:0;left:0;width:24px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.6),transparent);transform-origin:left center;transform:rotate(var(--ss-angle, -35deg))}@keyframes shootingStar{0%{opacity:0;transform:translate(0)}10%{opacity:1}to{opacity:0;transform:translate(var(--ss-dx, -120px),var(--ss-dy, 80px))}}.claim-burst{position:fixed;top:50%;left:50%;width:0;height:0;z-index:200;pointer-events:none}.claim-particle{position:absolute;width:6px;height:6px;border-radius:50%;animation:particleFly .8s ease-out forwards}@keyframes particleFly{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--px, 40px),var(--py, -60px)) scale(.2)}}.claim-particle:nth-child(1){background:#f1c40f;--px: -50px;--py: -70px}.claim-particle:nth-child(2){background:var(--accent);--px: 55px;--py: -60px}.claim-particle:nth-child(3){background:#2ecc71;--px: -40px;--py: 50px}.claim-particle:nth-child(4){background:#3498db;--px: 45px;--py: 65px}.claim-particle:nth-child(5){background:#e74c3c;--px: -65px;--py: -20px}.claim-particle:nth-child(6){background:#9b59b6;--px: 60px;--py: 30px}.claim-particle:nth-child(7){background:#f39c12;--px: 10px;--py: -80px}.claim-particle:nth-child(8){background:#1abc9c;--px: -25px;--py: 75px}.claim-text-pop{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);z-index:201;font-size:24px;font-weight:900;color:var(--gold);text-shadow:0 2px 12px rgba(241,196,15,.6),0 0 30px rgba(241,196,15,.3);animation:textPopUp 1s ease-out forwards;pointer-events:none;white-space:nowrap}@keyframes textPopUp{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}40%{transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-70%) scale(.8)}}.skeleton{position:relative;overflow:hidden;background:#ffffff0a;border-radius:10px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 40%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.04) 60%,transparent 100%);animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-line{height:12px;margin:8px 0;border-radius:6px;background:#ffffff0f}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.skeleton-card{height:80px;margin-bottom:8px;border-radius:12px;border:1px solid var(--border)}.skeleton-card.tall{height:120px}.skeleton-circle{width:40px;height:40px;border-radius:50%;background:#ffffff0f}.skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.skeleton-grid-item{aspect-ratio:1;border-radius:12px;background:#ffffff0a}.tab-skeleton{padding:12px;animation:fadeIn .2s}.tab-skeleton .skeleton-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.tab-overlay{animation:tabSlideUp .25s cubic-bezier(.2,.8,.2,1)}@keyframes tabSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.flex-row{display:flex;gap:8px;align-items:center}.flex-row-wrap{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.flex-row-6{display:flex;gap:6px;align-items:center}.flex-col{display:flex;flex-direction:column;gap:8px}.flex-1{flex:1}.form-row{display:flex;gap:8px;margin-bottom:12px}.form-row-wrap{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.text-muted{color:var(--text2);font-size:.8rem}.text-sm{font-size:.8rem}.text-xs{font-size:.75rem}.text-bold{font-weight:700}.text-center{text-align:center}.text-success{color:#4caf50}.text-danger{color:#f44336}.text-accent{color:var(--accent)}.text-gold{color:var(--gold)}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.ml-4{margin-left:4px}.ml-8{margin-left:8px}.gap-4{gap:4px}.gap-6{gap:6px}.w-full{width:100%}.w-80{width:80px}.w-90{width:90px}.w-100{width:100px}.pointer{cursor:pointer}.no-resize{resize:none}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.scroll-y{overflow-y:auto;-webkit-overflow-scrolling:touch}.max-h-200{max-height:200px}.max-h-300{max-height:300px}.modal-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal{animation:sheetUp .3s cubic-bezier(.22,1,.36,1)}.modal-section{padding:10px 12px;background:#ffffff08;border:1px solid var(--border);border-radius:12px;margin-bottom:10px}.modal-section-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--accent);opacity:.7;margin-bottom:6px}.modal-chip{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-size:.75rem;font-weight:600;background:#ffffff0f;border:1px solid var(--border);margin:2px}.modal-chip-loss{background:#f443361f;border-color:#f443364d;color:#f44}.modal-chip-troop{background:#2ecc711f;border-color:#2ecc714d;color:#4f4}.modal-chip-loot{background:#f1c40f1f;border-color:#f1c40f4d;color:var(--gold)}.modal-overlay.centered{align-items:center}.modal.centered{border-radius:20px;max-height:85vh;overflow-y:auto;animation:modalPopIn .25s cubic-bezier(.2,.8,.2,1)}@keyframes modalPopIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.ally-subtabs{display:flex;gap:4px;margin-top:16px;margin-bottom:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.ally-subtabs .btn-small{white-space:nowrap;flex-shrink:0}.chat-list{max-height:200px;overflow-y:auto;-webkit-overflow-scrolling:touch}.chat-msg{padding:4px 8px}.chat-msg .l-name{font-size:.8rem}.chat-msg .l-hq{font-size:.75rem}.chat-time{font-size:.65rem;opacity:.5}.chat-delete{margin-left:4px;padding:2px 4px;font-size:.6rem}.chat-input-row{display:flex;gap:6px;margin-top:8px}.invite-row{display:flex;gap:6px;align-items:center}.invite-row .input{flex:1;font-size:.75rem}.log-entry{padding:4px 8px;font-size:.8rem}.log-time{font-size:.65rem;opacity:.5;margin-left:8px}.ally-empty{text-align:center;color:#888}.ally-scrollable{max-height:200px;overflow-y:auto;-webkit-overflow-scrolling:touch}.raid-boss-card{border-left:3px solid #ff4444}.raid-boss-name{font-weight:700;font-size:1.1rem}.raid-hp-bar{background:#333;border-radius:4px;height:16px;margin-bottom:8px;overflow:hidden}.raid-hp-fill{background:linear-gradient(90deg,#f44,#f64);height:100%;border-radius:4px;transition:width .3s ease}.raid-participant{display:flex;justify-content:space-between;align-items:center}.rarity-badge{font-size:.75rem;margin-left:8px;font-weight:600}.rarity-common{color:#888}.rarity-uncommon{color:#4ade80}.rarity-rare{color:#3b82f6}.rarity-epic{color:#a855f7}.rarity-legendary{color:gold;text-shadow:0 0 6px rgba(255,215,0,.4)}.craft-item-name{font-weight:700}.craft-item-meta{font-size:.8rem;color:#aaa}.craft-mat{font-size:.75rem}.craft-mat-has{color:#4f4}.craft-mat-need{color:#f44}.equip-badge{font-size:.75rem;color:#4f4}.campaign-result{border-left:3px solid #4f4;margin-bottom:12px}.campaign-result.defeat{border-left-color:#f44}.campaign-victory-text{font-weight:700}.campaign-rewards{font-size:.8rem;color:#aaa;margin-top:4px}.campaign-chapter{margin-bottom:16px}.campaign-stage-meta{font-size:.8rem;color:#aaa}.campaign-plays{font-size:.75rem;color:#888;margin-top:2px}.campaign-plays.exhausted{color:#f44}.campaign-cooldown{color:var(--accent);margin-left:8px}.campaign-locked{color:#888}.hero-actions{display:flex;flex-direction:column;gap:4px}.skill-tree{width:100%;margin-top:8px;padding:8px;background:#1a2a1a;border-radius:8px}.skill-tree-title{font-weight:700;margin-bottom:6px}.skill-branch{margin-bottom:8px}.skill-branch-label{font-size:.8rem;color:#aaa;margin-bottom:4px}.skill-row{display:flex;align-items:center;gap:8px;padding:4px 0}.skill-info{flex:1}.skill-name{font-size:.85rem}.skill-level{color:#aaa}.skill-desc{font-size:.75rem;color:#888}.skill-maxed{color:#4caf50;font-size:.8rem}.hero-awakened{color:gold;text-align:center;margin-top:8px}.trade-form{display:flex;gap:8px;margin-bottom:8px}.trade-form .field{flex:1}.trade-filters{display:flex;gap:6px;margin-bottom:8px}.trade-filters .input{flex:1}.social-tabs,.friend-add-row{display:flex;gap:8px;margin-bottom:12px}.friend-add-row input{flex:1}.friend-request{border-left:3px solid var(--accent)}.friend-name{font-weight:700}.friend-meta{font-size:.8rem;color:#aaa;margin-left:8px}.friend-actions{display:flex;gap:4px}.gift-row{display:flex;gap:6px;margin-top:8px;width:100%}.pm-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column-reverse;gap:4px;margin-bottom:8px;-webkit-overflow-scrolling:touch}.pm-bubble{padding:4px 8px;border-radius:6px;max-width:80%}.pm-bubble.mine{background:var(--accent);align-self:flex-end}.pm-bubble.theirs{background:#2a3a2a;align-self:flex-start}.pm-sender{font-size:.75rem;color:#ccc}.pm-input-row{display:flex;gap:6px}.pm-input-row input{flex:1}.pm-friend-list .btn-full{margin-bottom:4px}.tournament-info{margin-bottom:10px}.tournament-my{margin-bottom:10px;border-left:3px solid var(--accent);padding-left:8px}:root{--bg: #04060c;--bg2: #0a0f18;--bg3: #121a28;--card: #0d1420;--card-elevated: #141e2e;--border: rgba(148, 163, 184, .1);--border-strong: rgba(148, 163, 184, .16);--accent: #fbbf24;--accent-dim: rgba(251, 191, 36, .14);--accent2: #fde68a;--glow: #22d3ee;--glow-dim: rgba(34, 211, 238, .12);--primary: #34d399;--primary2: #6ee7b7;--danger: #f87171;--text: #f8fafc;--text2: #94a3b8;--gold: #fcd34d;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 8px 32px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .55);--glass: rgba(12, 18, 28, .72);--glass-border: rgba(255, 255, 255, .08);--bottom-tab-h: 72px;--font-display: "Syne", "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif}.app-modern{font-family:var(--font-body)}.app-modern:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(34,211,238,.08),transparent 55%),radial-gradient(ellipse 60% 40% at 90% 10%,rgba(251,191,36,.07),transparent 50%),radial-gradient(ellipse 50% 30% at 50% 100%,rgba(52,211,153,.05),transparent 45%);animation:meshDrift 18s ease-in-out infinite alternate}@keyframes meshDrift{0%{opacity:.85;transform:scale(1)}to{opacity:1;transform:scale(1.03)}}body{background-color:var(--bg);background-image:radial-gradient(ellipse 120% 80% at 50% -20%,rgba(34,211,238,.07),transparent 55%),radial-gradient(ellipse 70% 50% at 100% 0%,rgba(251,191,36,.06),transparent 48%),linear-gradient(180deg,#0a1018 0%,var(--bg) 50%,#030508 100%)}.app-modern .hud{top:max(8px,var(--safe-t));left:10px;right:10px;width:auto;margin:0;padding:10px 12px;border-radius:var(--radius-lg);background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);box-shadow:var(--shadow-md),inset 0 1px #ffffff0f}.app-modern .hud:after{left:8%;right:8%;background:linear-gradient(90deg,transparent,rgba(34,211,238,.25) 30%,rgba(251,191,36,.4) 50%,rgba(34,211,238,.25) 70%,transparent)}.app-modern .hud-user{background:linear-gradient(135deg,#22d3ee1a,#fbbf2414);border-color:#fbbf2438;border-radius:var(--radius-md)}.app-modern .hud-avatar{border-radius:12px;border-color:var(--glow);box-shadow:0 0 16px #22d3ee40,inset 0 -2px 6px #00000059}.app-modern .hud-name{font-family:var(--font-display);font-size:13px;letter-spacing:.02em;max-width:88px}.app-modern .hr{border-radius:var(--radius-sm);background:#00000059;border:1px solid rgba(255,255,255,.06);padding:6px 10px;transition:transform .15s,box-shadow .2s,border-color .2s}.app-modern .hr.expanded{box-shadow:0 0 20px #22d3ee1f;border-color:#22d3ee40}.app-modern .hr.food{border-left:3px solid #84cc16}.app-modern .hr.steel{border-left:3px solid #94a3b8}.app-modern .hr.fuel{border-left:3px solid #f97316}.app-modern .hr.energy{border-left:3px solid #eab308}.app-modern .hr.alloy{border-left:3px solid #a78bfa}.app-modern .hr.coins{border-left:3px solid var(--gold)}.app-modern .hr-v{font-variant-numeric:tabular-nums;font-weight:800}.quick-actions{display:flex;gap:8px;padding:0 12px 8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:relative;z-index:28;margin-top:6px}.quick-actions::-webkit-scrollbar{display:none}.qa-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text2);font-size:11px;font-weight:700;cursor:pointer;transition:transform .12s,border-color .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent;position:relative}.qa-chip:active{transform:scale(.94)}.qa-chip.claimable{border-color:#fbbf2473;color:var(--accent2);box-shadow:0 0 24px #fbbf2426;animation:qaPulse 2.5s ease-in-out infinite}.qa-chip.alert{border-color:#f8717173;color:#fecaca;box-shadow:0 0 20px #f8717126}.qa-chip-icon{font-size:15px;line-height:1}.qa-chip-badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ef444473}@keyframes qaPulse{0%,to{box-shadow:0 0 16px #fbbf241f}50%{box-shadow:0 0 28px #fbbf2447}}.app-modern .iso-container{padding-top:72px}.app-modern .quick-actions{position:relative;z-index:6;margin-bottom:4px;padding:0 8px 6px;justify-content:center}.app-modern .base-greeting{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--glow);text-transform:uppercase;letter-spacing:.12em;padding:6px 16px;border-radius:999px;background:#22d3ee14;border:1px solid rgba(34,211,238,.15)}.app-modern .base-title{font-family:var(--font-display);font-size:13px;font-weight:800;letter-spacing:.04em;border-radius:var(--radius-sm);background:linear-gradient(135deg,#fbbf2426,#00000080);border-color:#fbbf2440}.app-modern .next-action-card{max-width:340px;border-radius:var(--radius-md);background:linear-gradient(135deg,#22d3ee1a,#fbbf2414);border:1px solid rgba(34,211,238,.2);box-shadow:0 8px 32px #00000040}.app-modern .na-label{color:var(--glow)}.app-modern .iso-grid{gap:8px;padding:10px;border-radius:var(--radius-xl);background:radial-gradient(ellipse 90% 80% at 50% 50%,rgba(34,211,238,.04),transparent 70%),#0003;border:1px solid rgba(255,255,255,.04)}.app-modern .iso-slot.built .bld-body{border-radius:14px;box-shadow:0 calc(4px + var(--rise, 0) * .5px) calc(12px + var(--rise, 0) * .6px) #0000008c,inset 0 1px #ffffff1f}.app-modern .iso-slot.built.selected .ground{box-shadow:0 0 0 2px var(--glow),0 0 24px #22d3ee59}.app-modern .bb-prod{background:#34d39933;border:1px solid rgba(52,211,153,.35);font-weight:800}.app-modern .card{border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:linear-gradient(165deg,#141e2ef2,#0a0f18eb);box-shadow:var(--shadow-md)}.app-modern .card h3{font-family:var(--font-display);font-size:17px;font-weight:800;letter-spacing:-.01em;border-bottom-color:#22d3ee1f}.app-modern .tab-overlay{background:radial-gradient(ellipse 90% 40% at 50% 0%,rgba(34,211,238,.06),transparent 55%),linear-gradient(180deg,var(--bg2) 0%,var(--bg) 40%,var(--bg) 100%)}.app-modern .tab-header{border-bottom-color:var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.app-modern .tab-header h2{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em}.app-modern .back-btn{border-radius:var(--radius-sm);border-color:var(--glass-border)}.app-modern .btn-primary{background:linear-gradient(135deg,#34d399,#059669);border:1px solid rgba(110,231,183,.35);font-weight:800;letter-spacing:.02em;border-radius:var(--radius-sm);box-shadow:0 4px 20px #34d39940}.app-modern .btn-accent{background:linear-gradient(135deg,#fbbf24,#d97706);border:1px solid rgba(253,224,71,.3);font-weight:800;border-radius:var(--radius-sm);box-shadow:0 4px 20px #fbbf2440}.app-modern .btn-tab.active{background:linear-gradient(135deg,#22d3ee33,#fbbf241f);border-color:#22d3ee59;color:var(--glow)}.app-modern .bottom-tabs{left:10px;right:10px;bottom:calc(8px + var(--safe-b));width:auto;border-radius:var(--radius-xl);border:1px solid var(--glass-border);background:#080c14e0;-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);padding:6px 4px;box-shadow:0 12px 48px #0000008c,inset 0 1px #ffffff0f}.app-modern .bottom-tabs:before{top:0;background:linear-gradient(90deg,transparent,rgba(34,211,238,.2) 35%,rgba(251,191,36,.35) 50%,rgba(34,211,238,.2) 65%,transparent)}.app-modern .btab{padding:6px 2px 4px;border-radius:var(--radius-md);transition:background .2s,color .2s,transform .12s}.app-modern .btab.active{color:var(--glow);background:#22d3ee14}.app-modern .btab.active:after{background:linear-gradient(90deg,transparent,var(--glow),transparent);box-shadow:0 2px 16px #22d3ee66}.app-modern .btab-fab{position:relative;top:-14px;margin:0 2px;padding:0;width:56px;height:56px;flex:0 0 56px;border-radius:18px;background:linear-gradient(145deg,#fde68a,#f59e0b 45%,#d97706);border:2px solid rgba(255,255,255,.2);color:#1a1207;box-shadow:0 8px 28px #fbbf2473,0 0 0 4px #fbbf241f,inset 0 1px #ffffff59}.app-modern .btab-fab .btab-icon{font-size:26px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));transform:none}.app-modern .btab-fab .btab-label{display:none}.app-modern .btab-fab.active{background:linear-gradient(145deg,#fef3c7,#fbbf24,#b45309);color:#1a1207}.app-modern .btab-fab.active:after{display:none}.app-modern .viewport{padding-bottom:calc(var(--bottom-tab-h) + var(--safe-b) + 16px)}.app-modern .event-ticker{bottom:calc(var(--bottom-tab-h) + var(--safe-b) + 12px)}.app-modern .tick-item{border-radius:999px;padding:6px 12px;font-size:11px;background:var(--glass);border-color:var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-modern .bld-sheet{border-radius:var(--radius-xl) var(--radius-xl) 0 0;border:1px solid var(--glass-border);border-bottom:none;background:linear-gradient(180deg,#141e2e,#0a0f18);box-shadow:0 -16px 48px #00000080}.app-modern .bld-sheet-handle{width:40px;height:4px;border-radius:999px;background:#fff3;margin:8px auto 12px}.app-modern .menu-panel{border-radius:var(--radius-xl);border-color:var(--glass-border);background:linear-gradient(165deg,#141e2e,#0a0f18);box-shadow:var(--shadow-lg)}.app-modern .menu-item{border-radius:var(--radius-md);background:#ffffff08;border-color:var(--glass-border)}.app-modern .modal{border-radius:var(--radius-xl);border:1px solid var(--glass-border);background:linear-gradient(165deg,#141e2e,#0a0f18)}.app-modern .tech-tab.active{background:linear-gradient(135deg,#22d3ee26,#fbbf2414);border-color:#22d3ee59;color:var(--glow);box-shadow:0 0 20px #22d3ee1f}.app-modern .tech-card{border-radius:var(--radius-md)}.app-modern .loading-screen{background:radial-gradient(ellipse 80% 60% at 50% 30%,rgba(34,211,238,.1),transparent 55%),radial-gradient(ellipse 60% 40% at 50% 70%,rgba(251,191,36,.08),transparent 50%),var(--bg)}.loading-brand{font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,var(--glow),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:20px}.loading-ring{width:72px;height:72px;border-radius:50%;border:3px solid rgba(255,255,255,.06);border-top-color:var(--glow);border-right-color:var(--accent);animation:loadSpin .9s linear infinite;position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.loading-icon-wrap{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.loading-tagline{margin-top:8px;font-size:12px;color:var(--text2);opacity:.75;letter-spacing:.08em;text-transform:uppercase}@keyframes loadSpin{to{transform:rotate(360deg)}}.app-modern .loading-icon{animation:loadFloat 2s ease-in-out infinite;font-size:40px}@keyframes loadFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.app-modern .hq-progress-bar{height:3px;border-radius:999px;background:#ffffff0f;overflow:hidden;margin-top:6px}.app-modern .hq-progress-fill{height:100%;background:linear-gradient(90deg,var(--glow),var(--accent));box-shadow:0 0 12px #22d3ee80;transition:width .3s ease}.app-modern .hud-boost-banner{text-align:center;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent2);padding:4px 0 2px;text-shadow:0 0 12px rgba(251,191,36,.4)}.app-modern .stat-box{border-radius:var(--radius-sm);border-color:var(--glass-border);background:#ffffff08}.app-modern .stat-value{font-variant-numeric:tabular-nums;font-weight:800;color:var(--glow)}