:root{--bg-dark:#071526;--bg-panel:#0d223a;--bg-panel-light:#122b49;--gold-primary:#e1ad4d;--gold-light:#ffd986;--gold-gradient:linear-gradient(180deg, #ffe296 0%, #d8982e 100%);--gold-gradient-hover:linear-gradient(180deg, #fff0c2 0%, #eaad43 100%);--border-gold:#e1ad4d59;--border-gold-bright:#ffd986a6;--text-main:#f6f3ec;--text-muted:#aebdcc;--text-secondary:#d8e1e8;--max-width:1280px}.landing-page{min-height:100vh;color:var(--text-main);background:radial-gradient(circle at 50% 0,#112d4e 0%,#061426 50%,#030a13 100%);padding-bottom:60px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.landing-page *{box-sizing:border-box}.landing-page a{color:inherit;text-decoration:none}.landing-page img{max-width:100%;display:block}.landing-wrap{width:min(var(--max-width), calc(100% - 36px));margin:0 auto}.landing-header{border-bottom:1px solid var(--border-gold);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04101cf0;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex;position:sticky;top:0}.landing-logo{color:var(--gold-light);letter-spacing:-.01em;align-items:center;gap:10px;font:700 23px Georgia,serif;display:flex}.landing-logo svg{color:var(--gold-primary)}.header-logo-img{object-fit:contain;filter:drop-shadow(0 2px 8px #00000080);width:auto;height:48px;display:block}.footer-logo-img{object-fit:contain;opacity:.95;filter:drop-shadow(0 2px 6px #0006);width:auto;height:38px;display:block}.landing-nav{color:#dbe4ec;gap:32px;font-size:14px;font-weight:600;display:flex}.landing-nav a{padding:6px 0;transition:color .15s;position:relative}.landing-nav a:hover{color:var(--gold-light)}.landing-user-badge{align-items:center;gap:12px;display:flex}.user-info-text{flex-direction:column;align-items:flex-end;display:flex}.user-email-tag{color:#fff;font-size:12px;font-weight:700}.user-kingdom-tag{color:#ffd65a;font-size:10px;font-weight:700}.btn-logout-landing{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef444459;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.btn-logout-landing:hover{color:#fff;background:#ef44444d}.btn-gold{border:1px solid var(--gold-primary);background:var(--gold-gradient);color:#241706;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 28px;font-size:13px;font-weight:800;transition:transform .15s,filter .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 16px #e1ad4d59}.btn-gold:hover{background:var(--gold-gradient-hover);transform:translateY(-2px);box-shadow:0 6px 20px #e1ad4d80}.btn-gold:active{transform:translateY(0)}.btn-outline{color:#fff;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;-webkit-user-select:none;user-select:none;background:#071827d9;border:1px solid #ffffff47;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 24px;font-size:13px;font-weight:800;transition:all .15s;display:inline-flex}.btn-outline:hover{border-color:var(--gold-light);color:var(--gold-light);background:#0d2740;transform:translateY(-2px)}.hero-banner{border:1px solid var(--border-gold);background:#081a2e;border-radius:14px;margin-top:24px;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000073}.hero-banner-image{object-fit:cover;width:100%;height:500px;display:block}.hero-banner-overlay{background:linear-gradient(90deg,#040f1cfa 0%,#040f1ce0 38%,#040f1c59 68%,#0000 100%);align-items:center;padding:0 54px;display:flex;position:absolute;inset:0}.hero-content{max-width:580px}.hero-logo-frame{margin-bottom:14px}.hero-logo-img{object-fit:contain;filter:drop-shadow(0 8px 24px #000000b3);width:100%;max-width:440px;height:auto;display:block}.hero-crown{color:var(--gold-light);margin-bottom:8px}.hero-title{letter-spacing:-.02em;color:#fff;margin:0 0 10px;font-family:Georgia,serif;font-size:clamp(42px,6vw,68px);line-height:1}.hero-subtitle{color:var(--gold-light);letter-spacing:.24em;text-transform:uppercase;margin-bottom:16px;font-size:12px;font-weight:900}.hero-description{color:var(--text-secondary);margin:0 0 20px;font-size:17px;line-height:1.6}.hero-countdown-box{border:1px solid var(--border-gold-bright);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#081423e6;border-radius:14px;flex-direction:column;gap:8px;margin:0 0 24px;padding:14px 18px;display:flex;box-shadow:0 8px 30px #0009,inset 0 1px #ffffff1a}.countdown-pill-top{color:#ffd65a;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:10.5px;font-weight:800;display:flex}.live-pulsing-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:1s infinite alternate pulseBeacon;box-shadow:0 0 8px #22c55e}.countdown-clock-row{align-items:center;gap:8px;display:flex}.clock-cell{background:#0000008c;border:1px solid #ffd65a66;border-radius:8px;flex-direction:column;align-items:center;min-width:58px;padding:4px 10px;display:flex;box-shadow:inset 0 2px 6px #00000080}.clock-num{color:#ffd65a;text-shadow:0 0 10px #ffd65a4d;font-family:monospace;font-size:22px;font-weight:900;line-height:1.1}.clock-lbl{color:#94a3b8;letter-spacing:.06em;font-size:8px;font-weight:800}.clock-dots{color:#ffd65a;margin-bottom:6px;font-size:20px;font-weight:900}.countdown-ranking-hint{color:#cbd5e1;font-size:11px;line-height:1.35}.countdown-ranking-hint strong{color:#ffd65a}.countdown-unlocked-tag{color:#4ade80;font-size:14px;font-weight:900}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.section-header{text-align:center;margin:64px 0 28px}.section-header .eyebrow{color:var(--gold-light);letter-spacing:.24em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:900}.section-header h2{color:#fff;text-transform:uppercase;letter-spacing:.04em;margin:0 0 12px;font-family:Georgia,serif;font-size:clamp(30px,4vw,44px)}.section-header p{max-width:680px;color:var(--text-muted);margin:0 auto;font-size:16px;line-height:1.55}.features-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.feature-card{border:1px solid var(--border-gold);background:linear-gradient(#0e2744 0%,#07192a 100%);border-radius:10px;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 10px 28px #00000047}.feature-card:hover{border-color:var(--border-gold-bright);transform:translateY(-5px);box-shadow:0 14px 34px #e1ad4d33}.feature-media{background:#091a2b;height:180px;overflow:hidden}.feature-media img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.feature-card:hover .feature-media img{transform:scale(1.05)}.feature-info{align-items:flex-start;gap:14px;padding:14px 16px 16px;display:flex}.feature-icon-box{height:38px;color:var(--gold-light);background:#e1ad4d26;border:1px solid #e1ad4d73;border-radius:8px;flex:0 0 38px;justify-content:center;align-items:center;margin-top:2px;display:flex}.feature-text h3{letter-spacing:.04em;color:#fff;text-transform:uppercase;margin:0 0 4px;font-size:16px;font-weight:800}.feature-text p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}.kingdoms-showcase{border:1px solid var(--border-gold);background:linear-gradient(#0e2642d9 0%,#07182af2 100%);border-radius:14px;grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding:32px;display:grid;box-shadow:0 16px 44px #0006}.kingdoms-cards-list{flex-direction:column;gap:12px;display:flex}.kingdom-card{cursor:pointer;background:#04101cb3;border:1px solid #ffffff1a;border-radius:10px;grid-template-columns:56px 1fr auto;align-items:center;gap:16px;padding:14px 18px;transition:all .2s;display:grid}.kingdom-card:hover{background:#0e2846bf;transform:translate(4px)}.kingdom-card.norte{border-left:4px solid #3b82f6}.kingdom-card.norte:hover{border-color:#60a5fa;box-shadow:0 4px 18px #3b82f640}.kingdom-card.este{border-left:4px solid #ef4444}.kingdom-card.este:hover{border-color:#f87171;box-shadow:0 4px 18px #ef444440}.kingdom-card.sur{border-left:4px solid #10b981}.kingdom-card.sur:hover{border-color:#34d399;box-shadow:0 4px 18px #10b98140}.kingdom-card.oeste{border-left:4px solid #f59e0b}.kingdom-card.oeste:hover{border-color:#fbbf24;box-shadow:0 4px 18px #f59e0b40}.kingdom-badge-icon{border-radius:10px;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:flex;box-shadow:0 4px 12px #00000059}.norte .kingdom-badge-icon{background:linear-gradient(135deg,#1e40af,#1d4ed8);border:1px solid #60a5fa}.este .kingdom-badge-icon{background:linear-gradient(135deg,#991b1b,#b91c1c);border:1px solid #f87171}.sur .kingdom-badge-icon{background:linear-gradient(135deg,#065f46,#047857);border:1px solid #34d399}.oeste .kingdom-badge-icon{background:linear-gradient(135deg,#92400e,#b45309);border:1px solid #fbbf24}.kingdom-details h3{color:#fff;letter-spacing:.03em;margin:0 0 3px;font-size:17px;font-weight:800}.kingdom-details p{color:var(--text-secondary);margin:0 0 6px;font-size:13px}.kingdom-bonus-pill{text-transform:uppercase;color:var(--gold-light);background:#e1ad4d2e;border:1px solid #e1ad4d59;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-block}.kingdoms-map-showcase{border:2px solid var(--border-gold);background:#061424;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000080,inset 0 0 0 1px #ffffff1a}.kingdoms-map-showcase img{object-fit:cover;width:100%;height:410px;display:block}.map-tag-overlay{border:1px solid var(--border-gold);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04101ce0;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.map-tag-overlay span{color:var(--gold-light);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:800}.map-tag-overlay small{color:var(--text-muted);font-size:11px}.economy-showcase{border:1px solid var(--border-gold);background:linear-gradient(#0e2642d9 0%,#07182af2 100%);border-radius:14px;grid-template-columns:340px 1fr;align-items:center;gap:36px;padding:36px;display:grid;box-shadow:0 16px 44px #0006}.economy-monument-col{text-align:center;flex-direction:column;align-items:center;display:flex}.economy-coin-glow{background:radial-gradient(circle,#ffd98659 0%,#0000 70%);border-radius:50%;justify-content:center;align-items:center;width:250px;height:250px;margin-bottom:14px;padding:8px;display:flex;position:relative}.economy-coin-glow img{object-fit:cover;border:2px solid var(--gold-light);border-radius:50%;width:100%;height:100%;box-shadow:0 0 28px #e1ad4d73}.economy-monument-col strong{color:var(--gold-light);margin-bottom:4px;font-family:Georgia,serif;font-size:24px}.economy-monument-col span{color:var(--text-muted);font-size:13px}.economy-pillars-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.economy-pillar-card{background:#04101cb3;border:1px solid #e1ad4d47;border-radius:10px;align-items:flex-start;gap:14px;padding:18px;transition:all .2s;display:flex}.economy-pillar-card:hover{border-color:var(--border-gold-bright);background:#091c30d9;transform:translateY(-3px)}.economy-pillar-icon{height:42px;color:var(--gold-light);background:#e1ad4d26;border:1px solid #e1ad4d66;border-radius:8px;flex:0 0 42px;justify-content:center;align-items:center;display:flex}.economy-pillar-text h4{color:#fff;margin:0 0 4px;font-size:16px;font-weight:800}.economy-pillar-text p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}.war-showcase{border:1px solid var(--border-gold);background:linear-gradient(#0e2642d9 0%,#07182af2 100%);border-radius:14px;grid-template-columns:1.15fr .85fr;align-items:center;gap:32px;padding:32px;display:grid;box-shadow:0 16px 44px #0006}.war-art-frame{border:2px solid var(--border-gold);border-radius:12px;height:320px;overflow:hidden;box-shadow:0 14px 34px #00000073}.war-art-frame img{object-fit:cover;width:100%;height:100%}.war-info-col h3{color:#fff;margin:0 0 10px;font-family:Georgia,serif;font-size:26px}.war-info-col p{color:var(--text-secondary);margin:0 0 20px;font-size:14px;line-height:1.6}.war-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.war-stat-box{background:#04101cb3;border:1px solid #e1ad4d40;border-radius:8px;padding:12px 14px}.war-stat-box span{text-transform:uppercase;color:var(--text-muted);margin-bottom:2px;font-size:11px;display:block}.war-stat-box strong{color:var(--gold-light);font-family:Georgia,serif;font-size:20px;font-weight:900}.packs-showcase{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:24px;display:grid}.pack-card-premium{border:1px solid var(--border-gold);background:linear-gradient(#0e2744 0%,#07192c 100%);border-radius:14px;flex-direction:column;padding:28px 24px 24px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;box-shadow:0 14px 34px #00000059}.pack-card-premium:hover{border-color:var(--border-gold-bright);transform:translateY(-8px);box-shadow:0 20px 45px #e1ad4d40}.pack-card-premium.featured{border-color:var(--gold-primary);background:linear-gradient(#133358 0%,#092036 100%);transform:scale(1.02);box-shadow:0 0 35px #e1ad4d4d}.pack-card-premium.featured:hover{transform:scale(1.04)translateY(-8px)}.pack-featured-badge{background:var(--gold-gradient);color:#1f1402;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:5px 14px;font-size:11px;font-weight:900;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #e1ad4d80}.pack-tier-header{text-align:center;margin-bottom:14px}.pack-tier-header h3{color:#fff;margin:0 0 4px;font-family:Georgia,serif;font-size:24px}.pack-tier-header span{color:var(--gold-light);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}.pack-chest-display{justify-content:center;align-items:center;height:160px;margin-bottom:16px;padding:8px;display:flex}.pack-chest-display img{object-fit:contain;filter:drop-shadow(0 10px 16px #00000073);max-width:100%;max-height:100%;transition:transform .3s}.pack-card-premium:hover .pack-chest-display img{transform:scale(1.08)}.pack-price-tag{text-align:center;border-bottom:1px solid #ffffff1a;margin-bottom:18px;padding-bottom:14px}.pack-price-tag .amount{color:var(--gold-light);font-family:Georgia,serif;font-size:38px;font-weight:900;line-height:1}.pack-price-tag small{color:var(--text-muted);margin-top:4px;font-size:11px;display:block}.pack-perks-list{flex-direction:column;flex:1;gap:10px;margin:0 0 24px;padding:0;list-style:none;display:flex}.pack-perks-list li{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.pack-perks-list li svg{color:var(--gold-light);flex:0 0 16px}.pack-action-btn{border:1px solid var(--gold-primary);background:var(--gold-gradient);color:#241706;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border-radius:8px;width:100%;height:46px;font-size:13px;font-weight:900;transition:all .15s;box-shadow:0 4px 14px #e1ad4d59}.pack-action-btn:hover{background:var(--gold-gradient-hover);transform:translateY(-2px);box-shadow:0 6px 20px #e1ad4d80}.cta-banner{border:1px solid var(--border-gold);background:linear-gradient(90deg,#09233c 0%,#15416b 60%,#0c2b4d 100%);border-radius:14px;justify-content:space-between;align-items:center;gap:32px;margin-top:64px;padding:48px;display:flex;box-shadow:0 16px 40px #0006}.cta-banner h2{color:#fff;margin:0 0 8px;font-family:Georgia,serif;font-size:clamp(26px,3.5vw,38px)}.cta-banner p{color:var(--text-secondary);max-width:600px;margin:0;font-size:16px}.landing-footer{color:var(--text-muted);border-top:1px solid #e1ad4d33;justify-content:space-between;align-items:center;margin-top:60px;padding-top:24px;font-size:13px;display:flex}.back-to-landing-btn{color:var(--gold-light);cursor:pointer;background:#081422e6;border:1px solid #e1ad4d73;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:800;transition:all .15s;display:inline-flex}.back-to-landing-btn:hover{border-color:var(--gold-light);background:#e1ad4d40;transform:translateY(-1px)}@media (width<=1100px){.kingdoms-showcase,.economy-showcase,.war-showcase{grid-template-columns:1fr}.packs-showcase{grid-template-columns:1fr;max-width:520px;margin:0 auto}.pack-card-premium.featured{transform:none}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.landing-nav{display:none}.landing-header{padding:0 16px}.hero-banner-image{height:440px}.hero-banner-overlay{background:linear-gradient(#040f1cf5 0%,#040f1ce0 55%,#040f1c73 100%);padding:0 24px}.features-grid{grid-template-columns:1fr}.economy-showcase{padding:24px 18px}.economy-pillars-grid{grid-template-columns:1fr}.cta-banner{text-align:center;flex-direction:column;padding:32px 20px}.landing-footer{text-align:center;flex-direction:column;gap:16px}.header-logo-img{height:40px}.hero-logo-img{max-width:300px}}:root{color:#f6fbff;font-synthesis:none;text-rendering:optimizelegibility;background:#08111d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top,#18304b,#08111d 68%)}button,input{font:inherit}.game-shell{justify-content:center;min-height:100vh;padding:20px 12px;display:flex}.game-phone{background:#0d1b2a;border:1px solid #ffffff1f;border-radius:28px;flex-direction:column;width:min(100%,430px);min-height:820px;display:flex;overflow:hidden;box-shadow:0 24px 60px #00000059}.top-bar{background:linear-gradient(#101f31,#0a1624);border-bottom:1px solid #ffffff14;flex-shrink:0;padding:12px 12px 10px}.brand-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand-title-wrap{align-items:center;gap:9px;display:flex}.game-brand-logo{object-fit:contain;filter:drop-shadow(0 2px 6px #00000080);width:auto;height:32px}.eyebrow{color:#8ea6bf;letter-spacing:.12em;margin:0 0 2px;font-size:9px;font-weight:800}h1{letter-spacing:.05em;margin:0;font-size:18px;line-height:1}.top-bar-controls{align-items:center;gap:6px;display:flex}.back-to-landing-btn{color:#c4d7ec;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:700;transition:all .2s}.back-to-landing-btn:hover{color:#fff;background:#ffffff26}.btn-top-tutorial{color:#ffd65a;cursor:pointer;background:#ffd75a26;border:1px solid #ffd75a66;border-radius:8px;align-items:center;gap:4px;padding:5px 8px;font-size:10px;font-weight:800;transition:all .15s;display:flex}.btn-top-tutorial:hover{color:#fff;background:#ffd75a47}.btn-top-logout{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef444459;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.btn-top-logout:hover{color:#fff;background:#ef44444d}.resource-row{gap:5px;margin-top:9px;display:grid}.resource-row-four{grid-template-columns:repeat(4,minmax(0,1fr))}.resource-row>div{cursor:pointer;background:#ffffff0e;border:1px solid #ffffff12;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;column-gap:5px;min-width:0;padding:7px 6px;transition:background .15s;display:grid}.resource-row>div:hover{background:#ffffff17}.resource-row span,.resource-row svg{grid-row:1/span 2;align-self:center;font-size:18px}.resource-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.05;overflow:hidden}.resource-row small{color:#8fa4b8;white-space:nowrap;font-size:8px}.green-text{font-weight:700;color:#4ade80!important}.orange-text{font-weight:700;color:#fb923c!important}.red-text{font-weight:800;color:#f87171!important}.hungry-pill{animation:1.5s infinite hungerPulse;background:#ef444426!important;border-color:#ef444466!important}@keyframes hungerPulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.king-resource{background:linear-gradient(#e8a82638,#8f59092e)!important;border-color:#ffc14147!important}.king-resource svg{color:#ffc84c}.king-resource small{color:#dcb760}.map-viewport{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:#ddecf8;flex:1;height:590px;position:relative;overflow:hidden}.map-viewport:active{cursor:grabbing}.map-grid{transform-origin:0 0;will-change:transform;touch-action:none;background:#ddecf8;gap:0;display:grid;position:absolute;top:0;left:0}.tile{isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#deeffb;border:0;outline:0;width:112px;height:112px;margin:0;padding:0;position:relative;overflow:hidden}.tile:focus{outline:none}.tile .terrain-image{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;image-rendering:auto;transform-origin:50%;z-index:0;width:calc(100% + 2px);height:calc(100% + 2px);display:block;position:absolute;inset:-1px;transform:scale(1.012)}.tile:after{content:"";z-index:7;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 18px #bedef114}.tile-fallback{background:linear-gradient(145deg,#eaf7ff,#cfe6f6);place-items:center;width:100%;height:100%;font-size:38px;display:none;position:absolute;inset:0}.tile-fallback.visible{display:grid}.axis-coordinate{z-index:9;color:#123957;letter-spacing:-.04em;pointer-events:none;text-shadow:0 1px #ffffff8c;background:#f1f9ffd1;border-radius:7px;padding:4px 7px;font-size:18px;font-weight:950;line-height:1;position:absolute;bottom:7px;left:7px;box-shadow:0 1px 4px #1d4e6f2e}.tile.selected{z-index:8;box-shadow:inset 0 0 0 5px #39adff,inset 0 0 0 7px #ffffffb3}.tile.selected:after{box-shadow:inset 0 0 24px #36a9ff59}.tile-resource:before,.tile-enemy:before,.tile-mission:before,.tile-event:before{content:"";z-index:8;pointer-events:none;background:#ffffffeb;border-radius:999px;width:9px;height:9px;position:absolute;top:7px;left:7px;box-shadow:0 1px 5px #00000059}.tile-enemy:before{background:#e74b4b}.tile-mission:before{background:#61b7ff}.tile-event:before{background:#ffd65a;width:12px;height:12px;box-shadow:0 0 0 3px #ffd65a40,0 0 14px #ffd65ae6}.player-base{z-index:6}.player-base:after{box-shadow:inset 0 0 0 3px #3196ffa3,inset 0 0 24px #3196ff2e}.player-base-own{z-index:15!important;box-shadow:inset 0 0 0 4px #0f6,0 0 24px #00ff66d9!important}.player-base-own:after{content:"";pointer-events:none;z-index:8;animation:2s ease-in-out infinite ownBasePulse;position:absolute;inset:0;box-shadow:inset 0 0 15px #00ff6680,0 0 22px #00ff66d9;border:3.5px solid #0f6!important}@keyframes ownBasePulse{0%{border-color:#0f6;box-shadow:inset 0 0 10px #0f66,0 0 16px #0f69}50%{border-color:#4f8;box-shadow:inset 0 0 22px #0f6c,0 0 32px #00ff66f2}to{border-color:#0f6;box-shadow:inset 0 0 10px #0f66,0 0 16px #0f69}}.own-base-marker{z-index:14;color:#fff;pointer-events:none;white-space:nowrap;background:linear-gradient(#10b981,#047857);border:1.5px solid #a7f3d0;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;display:flex;position:absolute;top:5px;left:50%;transform:translate(-50%);box-shadow:0 3px 8px #0009,0 0 12px #10b981e6}.own-base-beacon{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite alternate beaconBlink;box-shadow:0 0 6px #fff}@keyframes beaconBlink{0%{opacity:.3;transform:scale(.7)}to{opacity:1;transform:scale(1.3)}}.own-base-tag{letter-spacing:.04em;text-shadow:0 1px 2px #000000b3;font-size:9px;font-weight:950}.map-quick-bar{z-index:24;align-items:center;gap:6px;display:flex;position:absolute;bottom:12px;left:12px}.btn-quick-base{color:#fff;cursor:pointer;background:linear-gradient(#10b981,#065f46);border:1px solid #6ee7b7;border-radius:10px;padding:6px 10px;font-size:10px;font-weight:800;transition:transform .15s;box-shadow:0 3px 10px #0006}.btn-quick-base:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-quick-center{color:#a7f3d0;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d1b2ad9;border:1px solid #fff3;border-radius:10px;padding:6px 10px;font-size:10px;font-weight:700;box-shadow:0 3px 10px #0006}.btn-quick-center:hover{color:#fff;background:#0d1b2af2}.zoom-base-btn{color:#fff!important;background:linear-gradient(#10b981,#059669)!important;font-size:15px!important;box-shadow:0 0 8px #10b98199!important}.btn-back-map{color:#c4d7ec;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;margin-left:auto;padding:5px 12px;font-size:11px;font-weight:800;transition:all .2s}.btn-back-map:hover{color:#fff;background:#fff3}.tile .base-layer{z-index:5;object-fit:contain;transform-origin:50%;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 7px 5px #172d3d52);width:106%;height:106%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gem-spawn{animation:.9s ease-out gemArrival}@keyframes gemArrival{0%{filter:brightness(1.65);transform:scale(.94)}55%{filter:brightness(1.22)}to{filter:brightness();transform:scale(1)}}.map-search{z-index:24;color:#e9f6ff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#081422e6;border:1px solid #ffffff2e;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;width:min(225px,100% - 86px);height:42px;padding:5px 6px 5px 10px;display:grid;position:absolute;top:12px;left:12px;box-shadow:0 6px 16px #122f453d}.map-search input{color:#f2f8ff;background:0 0;border:0;outline:0;min-width:0;font-size:11px;font-weight:800}.map-search input::placeholder{color:#93aabd}.map-search button{color:#fff;cursor:pointer;background:linear-gradient(#2d8fd1,#176398);border:0;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.zoom-controls{z-index:24;gap:7px;display:grid;position:absolute;top:12px;right:12px}.zoom-controls button{color:#fff;cursor:pointer;background:#081422e0;border:1px solid #ffffff29;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.gem-status{z-index:20;color:#eff8ff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#081422d6;border-radius:12px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;bottom:12px;right:12px}.gem-status div{line-height:1.1;display:grid}.gem-status strong{font-size:10px}.gem-status small{color:#a9bed0;margin-top:2px;font-size:8px}.gem-dot{color:#ffd45a;text-shadow:0 0 8px #ffd45abf;font-size:15px}.floating-marches-bar{z-index:22;pointer-events:none;flex-direction:column;gap:5px;display:flex;position:absolute;top:62px;left:12px;right:12px}.march-pill{pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#eaf4ff;background:#0b1b2deb;border:1px solid #50a0f066;border-radius:10px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:10px;display:flex;box-shadow:0 4px 12px #0000004d}.march-pill-left{align-items:center;gap:6px;display:flex}.march-pill-left strong{color:#ffd65a}.march-pill-actions{align-items:center;gap:5px;display:flex}.march-pill-cancel{color:#ff9b9b;cursor:pointer;background:#dc354540;border:1px solid #dc354580;border-radius:6px;padding:3px 6px;font-size:9px;font-weight:800;transition:all .15s}.march-pill-cancel:hover{color:#fff;background:#dc354599}.march-pill-speedup{color:#241400;cursor:pointer;background:linear-gradient(#ffd65a,#d49514);border:0;border-radius:6px;padding:3px 7px;font-size:9px;font-weight:900;transition:transform .15s,filter .15s}.march-pill-speedup:hover{filter:brightness(1.1);transform:translateY(-1px)}.march-pill.returning{background:#2b1055f2;border:1px solid #c084fc99;box-shadow:0 4px 14px #a855f74d}.march-pill.gathering{background:#0c3c28f2;border:1px solid #34d39999}.march-phase-tag{text-transform:uppercase;border-radius:4px;margin:0 4px;padding:1px 5px;font-size:8px;font-weight:800;display:inline-block}.march-pill.returning .march-phase-tag{color:#e9d5ff;background:#a855f74d;border:1px solid #a855f780}.march-pill.gathering .march-phase-tag{color:#a7f3d0;background:#10b9814d;border:1px solid #10b98180}.march-pill:not(.returning):not(.gathering) .march-phase-tag{color:#bfdbfe;background:#3b82f64d;border:1px solid #3b82f680}.tile-popup{z-index:30;color:#eef8ff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#0b2338f7,#071726fa);border:1px solid #53aae280;border-radius:18px;grid-template-columns:78px minmax(0,1fr);gap:11px;padding:14px 14px 13px;display:grid;position:absolute;bottom:14px;left:12px;right:12px;box-shadow:0 18px 40px #00000059,inset 0 0 0 1px #ffffff09}.popup-close{color:#d8e9f7;cursor:pointer;background:#ffffff12;border:0;border-radius:9px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:9px;right:9px}.popup-art{background:linear-gradient(145deg,#e6f6ff24,#4877971a);border:1px solid #ffffff14;border-radius:13px;align-self:start;place-items:center;width:78px;height:78px;display:grid;overflow:hidden}.popup-art img{object-fit:contain;filter:drop-shadow(0 4px 4px #00000038);width:94%;height:94%}.popup-copy{min-width:0;padding-right:26px}.popup-copy small{color:#78b9e4;letter-spacing:.04em;margin-bottom:2px;font-size:9px;font-weight:900;display:block}.popup-copy h2{margin:0;font-size:17px;line-height:1.08}.popup-copy strong{color:#ffcf56;margin-top:2px;font-size:11px;display:block}.popup-copy p{color:#a9bdcc;margin:5px 0 0;font-size:10px;line-height:1.3}.popup-action{color:#2a1b06;cursor:pointer;background:linear-gradient(#ffd65a,#eaa221);border:1px solid #ffd25b7a;border-radius:11px;grid-column:1/-1;height:40px;margin-top:2px;font-size:11px;font-weight:950;box-shadow:inset 0 1px #ffffff73}.notice-bar{color:#c9d9e7;text-align:center;background:#0a1826;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:center;align-items:center;gap:10px;min-height:38px;padding:7px 12px;font-size:9px;font-weight:700;display:flex}.notice-bar span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.bottom-nav{background:linear-gradient(#0b1928,#07111d);border-top:1px solid #ffffff1a;flex-shrink:0;grid-template-columns:repeat(5,1fr);gap:4px;padding:7px 6px 9px;display:grid}.bottom-nav button{color:#d8e7f5;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;align-content:end;justify-items:center;gap:0;min-width:0;min-height:84px;padding:2px 2px 7px;display:grid;position:relative;overflow:hidden}.bottom-nav .nav-art{object-fit:contain;filter:drop-shadow(0 4px 4px #00000059);width:calc(100% - 4px);height:calc(100% - 18px);transition:transform .15s,filter .15s;display:block;position:absolute;inset:2px 2px 16px}.bottom-nav button span{z-index:2;text-transform:uppercase;text-shadow:0 1px 3px #000000e6;font-size:8px;font-weight:950;line-height:1;position:relative}.bottom-nav button.active{color:#fff;background:linear-gradient(#1b78c9b8,#104475e0);border-color:#4bb7ffb8;box-shadow:inset 0 0 0 1px #ffffff1f,0 0 12px #2c97eb3d}.bottom-nav button.active .nav-art{filter:drop-shadow(0 4px 4px #0006)brightness(1.08);transform:translateY(-1px)scale(1.06)}.view-panel{color:#e6f1fc;background:#0a1727;flex-direction:column;flex:1;gap:12px;padding:12px;display:flex;overflow-y:auto}.panel-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:10px;padding-bottom:8px;display:flex}.view-mode-toggle{background:#0d1e31;border-bottom:1px solid #ffffff14;flex-shrink:0;grid-template-columns:1fr 1fr;gap:6px;padding:6px 12px;display:grid}.mode-btn{color:#a0bed8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:11px;font-weight:800;transition:all .2s;display:flex}.mode-btn:hover{color:#fff;background:#ffffff1a}.mode-btn.active{color:#fff;background:linear-gradient(#1f7cc4,#12558c);border-color:#64b5f6;box-shadow:0 2px 8px #0006,inset 0 1px #ffffff40}.panel-title-wrap{align-items:center;gap:10px;display:flex}.panel-icon{color:#4bacff;width:28px;height:28px}.panel-icon.gold{color:#ffd359}.panel-title-wrap h2{margin:0;font-size:16px;font-weight:900}.panel-title-wrap p{color:#8ea8c4;margin:2px 0 0;font-size:9px}.sub-tabs{background:#ffffff0a;border-radius:10px;gap:6px;padding:4px;display:flex}.sub-tabs button{color:#9ab3cb;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:7px 4px;font-size:10px;font-weight:800;transition:all .2s}.sub-tabs button.active{color:#fff;background:#1b4b75;box-shadow:0 2px 6px #0000004d}.citadel-hub-card{background:radial-gradient(circle at 50% 0,#17324d,#0b1a2a);border:1px solid #ffd65a40;border-radius:16px;padding:12px;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000073}.citadel-hub-card:before{content:"";background:linear-gradient(90deg,#0000,#ffd65a,#0000);height:2px;position:absolute;top:0;left:0;right:0}.citadel-hub-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.citadel-badge{letter-spacing:.1em;color:#ffd65a;font-size:8px;font-weight:900;display:block}.citadel-hub-title h3{color:#fff;margin:2px 0 0;font-size:14px;font-weight:900}.citadel-power-tag{color:#ffd65a;background:#ffd65a1f;border:1px solid #ffd65a4d;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;display:flex}.citadel-layout-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.citadel-building-slot{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;transition:all .2s;display:flex;position:relative;overflow:hidden}.citadel-building-slot:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-2px)}.citadel-building-slot.selected{background:linear-gradient(#ffd65a26,#0f1e30cc);border-color:#ffd65a;box-shadow:0 0 10px #ffd65a4d}.citadel-building-slot.upgrading{border-color:#3bb3ff;animation:1.8s ease-in-out infinite slotPulse}@keyframes slotPulse{0%{box-shadow:0 0 4px #3bb3ff66}50%{box-shadow:0 0 14px #3bb3ffd9}to{box-shadow:0 0 4px #3bb3ff66}}.slot-icon-wrap{justify-content:center;align-items:center;display:flex;position:relative}.slot-emoji{filter:drop-shadow(0 2px 4px #00000080);font-size:22px}.slot-hammer-pulse{font-size:11px;animation:.8s ease-in-out infinite alternate hammerTilt;position:absolute;top:-6px;right:-8px}@keyframes hammerTilt{0%{transform:rotate(-20deg)}to{transform:rotate(20deg)}}.slot-text-wrap{flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}.slot-name{color:#c4d7ec;white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:90%;font-size:8px;overflow:hidden}.slot-lvl-badge{color:#79c5ff;background:#0d2640cc;border:1px solid #79c5ff4d;border-radius:4px;padding:1px 4px;font-size:8px;font-weight:900}.slot-lvl-badge.max{color:#ffd65a;background:#2d2209cc;border-color:#ffd65a66}.slot-mini-progress{background:#00000080;border-radius:999px;width:90%;height:3px;margin-top:2px;overflow:hidden}.slot-mini-bar{background:#3bb3ff;border-radius:999px;height:100%;transition:width .3s}.castle-progression-tracker{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:8px 10px}.tracker-header{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:9px;display:flex}.tracker-header span{color:#8ea8c4}.tracker-header strong{color:#ffd65a}.tracker-pills-row{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.tracker-pill{text-align:center;border-radius:6px;padding:3px 2px;font-size:8px;font-weight:800}.tracker-pill.ready{color:#a3e9b4;background:#28a74533;border:1px solid #28a74566}.tracker-pill.pending{color:#8da4be;background:#ffffff0d;border:1px solid #ffffff1a}.stat-comparison-grid{background:#00000040;border-radius:10px;grid-template-columns:repeat(2,1fr);gap:6px;margin:6px 0;padding:8px;display:grid}.comparison-column{flex-direction:column;gap:4px;display:flex}.comparison-column.current small{color:#7f9bb8}.comparison-column.next small{color:#79c5ff}.stat-row-item{justify-content:space-between;font-size:9px;display:flex}.stat-row-item small{font-size:8px}.stat-row-item strong{color:#e6f1fc}.stat-row-item strong.highlight{color:#ffd65a}.cost-pills-row{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.cost-pill{border-radius:6px;align-items:center;gap:3px;padding:3px 7px;font-size:9px;font-weight:800;display:flex}.cost-pill.sufficient{color:#a3e9b4;background:#28a74526;border:1px solid #28a74559}.cost-pill.insufficient{color:#ff9b9b;background:#dc354533;border:1px solid #dc354566}.cost-pill.time-pill{color:#c4d7ec;background:#ffffff0f;border:1px solid #ffffff1f;margin-left:auto}.upgrade-action-btn{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px;font-size:11px;font-weight:900;transition:all .2s;display:flex}.upgrade-action-btn.ready{color:#fff;background:linear-gradient(#28a745,#1e7e34);box-shadow:0 3px 10px #28a74559}.upgrade-action-btn.ready:hover{filter:brightness(1.1);transform:translateY(-1px)}.upgrade-action-btn.disabled{color:#7b94ad;cursor:not-allowed;background:#ffffff14;border:1px solid #ffffff1a}.upgrade-action-btn.max-level{color:#271600;cursor:default;background:linear-gradient(#ffd65a,#cb8e11)}.upgrade-action-btn.working{color:#79c5ff;background:#3bb3ff26;border:1px solid #3bb3ff}.barracks-alert-box{background:linear-gradient(#dc354540,#8a1c274d);border:1px solid #dc354573;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.alert-icon-big{color:#ff6b6b;flex-shrink:0}.alert-copy{flex:1}.alert-copy strong{color:#ff8e8e;font-size:12px;display:block}.alert-copy p{color:#d6e2ed;margin:2px 0 0;font-size:9px}.btn-build-barracks{color:#271800;cursor:pointer;white-space:nowrap;background:#ffc107;border:0;border-radius:8px;padding:6px 12px;font-size:10px;font-weight:900}.barracks-perks-row{color:#8faec9;background:#0003;border-radius:6px;justify-content:space-between;margin-top:6px;padding:4px 8px;font-size:9px;display:flex}.barracks-perks-row strong{color:#ffd65a}.builder-card{background:#ffffff0d;border:1px solid #ffffff17;border-radius:14px;padding:10px 12px}.builder-card.busy{background:linear-gradient(#202d3ecc,#141f2dcc);border-color:#ffc44466}.builder-header{justify-content:space-between;align-items:center;font-size:11px;display:flex}.builder-header .badge{background:#ffffff1a;border-radius:6px;padding:2px 7px;font-size:9px;font-weight:800}.builder-idle-text{color:#7f99b2;margin:6px 0 0;font-size:10px}.builder-active-body p{margin:6px 0 4px;font-size:11px}.progress-bar-wrap{background:#0006;border-radius:999px;height:6px;margin:6px 0;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3bb3ff,#ffcb52);border-radius:999px;height:100%;transition:width .3s}.builder-actions{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.timer-text{color:#ffd65a;font-size:10px;font-weight:800}.speedup-btn{color:#271600;cursor:pointer;background:linear-gradient(#ffc84c,#c9880f);border:0;border-radius:7px;align-items:center;gap:4px;padding:4px 9px;font-size:10px;font-weight:900;display:inline-flex}.buildings-grid{flex-direction:column;gap:10px;display:flex}.building-card{background:#ffffff0a;border:1px solid #ffffff12;border-radius:14px;padding:10px 12px}.building-card.building-active-work{border-color:#3bb3ff;box-shadow:0 0 10px #3bb3ff33}.building-card-top{align-items:flex-start;gap:10px;display:flex}.building-emoji{font-size:26px}.building-info{flex:1}.building-title-row{justify-content:space-between;align-items:center;display:flex}.building-title-row h3{margin:0;font-size:13px}.building-level{color:#79c5ff;background:#173859;border-radius:6px;padding:2px 7px;font-size:9px;font-weight:800}.building-desc{color:#8ea8bf;margin:3px 0 0;font-size:9px;line-height:1.25}.building-stats-box{background:#00000038;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:5px;margin:8px 0;padding:6px 8px;display:grid}.stat-item small{color:#7f99b2;font-size:8px;display:block}.stat-item strong{color:#ffd65a;font-size:10px}.upgrade-section{flex-direction:column;gap:6px;margin-top:4px;display:flex}.upgrade-cost-row{color:#c0d4e7;gap:8px;font-size:9px;font-weight:700;display:flex}.upgrade-time{color:#9bb3cb;margin-left:auto}.upgrade-btn{color:#fff;cursor:pointer;background:linear-gradient(#2b84cf,#175487);border:0;border-radius:8px;justify-content:center;align-items:center;gap:5px;height:32px;font-size:10px;font-weight:900;display:flex}.upgrade-btn:disabled{opacity:.5;cursor:not-allowed}.upgrade-blocked{color:#ff9d9d;background:#dc323226;border:1px solid #dc32324d;border-radius:7px;align-items:center;gap:6px;padding:5px 8px;font-size:9px;display:flex}.max-level-badge{color:#7ce3a2;background:#50c8781f;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:6px;font-size:10px;font-weight:800;display:flex}.hunger-banner{color:#ffe0e0;background:linear-gradient(#571616,#3d0c0c);border:1px solid #e74b4b;border-radius:12px;align-items:center;gap:9px;padding:9px 12px;display:flex}.hunger-banner strong{color:#ff8e8e;font-size:11px;display:block}.hunger-banner small{color:#ffd0d0;font-size:9px;line-height:1.2;display:block}.logistics-card{background:#ffffff0a;border:1px solid #ffffff12;border-radius:12px;padding:10px 12px}.logistics-row{text-align:center;grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.logistics-row small{color:#8fa5ba;font-size:8px;display:block}.logistics-row strong{font-size:11px}.logistics-row .food-cost{color:#ff8e8e}.logistics-row .penalty-active{color:#ffb833}.logistics-progress-bar{background:#0006;border-radius:999px;height:5px;margin-top:8px;overflow:hidden}.logistics-progress-fill{background:#39b1ff;border-radius:999px;height:100%;transition:width .3s}.logistics-progress-fill.overflow{background:#e74b4b}.troops-cards-container{flex-direction:column;gap:12px;display:flex}.troop-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:10px;overflow:hidden}.troop-card.locked{opacity:.65}.troop-card-inner{grid-template-columns:88px 1fr;gap:10px;display:grid}.troop-art-frame{background:radial-gradient(circle,#1a3652,#0d1e30);border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:88px;height:115px;display:flex;position:relative;overflow:hidden}.troop-illustration{object-fit:cover;width:100%;height:100%}.troop-line-badge{text-align:center;color:#ffd65a;background:#000000b3;border-radius:4px;padding:2px;font-size:7px;font-weight:900;position:absolute;bottom:4px;left:4px;right:4px}.troop-details{flex-direction:column;gap:4px;display:flex}.troop-header-row{justify-content:space-between;align-items:center;display:flex}.troop-header-row h3{margin:0;font-size:13px}.troop-owned-badge{color:#92b1cd;font-size:9px}.troop-owned-badge strong{color:#ffd65a}.troop-desc{color:#8fa5bb;margin:0;font-size:9px;line-height:1.25}.troop-stats-grid{background:#00000040;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:4px;margin:3px 0;padding:5px;display:grid}.troop-stats-grid div{font-size:9px}.troop-stats-grid small{color:#7f99b2;font-size:7px;display:block}.troop-stats-grid strong{font-size:9px}.quantity-selector{align-items:center;gap:8px;display:flex}.quantity-selector button{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:5px;padding:2px 7px;font-size:9px}.quantity-selector span{color:#ffd65a;font-size:10px;font-weight:800}.troop-costs-row{color:#b7cbde;gap:7px;margin-top:3px;font-size:9px;display:flex}.time-badge{color:#8eb2d4;margin-left:auto}.recruit-btn{color:#271600;cursor:pointer;background:linear-gradient(#ffd359,#cb8e11);border:0;border-radius:7px;width:100%;height:28px;margin-top:5px;font-size:10px;font-weight:900}.troop-locked-box{color:#8ea8c0;background:#ffffff0d;border-radius:7px;align-items:center;gap:6px;padding:6px;font-size:9px;display:flex}.quantity-selector{background:#0006;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:5px;padding:3px 6px;display:flex}.quantity-selector button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;min-width:28px;height:26px;padding:0 6px;font-size:11px;font-weight:800;transition:all .15s}.quantity-selector button:hover:not(:disabled){color:#fff;background:#4bacff4d;border-color:#4bacff}.quantity-selector button:disabled{opacity:.4;cursor:not-allowed}.quantity-selector .btn-max-qty{color:#fff;background:linear-gradient(#ff9800,#e65100);border-color:#ffb74d;padding:0 8px;font-size:10px}.quantity-selector .btn-max-qty:hover{background:linear-gradient(#ffa726,#ef6c00)}.qty-number{color:#ffd65a;text-align:center;min-width:44px;font-size:12px;font-weight:800}.hero-content{flex-direction:column;gap:12px;padding:10px;display:flex}.hero-sanctuary-card{background:linear-gradient(#10253d,#091626);border:1px solid #ffd65a4d;border-radius:14px;flex-direction:column;gap:12px;padding:14px;display:flex;box-shadow:0 8px 24px #00000080}.hero-sanctuary-header{align-items:center;gap:14px;display:flex}.hero-avatar-frame{background:radial-gradient(circle,#ffd65a4d 0%,#0a192de6 80%);border:2px solid #ffd65a;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex;position:relative;box-shadow:0 0 16px #ffd65a66}.hero-avatar-icon{filter:drop-shadow(0 2px 4px #000c);font-size:32px}.hero-rank-tag{color:#fff;background:#e74b4b;border:1px solid #ff8a80;border-radius:4px;padding:1px 5px;font-size:8px;font-weight:900;position:absolute;bottom:-6px}.hero-sanctuary-title{flex:1}.hero-name-row{justify-content:space-between;align-items:center;display:flex}.hero-name-row h3{color:#fff;margin:0;font-size:15px}.hero-badge{color:#ffd65a;background:#ffd65a26;border:1px solid #ffd65a4d;border-radius:5px;padding:2px 6px;font-size:9px;font-weight:800}.hero-perk-text{color:#8fa8c2;margin:3px 0 6px;font-size:9px;line-height:1.3}.hero-energy-orbs-wrap{align-items:center;gap:8px;display:flex}.energy-label{color:#cbd8e6;font-size:9px;font-weight:700}.energy-orbs-row{gap:5px;display:flex}.energy-orb{color:#567;background:#0006;border:1px solid #ffffff26;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.energy-orb.charged{color:#2b1700;background:radial-gradient(circle,#ffd65a 0%,#ff8f00 80%);border-color:#ffd65a;animation:2s infinite pulse-orb;box-shadow:0 0 8px #ffd65a99}@keyframes pulse-orb{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.energy-cooldown-text{color:#8fa8c2;margin-left:4px;font-size:8px}.hero-live-mission-card{background:#00000059;border:1px solid #4bacff4d;border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex}.live-mission-top{justify-content:space-between;align-items:center;display:flex}.live-mission-title{align-items:center;gap:8px;display:flex}.live-compass-icon{color:#4bacff}.live-mission-title strong{color:#fff;font-size:11px;display:block}.live-mission-title small{color:#8fa8c2;font-size:8px}.live-mission-timer{color:#ffd65a;font-size:11px;font-weight:800}.hero-progress-track{background:#0006;border:1px solid #ffffff1a;border-radius:999px;height:8px;overflow:hidden}.hero-progress-bar{background:linear-gradient(90deg,#4bacff,#ffd65a);border-radius:999px;height:100%;transition:width .3s}.live-mission-actions{justify-content:space-between;align-items:center;display:flex}.live-mission-actions small{color:#8fa8c2;font-size:8px}.hero-speed-btn{color:#2b1700;cursor:pointer;background:linear-gradient(#ffd65a,#f59e0b);border:0;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:9px;font-weight:900;display:flex}.hero-idle-state{color:#8fa8c2;background:#ffffff08;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:9px;display:flex}.hero-idle-state .sparkle-icon{color:#ffd65a}.missions-section-title{color:#a4c2de;margin:4px 0 0;font-size:11px}.hero-missions-grid{flex-direction:column;gap:8px;display:flex}.hero-mission-gaming-card{background:#0e1e30b3;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;transition:border-color .2s;display:flex}.hero-mission-gaming-card:hover{border-color:#ffd65a4d}.hero-mission-gaming-card.special-drop{background:linear-gradient(#ffd65a0d,#0e1e30cc);border-color:#ffd65a40}.mission-gaming-header{justify-content:space-between;align-items:flex-start;display:flex}.mission-title-group h5{color:#fff;margin:0;font-size:12px}.mission-title-group p{color:#8fa8c2;margin:2px 0 0;font-size:8px}.mission-energy-cost-badge{color:#ffd65a;background:#ffd65a26;border:1px solid #ffd65a4d;border-radius:5px;align-items:center;gap:3px;padding:2px 6px;font-size:9px;font-weight:800;display:flex}.mission-stats-chips{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.stat-chip{background:#0000004d;border:1px solid #ffffff0d;border-radius:6px;flex-direction:column;align-items:center;padding:4px;display:flex}.stat-chip span{color:#8fa8c2;font-size:7px}.stat-chip strong{color:#cbd8e6;margin-top:1px;font-size:9px}.stat-chip strong.green-chip{color:#81c784}.stat-chip.king-chip{border-color:#ffd65a40}.stat-chip.king-chip strong{color:#ffd65a}.mission-launch-btn{color:#fff;cursor:pointer;background:linear-gradient(#2b84cf,#175487);border:0;border-radius:7px;width:100%;padding:8px;font-size:10px;font-weight:800;transition:all .2s}.mission-launch-btn:hover:not(:disabled){background:linear-gradient(#3895e6,#1c629d)}.mission-launch-btn.disabled,.mission-launch-btn:disabled{opacity:.5;cursor:not-allowed;background:#25384d}.reports-content{flex-direction:column;gap:10px;padding:10px;display:flex}.reports-header-row{justify-content:space-between;align-items:center;display:flex}.reports-title-wrap{color:#4bacff;align-items:center;gap:8px;display:flex}.reports-title-wrap h3{color:#fff;margin:0;font-size:13px}.reports-title-wrap small{color:#8fa8c2;font-size:8px}.reports-counter{color:#8fa8c2;background:#ffffff0f;border-radius:5px;padding:2px 7px;font-size:9px}.no-reports-card{text-align:center;background:#0003;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:36px 16px;display:flex}.empty-scroll-icon{color:#7f99b3;opacity:.6}.no-reports-card h4{color:#fff;margin:0;font-size:13px}.no-reports-card p{color:#8fa8c2;max-width:260px;margin:0;font-size:10px;line-height:1.3}.report-item-card:hover{background:#142a44d9;border-color:#4bacff4d}.report-badge-result{border-radius:4px;padding:3px 6px;font-size:8px;font-weight:900}.report-item-card.victory .report-badge-result{color:#81c784;background:#4caf5033}.report-item-card.defeat .report-badge-result{color:#ff8a80;background:#f4433633}.report-item-card.gather .report-badge-result{color:#4ade80;background:#4ade8033}.report-item-card.reinforce .report-badge-result{color:#38bdf8;background:#38bdf833}.report-item-card.gather{border-left:4px solid #4ade80!important}.report-item-card.reinforce{border-left:4px solid #38bdf8!important}.report-modal-header.gather{background:linear-gradient(135deg,#4ade8040,#081422f2)!important;border-bottom:2px solid #4ade80!important}.report-modal-header.reinforce{background:linear-gradient(135deg,#38bdf840,#081422f2)!important;border-bottom:2px solid #38bdf8!important}.report-header-icon.gather{color:#4ade80}.report-header-icon.reinforce{color:#38bdf8}.green-cas{font-weight:700;color:#4ade80!important}.blue-cas{font-weight:700;color:#38bdf8!important}.blue-val{font-size:14px;font-weight:900;color:#38bdf8!important}.reinforce-details-card{background:#38bdf814;border:1px solid #38bdf840;border-radius:8px;flex-direction:column;gap:4px;padding:8px 12px;display:flex}.reinforce-ally-meta{justify-content:space-between;font-size:11px;display:flex}.reinforce-ally-meta strong{color:#a4c2de}.reinforce-ally-meta span{color:#38bdf8;font-weight:800}.reinforce-banner-card{background:#38bdf81f;border:1px solid #38bdf859;border-radius:10px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;display:flex}.shield-blue-icon{color:#38bdf8;flex-shrink:0}.reinforce-banner-card strong{color:#38bdf8;font-size:11px;display:block}.reinforce-banner-card p{color:#c4d7ec;margin:2px 0 0;font-size:9px;line-height:1.3}.dispatch-submit-btn.reinforce-btn-submit{background:linear-gradient(#0284c7,#0369a1);box-shadow:0 4px 14px #0284c766}.dispatch-submit-btn.reinforce-btn-submit:hover{background:linear-gradient(#0369a1,#075985)}.report-info{flex:1}.report-info strong{color:#fff;font-size:11px;display:block}.report-mini-meta{color:#8fa8c2;gap:8px;margin-top:2px;font-size:8px;display:flex}.report-mini-meta .red-cas{color:#ff8a80}.report-mini-meta .gold-drop{color:#ffd65a;font-weight:800}.report-arrow{color:#7f99b3}.no-reports-box{text-align:center;color:#6d8ba7}.no-reports-box p{color:#9bb3ca;margin:8px 0 2px;font-size:12px}.no-reports-box small{font-size:9px}.reports-list{flex-direction:column;gap:8px;display:flex}.report-item-card{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:10px;padding:9px 12px;transition:background .15s;display:flex}.report-item-card:hover{background:#ffffff14}.report-item-card.victory{border-left:4px solid #43c77d}.report-item-card.defeat{border-left:4px solid #e74b4b}.report-badge-col strong{font-size:11px;display:block}.report-item-card.victory .report-badge-col strong{color:#43c77d}.report-item-card.defeat .report-badge-col strong{color:#e74b4b}.report-badge-col small{color:#7f99b3;font-size:8px}.report-info-col{flex:1;min-width:0}.report-info-col h4{margin:0;font-size:11px}.report-info-col p{color:#8fa9c2;margin:2px 0 0;font-size:9px}.loot-preview{color:#ffd65a;margin-top:2px;font-size:8px;display:block}.view-report-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:6px;padding:4px 8px;font-size:9px}.clan-profile-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;padding:12px}.clan-profile-top{align-items:center;gap:10px;display:flex}.clan-crest{font-size:32px}.clan-profile-info{flex:1}.clan-name-row{align-items:center;gap:6px;display:flex}.clan-name-row h3{margin:0;font-size:13px}.clan-tag{color:#201300;background:#ffd65a;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:900}.clan-profile-info p{color:#8fa8c0;margin:2px 0 0;font-size:9px}.clan-quick-stats{text-align:center;background:#00000040;border-radius:9px;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:9px;padding:7px;display:grid}.clan-quick-stats small{color:#7f9bb6;font-size:7px;display:block}.clan-quick-stats strong{color:#ffd65a;font-size:10px}.kingdoms-selector{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.kingdoms-selector button{color:#9cb5ce;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;padding:7px 4px;font-size:9px;font-weight:800}.kingdoms-selector button.active{color:#fff;background:linear-gradient(#1b4b75,#113454);border-color:#4bacff}.kingdom-detail-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}.kingdom-header-row{justify-content:space-between;align-items:center;display:flex}.kingdom-header-row h3{margin:0;font-size:14px}.kingdom-header-row small{color:#8fa8c2;font-size:9px}.crown-icon{color:#ffd65a}.capital-box{background:linear-gradient(#ffd65a14,#0000004d);border:1px solid #ffd65a4d;border-radius:12px;padding:10px}.capital-title-row{justify-content:space-between;align-items:center;display:flex}.capital-name-wrap{align-items:center;gap:8px;display:flex}.capital-name-wrap strong{font-size:12px}.capital-name-wrap small{color:#9bb4cb;font-size:8px;display:block}.king-title-badge{color:#2b1700;background:#ffd65a;border-radius:5px;padding:2px 6px;font-size:9px;font-weight:900}.capital-rules-text{color:#8fa9c2;margin:6px 0;font-size:9px;line-height:1.3}.rally-btn{color:#fff;cursor:pointer;background:linear-gradient(#e74b4b,#af2525);border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;width:100%;height:30px;font-size:10px;font-weight:800;display:flex}.fortress-section-title{color:#a2bcd6;margin:4px 0 0;font-size:11px}.fortresses-grid{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.fortress-card{background:#00000040;border:1px solid #ffffff0f;border-radius:10px;padding:8px}.fortress-top{justify-content:space-between;align-items:center;font-size:10px;display:flex}.fortress-coord{color:#7f99b3;font-size:8px}.fortress-clan{color:#8ea7c0;margin:4px 0;font-size:8px}.fortress-reward-row{margin-bottom:6px;font-size:8px}.fortress-reward-row strong{color:#ffd65a;font-size:10px;display:block}.fortress-reward-row small{color:#8fa8c0}.fortress-attack-btn{color:#fff;cursor:pointer;background:#17426b;border:0;border-radius:6px;width:100%;height:24px;font-size:9px;font-weight:800}.tax-info-box{color:#8fa9c3;background:#ffffff08;border-radius:10px;gap:8px;padding:8px 10px;font-size:9px;line-height:1.3;display:flex}.tax-info-box strong{color:#ffd65a;margin-bottom:2px;display:block}.treasury-grid{flex-direction:column;gap:10px;display:flex}.treasury-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;padding:12px}.treasury-card .card-top{justify-content:space-between;align-items:center;display:flex}.treasury-card .card-top small{color:#8ea9c4;font-size:10px;font-weight:800}.treasury-card .badge{background:#ffffff1a;border-radius:5px;padding:2px 6px;font-size:8px}.treasury-card .badge-gold{color:#241400;background:#ffd65a;border-radius:5px;padding:2px 7px;font-size:9px;font-weight:900}.treasury-card .badge-secure{color:#072613;background:#41c77f;border-radius:5px;padding:2px 7px;font-size:9px;font-weight:900}.amount-row{align-items:baseline;gap:6px;margin:6px 0;display:flex}.amount-row h3{color:#ffd65a;margin:0;font-size:24px;font-weight:900}.amount-row .vault-val{color:#50dd8f}.amount-row .unit{color:#8faac4;font-size:11px}.card-hint{color:#7f9bb7;margin:0 0 8px;font-size:9px}.claim-btn{color:#241400;cursor:pointer;background:linear-gradient(#ffd359,#cb8e11);border:0;border-radius:8px;width:100%;height:32px;font-size:10px;font-weight:900}.claim-btn:disabled{opacity:.5;cursor:not-allowed}.split-status-row{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px;display:grid}.split-box{background:#00000040;border-radius:10px;padding:8px}.split-box.protected{border:1px solid #50dc8c4d}.split-box.exposed{border:1px solid #ff78784d}.split-header{align-items:center;gap:5px;font-size:10px;display:flex}.split-box.protected .split-header{color:#50dd8f}.split-box.exposed .split-header{color:#ff8b8b}.split-box h3{margin:4px 0 2px;font-size:16px;font-weight:900}.split-box small{color:#7f99b3;font-size:8px;line-height:1.2;display:block}.withdraw-box{background:#00000038;border-radius:10px;margin-top:10px;padding:10px}.withdraw-input-row{align-items:center;gap:6px;font-size:10px;display:flex}.withdraw-input-row input{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;flex:1;padding:4px 8px;font-size:11px}.max-btn{color:#fff;cursor:pointer;background:#17426b;border:0;border-radius:6px;padding:4px 8px;font-size:9px;font-weight:800}.fee-breakdown{background:#00000040;border-radius:6px;margin:8px 0;padding:6px 8px;font-size:9px}.fee-line,.net-receive{justify-content:space-between;display:flex}.fee-line strong{color:#ff8e8e}.fee-subdetails{color:#7f99b3;margin:2px 0 4px;font-size:8px}.net-receive strong{color:#50dd8f}.withdraw-btn{color:#fff;cursor:pointer;background:linear-gradient(#339cee,#1b629c);border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;height:32px;font-size:10px;font-weight:800;display:flex}.withdraw-btn:disabled{opacity:.5;cursor:not-allowed}.farming-overview-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;padding:12px}.farming-overview-card h3{margin:0;font-size:13px}.farming-overview-card p{color:#8fa9c4;margin:4px 0 8px;font-size:9px;line-height:1.3}.farming-metrics-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.metric-box{text-align:center;background:#00000040;border-radius:8px;padding:7px}.metric-box small{color:#7f9bb7;font-size:7px;display:block}.metric-box strong{font-size:11px}.reward-est{color:#ffd65a!important}.halving-card,.ranking-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;padding:12px}.halving-card h4,.ranking-card h4{margin:0 0 8px;font-size:11px}.halving-table{flex-direction:column;gap:4px;font-size:9px;display:flex}.table-header,.table-row{border-radius:6px;grid-template-columns:1.2fr 1fr 1fr;padding:5px 8px;display:grid}.table-header{color:#7f9cb7;font-weight:800}.table-row{background:#0003}.table-row.current{background:#286eb433;border:1px solid #50b4ff66}.daily-val{color:#ffd65a}.ranking-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.ranking-card-header{justify-content:space-between;align-items:center;display:flex}.ranking-title-wrap{align-items:center;gap:6px;display:flex}.ranking-title-wrap h4{color:#fff;margin:0;font-size:11px;font-weight:800}.ranking-pool-tag{color:#ffd65a;background:#ffd75a26;border:1px solid #ffd75a59;border-radius:6px;padding:2px 6px;font-size:8px;font-weight:800}.ranking-meta-box{background:#0000004d;border:1px solid #38bdf840;border-radius:8px;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.ranking-meta-box .meta-item{color:#38bdf8;align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.ranking-meta-box .meta-sub small{color:#94a3b8;font-size:8px}.ranking-prizes-row{gap:5px;display:flex}.rank-prize-badge{text-align:center;background:#0000004d;border:1px solid #ffffff12;border-radius:8px;flex-direction:column;flex:1;gap:2px;padding:6px 3px;display:flex}.rank-prize-badge span{color:#cbd5e1;font-size:8px;font-weight:700;display:block}.rank-prize-badge strong{color:#ffd65a;font-size:10px}.rank-prize-badge small{color:#38bdf8;font-size:7px;font-weight:800}.ranking-expl-footer{color:#64748b;font-size:8px;line-height:1.35}.shield-status-box{border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.shield-status-box.protected{color:#79e3a6;background:#41c77f26;border:1px solid #41c77f66}.shield-status-box.unshielded{color:#ff9b9b;background:#e6505026;border:1px solid #e6505066}.shield-status-box strong{font-size:11px;display:block}.shield-status-box small{margin-top:2px;font-size:8px;display:block}.store-section-title{color:#8ea8c2;margin:8px 0 4px;font-size:11px}.store-grid{flex-direction:column;gap:6px;display:flex}.store-card{background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.store-icon{font-size:20px}.store-card-info{flex:1}.store-card-info strong{font-size:10px;display:block}.store-card-info small{color:#8fa9c4;font-size:8px}.buy-king-btn{color:#271600;cursor:pointer;background:linear-gradient(#ffd359,#cb8e11);border:0;border-radius:7px;padding:5px 10px;font-size:9px;font-weight:900}.buy-king-btn:disabled{opacity:.5;cursor:not-allowed}.founder-packs-grid{flex-direction:column;gap:10px;display:flex}.pack-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:85px 1fr;gap:10px;padding:10px;display:grid}.pack-img-frame{background:#0000004d;border-radius:10px;width:85px;height:85px;overflow:hidden}.pack-img-frame img{object-fit:contain;width:100%;height:100%}.pack-top{justify-content:space-between;align-items:center;display:flex}.pack-top h4{margin:0;font-size:11px}.pack-price{color:#ffd65a;font-size:11px;font-weight:900}.pack-perks{color:#9bb3ca;margin:4px 0 6px;padding-left:14px;font-size:8px;line-height:1.3}.buy-pack-btn{color:#fff;cursor:pointer;background:linear-gradient(#2b84cf,#175487);border:0;border-radius:6px;width:100%;height:26px;font-size:9px;font-weight:800}.p2p-info-banner{background:#50b4ff1a;border:1px solid #50b4ff4d;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:9px;display:flex}.p2p-info-banner strong{color:#79c5ff;font-size:10px;display:block}.orderbook-preview{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.order-column{background:#00000040;border-radius:10px;padding:8px}.order-column h5{text-align:center;margin:0 0 6px;font-size:10px}.buy-orders h5{color:#50dd8f}.sell-orders h5{color:#ff8b8b}.order-row{justify-content:space-between;padding:2px 0;font-size:8px;display:flex}.order-row.header{color:#7f99b2;border-bottom:1px solid #ffffff0f;font-weight:800}.order-row.green{color:#50dd8f}.order-row.red{color:#ff8b8b}.p2p-action-box{color:#7f9ab5;text-align:center;background:#ffffff08;border-radius:8px;padding:8px;font-size:8px}.modal-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.march-modal-content,.battle-report-modal{color:#e6f2fd;background:#0d1e32;border:1px solid #50a0f066;border-radius:20px;flex-direction:column;gap:10px;width:min(100%,390px);max-height:85vh;padding:16px;display:flex;overflow-y:auto;box-shadow:0 20px 50px #0009}.march-modal-header,.report-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;padding-bottom:8px;display:flex}.march-modal-header h3{margin:0;font-size:15px}.march-modal-header p{color:#8fa8c0;margin:2px 0 0;font-size:10px}.close-btn{color:#d1e4f7;cursor:pointer;background:#ffffff14;border:0;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.march-travel-info{background:#00000040;border-radius:10px;flex-wrap:wrap;gap:8px;padding:8px 10px;font-size:9px;display:flex}.info-stat{align-items:center;gap:5px;display:flex}.info-stat strong{color:#ffd65a}.cavalry-bonus-tag{color:#79e3a6;width:100%;font-size:8px;font-weight:800}.pvp-warning-box,.hunger-warning-box{border-radius:8px;align-items:center;gap:7px;padding:6px 10px;font-size:9px;display:flex}.pvp-warning-box{color:#ff9d9d;background:#e6505033;border:1px solid #e74b4b}.hunger-warning-box{color:#ffe082;background:#ffaa3226;border:1px solid #ffa726}.target-summary-box{background:#ffffff08;border-radius:10px;padding:8px 10px;font-size:9px}.target-summary-header{justify-content:space-between;margin-bottom:2px;display:flex}.target-summary-header strong{color:#ffd65a;font-size:10px}.target-summary-box p{color:#8fa9c3;margin:2px 0}.king-loot-hint{color:#ffd65a;font-weight:800}.army-selectors-list h4{margin:4px 0;font-size:11px}.army-selector-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;display:flex}.selector-troop-info{align-items:center;gap:8px;width:130px;display:flex}.selector-troop-info img{object-fit:cover;border-radius:6px;width:32px;height:32px}.selector-troop-info strong{font-size:10px;display:block}.selector-troop-info small{color:#7f9bb7;font-size:7px}.slider-control{flex:1;align-items:center;gap:5px;display:flex}.slider-control input[type=range]{accent-color:#ffd65a;flex:1}.quick-adjust-btn{color:#e2efff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:11px;font-weight:800;transition:all .15s;display:inline-flex}.quick-adjust-btn:hover:not(:disabled){color:#fff;background:#ffffff40}.quick-adjust-btn:disabled{opacity:.3;cursor:not-allowed}.quick-adjust-btn.max{color:#ffd65a;background:#ffd65a33;border-color:#ffd65a66;width:28px;font-size:8px}.quick-adjust-btn.max:hover:not(:disabled){background:#ffd65a66}.count-display{color:#ffd65a;text-align:right;flex-shrink:0;min-width:22px;font-size:11px;font-weight:900}.march-totals-card{text-align:center;background:#0000004d;border-radius:9px;grid-template-columns:repeat(4,1fr);gap:4px;padding:7px 4px;font-size:8px;display:grid}.march-totals-card small{color:#7f9bb6;font-size:7px;display:block}.march-totals-card strong{color:#ffd65a;font-size:10px}.dispatch-submit-btn{color:#241400;cursor:pointer;background:linear-gradient(#ffd359,#cb8e11);border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;height:36px;font-size:11px;font-weight:900;display:flex}.dispatch-submit-btn:disabled{opacity:.5;cursor:not-allowed}.report-modal-header{padding:6px 0}.report-title-group{align-items:center;gap:10px;display:flex}.report-modal-header.victory .report-title-group{color:#43c77d}.report-modal-header.defeat .report-title-group{color:#e74b4b}.report-title-group h2{margin:0;font-size:18px;font-weight:900}.report-title-group small{color:#8fa9c4;font-size:9px}.report-body{flex-direction:column;gap:10px;margin:6px 0;display:flex}.report-section h4{color:#a2bcd6;margin:0 0 6px;font-size:11px}.report-comparison-grid{background:#00000040;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.comp-col{flex:1}.comp-col small{color:#7f99b2;font-size:8px;display:block}.comp-col strong{font-size:15px}.comp-col p{color:#9bb3ca;margin:2px 0 0;font-size:8px}.green-val{color:#43c77d}.red-val{color:#e74b4b}.gold-val{color:#ffd65a}.arrow-separator{color:#4bacff}.loot-badges-grid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.loot-badge{text-align:center;background:#ffffff0d;border-radius:8px;padding:6px 4px;font-size:9px}.loot-badge span{font-size:14px;display:block}.loot-badge strong{color:#ffd65a;display:block}.loot-badge.king{border:1px solid #ffd65a66}.no-loot-msg{color:#7f9bb6;margin:4px 0;font-size:9px}.report-confirm-btn{color:#fff;cursor:pointer;background:linear-gradient(#2b84cf,#175487);border:0;border-radius:8px;width:100%;height:34px;font-size:11px;font-weight:800}@keyframes marchDash{to{stroke-dashoffset:-36px}}.animated-march-line{animation:1.2s linear infinite marchDash}@keyframes pulseTarget{0%{opacity:.9;transform:scale(.9)}50%{opacity:.35;transform:scale(1.18)}to{opacity:.9;transform:scale(.9)}}.pulsing-target-ring{transform-box:fill-box;transform-origin:50%;animation:1.5s ease-in-out infinite pulseTarget}.moving-army-marker{-webkit-user-select:none;user-select:none;z-index:20;cursor:pointer;flex-direction:column;align-items:center;display:flex}.march-token-bubble{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;margin-bottom:3px;padding:3px 8px;font-size:9px;font-weight:800;display:flex;box-shadow:0 4px 10px #00000080}.march-token-bubble.attack{color:#fff;background:#dc2828f2;border:1px solid #f77}.march-token-bubble.gather{color:#fff;background:#0e73b9f2;border:1px solid #72c5ff}.march-token-bubble.returning{color:#f3e8ff;background:#6d28d9f2;border:1px solid #c084fc;box-shadow:0 4px 12px #9333ea66}.bubble-type{opacity:.9;font-size:8px}.bubble-timer{color:#ffd65a;font-weight:900}.token-speedup-btn{color:#241400;cursor:pointer;background:#ffd65a;border:0;border-radius:999px;padding:1px 6px;font-size:8px;font-weight:900}.bubble-token-actions{align-items:center;gap:3px;display:flex}.token-cancel-btn{color:#fff;cursor:pointer;background:#dc3545e6;border:0;border-radius:999px;padding:1px 5px;font-size:7px;font-weight:900;transition:transform .1s}.token-cancel-btn:hover{background:#f34;transform:scale(1.1)}.army-avatar-wrapper{background:#0d1e30;border:2px solid #ffd65a;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative;box-shadow:0 4px 12px #0009}.army-avatar-img{object-fit:cover;border-radius:999px;width:100%;height:100%}.direction-indicator{color:#ffd65a;filter:drop-shadow(0 2px 4px #000c);pointer-events:none;font-size:11px;position:absolute;top:-12px}.army-badge-count{color:#fff;background:#113454;border:1px solid #4bacff;border-radius:999px;padding:1px 5px;font-size:8px;font-weight:900;position:absolute;bottom:-4px;right:-4px}.gaming-subtabs{scrollbar-width:none;background:#081422d9;border-bottom:1px solid #ffd65a26;gap:6px;padding:8px 10px;display:flex;overflow-x:auto}.gaming-subtabs::-webkit-scrollbar{display:none}.gaming-subtab-btn{color:#a4c2de;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.gaming-subtab-btn:hover{color:#fff;background:#ffd65a1a}.gaming-subtab-btn.active{color:#ffd65a;background:linear-gradient(#ffd65a40,#ffaa0026);border-color:#ffd65a;box-shadow:0 0 10px #ffd65a33}.tab-pulse-badge{color:#fff;background:#ff5722;border-radius:999px;padding:1px 5px;font-size:9px;font-weight:900;animation:1.5s infinite pulse-badge}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.15)}}.citadel-building-slot.not-built{background:#ff99000d;border-color:#f906}.slot-lvl-badge.warning{color:#ffb74d;background:#f903;border:1px solid #f906}.slot-inspect-btn{color:#ffd65a;cursor:pointer;background:#ffd65a1a;border:1px solid #ffd65a4d;border-radius:6px;width:100%;margin-top:6px;padding:5px;font-size:10px;font-weight:700;transition:background .2s}.slot-inspect-btn:hover{background:#ffd65a40}.inspector-tab-content{flex-direction:column;gap:12px;padding:10px;display:flex}.building-selector-pills{scrollbar-width:none;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.building-selector-pills::-webkit-scrollbar{display:none}.selector-pill-btn{color:#a4c2de;cursor:pointer;background:#0e1e30cc;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-width:72px;padding:8px 12px;transition:all .2s;display:flex}.selector-pill-btn .pill-emoji{font-size:18px}.selector-pill-btn .pill-name{font-size:10px;font-weight:700}.selector-pill-btn .pill-lvl{color:#8fa8c2;font-size:9px}.selector-pill-btn:hover{border-color:#ffd65a80}.selector-pill-btn.active{color:#ffd65a;background:linear-gradient(#ffd65a33,#0e1e30f2);border-color:#ffd65a;box-shadow:0 0 12px #ffd65a33}.selector-pill-btn.active .pill-lvl{color:#ffd65a;font-weight:800}.building-focused-card{background:linear-gradient(#102237,#0a1726);border:1px solid #ffd65a40;border-radius:14px;flex-direction:column;gap:12px;padding:14px;display:flex;box-shadow:0 8px 24px #00000080}.building-focused-header{align-items:center;gap:12px;display:flex}.focused-icon-box{background:linear-gradient(135deg,#ffd65a33,#0006);border:1px solid #ffd65a;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;font-size:28px;display:flex}.focused-title-wrap{flex:1}.focused-name-row{justify-content:space-between;align-items:center;display:flex}.focused-name-row h3{color:#fff;margin:0;font-size:16px}.focused-lvl-tag{color:#4bacff;background:#4bacff33;border:1px solid #4bacff66;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:800}.focused-lvl-tag.max{color:#ffd65a;background:#ffd65a33;border-color:#ffd65a}.focused-lvl-tag.not-built{color:#ffb74d;background:#f903;border-color:#ff9800}.focused-role-desc{color:#9bb4cb;margin:4px 0 0;font-size:10px;line-height:1.3}.stats-comparison-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.comparison-col{background:#0000004d;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.comparison-col.next{background:linear-gradient(#4bacff14,#0000004d);border-color:#4bacff59}.col-label{text-transform:uppercase;color:#8fa8c2;letter-spacing:.5px;font-size:9px;font-weight:800}.col-label.next-label{color:#4bacff;align-items:center;gap:4px;display:flex}.stat-rows-box{flex-direction:column;gap:4px;display:flex}.stat-row{color:#cbd8e6;justify-content:space-between;font-size:10px;display:flex}.stat-row strong{color:#fff}.stat-row.highlight strong{color:#4bacff;font-weight:800}.stat-row.muted{color:#7f99b2;font-size:9px;font-style:italic}.focused-action-section{flex-direction:column;gap:10px;display:flex}.cost-chips-row{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.cost-chip{background:#00000059;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:center;padding:6px;font-size:9px;display:flex}.cost-chip span{color:#8fa8c2;font-size:8px}.cost-chip strong{margin-top:2px;font-size:11px}.cost-chip.ok{color:#81c784;border-color:#4caf5066}.cost-chip.missing{color:#e57373;border-color:#f4433680}.cost-chip.time{color:#ffd65a;border-color:#ffd65a4d}.upgrade-block-reason{color:#ff8a80;background:#f443361f;border:1px solid #f443364d;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:10px;display:flex}.focused-upgrade-btn{color:#2b1700;cursor:pointer;background:linear-gradient(#ffb300,#ff8f00);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:900;transition:all .2s;display:flex;box-shadow:0 4px 14px #ffb3004d}.focused-upgrade-btn:disabled{color:#789;box-shadow:none;cursor:not-allowed;background:#345}.focused-upgrade-btn.build-new{color:#fff;background:linear-gradient(#4caf50,#2e7d32);box-shadow:0 4px 14px #4caf504d}.max-level-banner{color:#ffd65a;background:#ffd65a1a;border:1px solid #ffd65a4d;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.max-level-banner strong{font-size:12px}.max-level-banner p{color:#cbd8e6;margin:2px 0 0;font-size:10px}.builder-tab-content{padding:10px}.builder-queue-card{background:linear-gradient(#102237,#0a1726);border:1px solid #ffd65a33;border-radius:14px;flex-direction:column;gap:14px;padding:14px;display:flex}.queue-top-row{justify-content:space-between;align-items:center;display:flex}.queue-title-wrap{align-items:center;gap:8px;display:flex}.queue-title-wrap h3{color:#fff;margin:0;font-size:15px}.queue-title-wrap small{color:#8fa8c2;font-size:9px}.builder-status-badge{border-radius:6px;padding:4px 8px;font-size:10px;font-weight:800}.builder-status-badge.busy{color:#fff;background:#ff5722}.builder-status-badge.idle{color:#fff;background:#4caf50}.builder-active-details{flex-direction:column;gap:10px;display:flex}.active-project-card{background:#00000059;border-radius:10px;align-items:center;gap:12px;padding:10px;display:flex}.project-icon{font-size:26px}.project-info h4{color:#fff;margin:0;font-size:13px}.project-info p{color:#8fa8c2;margin:2px 0;font-size:10px}.project-timer{color:#ffd65a;font-size:10px;font-weight:800}.project-progress-bar{background:#0006;border:1px solid #ffffff1a;border-radius:999px;height:10px;overflow:hidden}.speedup-action-box{background:#ffd65a14;border:1px solid #ffd65a40;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.speedup-info{flex-direction:column;display:flex}.speedup-info span{color:#ffd65a;font-size:11px;font-weight:800}.speedup-info small{color:#8fa8c2;font-size:9px}.btn-speedup-king{color:#2b1700;cursor:pointer;white-space:nowrap;background:linear-gradient(#ffd65a,#f59e0b);border:0;border-radius:8px;align-items:center;gap:5px;padding:8px 12px;font-size:11px;font-weight:900;display:flex}.builder-empty-state{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;display:flex}.empty-icon-idle{color:#4caf50}.builder-empty-state h4{color:#fff;margin:0;font-size:14px}.builder-empty-state p{color:#8fa8c2;max-width:280px;margin:0;font-size:11px}.go-inspector-btn{color:#ffd65a;cursor:pointer;background:#ffd65a26;border:1px solid #ffd65a;border-radius:8px;margin-top:8px;padding:8px 16px;font-size:11px;font-weight:800}.bonuses-tab-content{padding:10px}.bonuses-grid{grid-template-columns:1fr;gap:10px;display:grid}.bonus-metric-card{background:#0e1e30b3;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.metric-header{color:#ffd65a;align-items:center;gap:6px;font-size:12px;display:flex}.metric-values{flex-direction:column;gap:4px;display:flex}.metric-values div{color:#cbd8e6;justify-content:space-between;font-size:11px;display:flex}.metric-values strong{color:#fff}.bonus-metric-card small{color:#7f99b2;font-size:9px}.clan-clarification-banner{background:linear-gradient(#4bacff1f,#08142266);border:1px solid #4bacff4d;border-radius:10px;align-items:flex-start;gap:10px;margin:10px;padding:10px 12px;display:flex}.clan-clarification-banner .info-icon{color:#4bacff;flex-shrink:0;margin-top:2px}.clan-clarification-banner .banner-text{color:#b0cbe3;font-size:10px;line-height:1.4}.clan-clarification-banner strong{color:#fff}.clan-clarification-banner em{color:#ffd65a;font-style:normal;font-weight:700}.clan-tab-content,.rallies-tab-content,.kingdoms-tab-content{flex-direction:column;gap:12px;padding:10px;display:flex}.clan-desc-text{color:#8fa8c2;margin-top:4px;font-size:9px;display:block}.clan-role-tag{color:#ffd65a;font-weight:800}.clan-vault-card{background:#0000004d;border:1px solid #ffd65a33;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.vault-header{justify-content:space-between;align-items:center;display:flex}.vault-title{color:#ffd65a;align-items:center;gap:6px;font-size:12px;display:flex}.vault-bonus-badge{color:#81c784;background:#4caf5033;border:1px solid #4caf5066;border-radius:5px;padding:2px 6px;font-size:9px;font-weight:800}.vault-desc{color:#8fa8c2;margin:0;font-size:10px;line-height:1.3}.vault-res-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.vault-res-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;gap:6px;padding:8px;display:flex}.vault-res-item span{color:#cbd8e6;font-size:9px}.vault-res-item strong{color:#fff}.clan-donate-btn{color:#ffd65a;cursor:pointer;background:#ffd65a1f;border:1px solid #ffd65a4d;border-radius:6px;padding:6px;font-size:10px;font-weight:800;transition:all .2s}.clan-donate-btn:disabled{opacity:.5;cursor:not-allowed}.clan-roster-card{background:#0000004d;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.clan-roster-card h4{color:#a4c2de;margin:0;font-size:12px}.members-list{flex-direction:column;gap:6px;display:flex}.member-row{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.member-row.you{background:#ffd65a0f;border-color:#ffd65a59}.member-info{align-items:center;gap:8px;display:flex}.member-rank-icon{font-size:16px}.member-info strong{color:#fff;font-size:11px;display:block}.member-info small{color:#8fa8c2;font-size:8px}.member-stat{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.member-stat span{color:#ffd65a;font-size:10px;font-weight:800}.online-tag{color:#81c784;background:#4caf5026;border-radius:4px;padding:1px 5px;font-size:8px}.online-tag.you{color:#ffd65a;background:#ffd65a33}.offline-tag{color:#8fa8c2;font-size:8px}.rallies-header-banner{background:linear-gradient(#e74b4b26,#0000004d);border:1px solid #e74b4b4d;border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex}.rallies-banner-title{color:#ff8a80;align-items:center;gap:8px;display:flex}.rallies-banner-title h3{color:#fff;margin:0;font-size:13px}.rallies-banner-title p{color:#cbd8e6;margin:2px 0 0;font-size:9px}.rallies-hint{color:#ffd65a;font-size:9px}.empty-rallies-card{text-align:center;background:#00000040;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:30px 16px;display:flex}.empty-icon{color:#8fa8c2;opacity:.6}.empty-rallies-card h4{color:#fff;margin:0;font-size:13px}.empty-rallies-card p{color:#8fa8c2;max-width:280px;margin:0;font-size:10px;line-height:1.4}.rallies-grid{flex-direction:column;gap:10px;display:flex}.rally-card{background:linear-gradient(#132438,#0a1726);border:1px solid #e74b4b59;border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex;box-shadow:0 4px 16px #0006}.rally-badge-row{gap:6px;margin-bottom:4px;display:flex}.rally-status-tag{border-radius:5px;padding:2px 7px;font-size:9px;font-weight:800}.rally-status-tag.countdown{color:#fff;background:#e74b4b}.rally-status-tag.marching{color:#fff;background:#4bacff}.rally-target-type-badge{color:#ffd65a;background:#ffffff1a;border-radius:5px;padding:2px 6px;font-size:9px;font-weight:800}.rally-target-name{color:#fff;margin:0;font-size:14px}.rally-coord{color:#8fa8c2;margin-top:2px;font-size:9px;display:block}.rally-army-preview{background:#00000059;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.army-stat-box{flex-direction:column;display:flex}.army-stat-box small{color:#8fa8c2;font-size:8px}.army-stat-box strong{color:#ffd65a;font-size:14px}.army-breakdown-row{color:#cbd8e6;gap:8px;font-size:10px;display:flex}.rally-participants-list{flex-direction:column;gap:4px;display:flex}.participants-title{color:#8fa8c2;font-size:9px}.participants-tags{flex-wrap:wrap;gap:5px;display:flex}.participant-tag{color:#cbd8e6;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;padding:2px 6px;font-size:9px}.participant-tag.you{color:#ffd65a;background:#ffd65a1f;border-color:#ffd65a66;font-weight:800}.join-rally-btn{color:#fff;cursor:pointer;background:linear-gradient(#e74b4b,#b71c1c);border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px;font-size:11px;font-weight:800;display:flex;box-shadow:0 4px 10px #e74b4b4d}.join-form-box{background:#0006;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.join-form-box h5{color:#ffd65a;margin:0;font-size:11px}.join-troop-inputs{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.join-troop-inputs div{flex-direction:column;gap:2px;display:flex}.join-troop-inputs label{color:#8fa8c2;font-size:8px}.join-troop-inputs input{color:#fff;text-align:center;background:#081422;border:1px solid #ffffff26;border-radius:5px;width:100%;padding:5px;font-size:11px;font-weight:800}.join-form-buttons{gap:6px;display:flex}.confirm-join-btn{color:#fff;cursor:pointer;background:#4caf50;border:0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px;font-size:10px;font-weight:800;display:flex}.cancel-join-btn{color:#cbd8e6;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;padding:8px 12px;font-size:10px}.march-mode-tabs{gap:6px;margin-bottom:10px;display:flex}.mode-tab-btn{color:#8fa8c2;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.mode-tab-btn.active{color:#4bacff;background:#4bacff33;border-color:#4bacff}.mode-tab-btn.rally.active{color:#ff8a80;background:linear-gradient(#e74b4b40,#b71c1c40);border-color:#e74b4b}.rally-explainer-banner{background:#e74b4b1f;border:1px solid #e74b4b59;border-radius:10px;margin-bottom:10px;padding:10px}.rally-explainer-header{color:#ff8a80;align-items:center;gap:6px;margin-bottom:4px;font-size:11px;display:flex}.rally-explainer-banner p{color:#cbd8e6;margin:0;font-size:9px;line-height:1.3}.dispatch-submit-btn.rally-btn-submit{background:linear-gradient(#e74b4b,#af2525);box-shadow:0 4px 14px #e74b4b66}.nav-globe-wrap{background:radial-gradient(circle,#4bacff40 0%,#0000 70%);border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.nav-globe-icon{color:#4bacff;filter:drop-shadow(0 0 6px #4bacff99);transition:transform .2s}.bottom-nav button.active .nav-globe-icon{color:#ffd65a;filter:drop-shadow(0 0 8px #ffd65acc);transform:scale(1.1)}@media (width<=460px){.game-shell{padding:0}.game-phone{width:100%;min-height:100vh;box-shadow:none;border:0;border-radius:0}.map-viewport{height:570px}.axis-coordinate{padding:4px 6px;font-size:16px}.bottom-nav button{min-height:80px}.stats-comparison-grid{grid-template-columns:1fr}.cost-chips-row{grid-template-columns:repeat(2,1fr)}.vault-res-grid{grid-template-columns:1fr}}.forced-modal{z-index:9999!important;-webkit-backdrop-filter:blur(8px)brightness(.4)!important;backdrop-filter:blur(8px)brightness(.4)!important}.auth-modal-card{background:linear-gradient(#132235 0%,#0a1320 100%);border:1px solid #ffd75a59;border-radius:16px;flex-direction:column;gap:16px;width:92%;max-width:440px;padding:24px 20px;animation:.25s ease-out modalFadeIn;display:flex;position:relative;box-shadow:0 20px 40px #000c,0 0 25px #ffd75a26}.auth-modal-close{color:#9cb1c9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex;position:absolute;top:14px;right:14px}.auth-modal-close:hover{color:#fff;background:#fff3}.auth-modal-header{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.auth-logo-img{object-fit:contain;filter:drop-shadow(0 4px 12px #000000b3);max-width:200px;height:52px;margin-bottom:2px}.auth-eyebrow{letter-spacing:.16em;color:#ffd65a;text-transform:uppercase;background:#ffd65a1f;border:1px solid #ffd65a4d;border-radius:20px;margin:0;padding:3px 10px;font-size:10px;font-weight:800}.auth-modal-header h2{color:#fff;margin:4px 0 0;font-size:19px;font-weight:800}.auth-subtitle{color:#9cb1c9;margin:2px 0 0;font-size:11px;line-height:1.4}.auth-google-btn{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #fff3;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:11px 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 3px 10px #00000059}.auth-google-btn:hover:not(:disabled){background:#f3f4f6;transform:translateY(-1px);box-shadow:0 5px 14px #00000073}.auth-google-btn:disabled{opacity:.6;cursor:not-allowed}.auth-divider{text-align:center;color:#64748b;text-transform:uppercase;letter-spacing:.08em;align-items:center;margin:4px 0;font-size:10px;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid #ffffff1a;flex:1}.auth-divider span{padding:0 10px}.auth-error-banner{color:#fca5a5;background:#ef444426;border:1px solid #ef444466;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:600;display:flex}.auth-success-banner{color:#86efac;background:#22c55e26;border:1px solid #22c55e66;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:600;animation:.2s modalFadeIn;display:flex}.auth-recovery-view{flex-direction:column;gap:16px;animation:.25s modalFadeIn;display:flex}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-input-group{flex-direction:column;gap:5px;display:flex}.auth-label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.auth-label-row label{margin:0}.auth-link-btn{color:#ffd65a;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:10px;font-weight:700;text-decoration:underline;transition:all .15s}.auth-link-btn:hover{color:#fff}.auth-input-group label{color:#c5d6e6;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-wrap .input-icon{color:#7b94ad;pointer-events:none;position:absolute;left:12px}.auth-input-wrap input{color:#fff;background:#08111a;border:1px solid #ffffff26;border-radius:10px;width:100%;padding:10px 12px 10px 38px;font-size:13px;transition:all .2s}.auth-input-wrap input:focus{border-color:#ffd65a;outline:none;box-shadow:0 0 0 2px #ffd65a33}.auth-submit-btn{color:#241604;cursor:pointer;background:linear-gradient(#ffd65a 0%,#eaa221 100%);border:1px solid #ffffff4d;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:12px 16px;font-size:13px;font-weight:900;transition:all .15s;display:flex;box-shadow:0 4px 14px #eaa22166}.auth-submit-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-footer-note{text-align:center;color:#6e8499;font-size:10px;line-height:1.35}.kingdom-assign-card{background:#0d1724;border:1px solid #ffd75a59;border-radius:18px;flex-direction:column;gap:16px;width:92%;max-width:460px;padding:24px 20px;animation:.3s modalFadeIn;display:flex;box-shadow:0 24px 48px #000000e6}.assign-header{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.assign-badge-pulse{color:#38bdf8;background:radial-gradient(circle,#38bdf840 0%,#0d1724e6 100%);border:1px solid #38bdf873;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:4px;display:flex}.assign-header h2{color:#fff;margin:2px 0 0;font-size:21px}.assign-subtitle{color:#9cb1c9;font-size:11px;line-height:1.35}.assign-loading-box{text-align:center;color:#ffd65a;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;font-size:13px;font-weight:700;display:flex}.spin-slow{animation:10s linear infinite spin}.assign-result-box{opacity:0;border:2px solid;border-radius:14px;flex-direction:column;gap:12px;padding:18px 16px;transition:all .35s cubic-bezier(.175,.885,.32,1.275);display:flex;transform:scale(.95);box-shadow:inset 0 0 20px #00000080}.assign-result-box.revealed{opacity:1;transform:scale(1)}.assign-crest-row{align-items:center;gap:12px;display:flex}.assign-crest-icon{filter:drop-shadow(0 2px 6px #00000080);font-size:34px}.assign-crest-row h3{letter-spacing:.04em;margin:0;font-size:20px;font-weight:900}.assign-lore{color:#e2e8f0;background:#00000059;border:1px solid #ffffff1a;border-radius:8px;padding:10px 12px;font-size:11px;line-height:1.45}.assign-stats-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.assign-stat-item{background:#00000040;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:11px;display:flex}.assign-stat-item.full-width{grid-column:1/-1}.assign-stat-item div{flex-direction:column;display:flex}.assign-stat-item strong{color:#94a3b8;text-transform:uppercase;font-size:9px}.assign-stat-item span{color:#fff;font-size:11px;font-weight:700}.assign-confirm-btn{color:#241604;cursor:pointer;background:linear-gradient(#ffd65a 0%,#eaa221 100%);border:1px solid #ffffff4d;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:12px 16px;font-size:13px;font-weight:900;transition:transform .15s;display:flex;box-shadow:0 4px 14px #eaa22173}.assign-confirm-btn:hover{transform:translateY(-1px)}.onboarding-card{background:#0c1726;border:1px solid #ffd75a59;border-radius:18px;flex-direction:column;gap:14px;width:94%;max-width:480px;max-height:88vh;padding:20px;animation:.25s ease-out modalFadeIn;display:flex;box-shadow:0 25px 50px #000000e6}.onboarding-top-bar{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.onboarding-step-indicator{align-items:center;gap:8px;display:flex}.step-pill{color:#c4d7ec;letter-spacing:.06em;background:#ffffff1a;border-radius:6px;padding:3px 7px;font-size:9px;font-weight:800}.category-pill{letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.onboarding-dots{align-items:center;gap:5px;display:flex}.dot-btn{cursor:pointer;background:#fff3;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .2s}.dot-btn.completed{background:#ffd65a}.dot-btn.active{background:#ffd65a;border-radius:4px;width:20px}.onboarding-header{align-items:center;gap:14px;display:flex}.onboarding-icon-box{border:1px solid;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.onboarding-title-wrap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.onboarding-title-wrap h2{color:#fff;margin:0;font-size:18px;font-weight:800}.onboarding-badge{color:#ffd65a;background:#ffd75a2e;border:1px solid #ffd75a66;border-radius:6px;padding:2px 7px;font-size:9px;font-weight:800}.onboarding-subtitle{color:#8fa6bf;margin:3px 0 0;font-size:11px;line-height:1.35}.onboarding-content-scroll{flex:1;max-height:380px;padding-right:4px;overflow-y:auto}.onboarding-points-list{flex-direction:column;gap:8px;display:flex}.onboarding-point-card{background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.point-icon-col{flex-shrink:0;margin-top:1px}.point-text-col strong{color:#fff;margin-bottom:2px;font-size:12px;display:block}.point-text-col p{color:#9cb1c9;margin:0;font-size:11px;line-height:1.4}.onboarding-footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.btn-onboard-nav{cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:10px 16px;font-size:12px;font-weight:800;transition:all .15s;display:flex}.btn-onboard-nav.prev{color:#c4d7ec;background:#ffffff14;border:1px solid #ffffff26}.btn-onboard-nav.prev:hover:not(:disabled){color:#fff;background:#ffffff29}.btn-onboard-nav.prev:disabled{opacity:.35;cursor:not-allowed}.btn-onboard-nav.next{color:#fff;background:linear-gradient(#3b82f6 0%,#1d4ed8 100%);border:1px solid #ffffff40}.btn-onboard-nav.next.finish{color:#241604;background:linear-gradient(#ffd65a 0%,#eaa221 100%);border-color:#ffffff59;font-weight:900;box-shadow:0 4px 12px #eaa22173}.btn-onboard-nav.next:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.auth-modal-card.hype-mode{background:linear-gradient(#18283f 0%,#09121d 100%);border:1px solid #ffd65a80;max-width:490px;box-shadow:0 25px 60px #000000e6,0 0 35px #ffb40040}.auth-hype-view{flex-direction:column;gap:16px;animation:.3s modalFadeIn;display:flex}.hype-header{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.hype-flame-pill{color:#fca5a5;letter-spacing:.12em;text-transform:uppercase;background:#ef444429;border:1px solid #ef444466;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:10px;font-weight:800;display:inline-flex}.hype-flame-pill .fire-icon{color:#ef4444;animation:1.2s infinite alternate pulseFire}@keyframes pulseFire{0%{opacity:.8;transform:scale(.95)}to{opacity:1;transform:scale(1.15)}}.hype-title{color:#ffd65a;text-shadow:0 2px 10px #000c;margin:0;font-size:20px;font-weight:900}.hype-story{color:#cbd5e1;margin:0;padding:0 6px;font-size:11.5px;line-height:1.5}.hype-actions-box{flex-direction:column;gap:12px;display:flex}.auth-google-btn-epic{color:#111827;cursor:pointer;background:#fff;border:1px solid #ffffff4d;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:13px 18px;font-size:14px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 15px #0006}.auth-google-btn-epic:hover:not(:disabled){background:#f8fafc;transform:translateY(-2px);box-shadow:0 6px 20px #ffffff40}.hype-email-confirm-box{background:#00000059;border:1px solid #ffd65a33;border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.email-display-tag{color:#ffd65a;background:#ffd65a1a;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:700;display:flex}.ref-optional-input{flex-direction:column;gap:4px;display:flex}.ref-optional-input label{color:#94a3b8;text-transform:uppercase;font-size:10px;font-weight:700}.ref-optional-input input{color:#ffd65a;letter-spacing:.05em;background:#08111a;border:1px solid #ffffff26;border-radius:8px;padding:8px 10px;font-family:monospace;font-size:13px;font-weight:700}.btn-back-to-login{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:6px;font-size:11px;transition:color .15s;display:inline-flex}.btn-back-to-login:hover{color:#fff}.hype-footer-badge{color:#fef08a;text-align:center;background:#ffd65a14;border:1px solid #ffd65a33;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:700;display:flex}.google-auth-dialog{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#0a131ff7;border-radius:16px;flex-direction:column;justify-content:center;gap:12px;padding:24px 20px;animation:.2s modalFadeIn;display:flex;position:absolute;inset:0}.google-dialog-header{align-items:center;gap:10px;display:flex}.google-dialog-header h4{color:#fff;margin:0;font-size:16px}.google-auth-dialog p{color:#94a3b8;margin:0;font-size:11.5px;line-height:1.4}.google-email-input{color:#fff;background:#060d16;border:1px solid #4285f499;border-radius:10px;outline:none;padding:10px 12px;font-size:13px}.google-email-input:focus{border-color:#4285f4;box-shadow:0 0 0 2px #4285f44d}.google-ref-tag{color:#ffd65a;font-size:11px}.google-dialog-actions{gap:10px;margin-top:6px;display:flex}.btn-google-confirm{color:#fff;cursor:pointer;background:#4285f4;border:none;border-radius:10px;flex:1;padding:10px;font-size:12px;font-weight:800}.btn-google-confirm:hover:not(:disabled){filter:brightness(1.1)}.btn-google-cancel{color:#cbd5e1;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;padding:10px 14px;font-size:12px}.whitelist-dashboard-root{color:#e2e8f0;background:radial-gradient(circle at 50% 10%,#152238 0%,#070d14 65%,#03060a 100%);flex-direction:column;width:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow-x:hidden}.wl-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#080f18d9;border-bottom:1px solid #ffd65a33;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.wl-brand{align-items:center;gap:12px;display:flex}.wl-logo-img{object-fit:contain;filter:drop-shadow(0 2px 8px #000c);height:42px}.wl-brand-meta{flex-direction:column;display:flex}.wl-tag-badge{letter-spacing:.12em;color:#ffd65a;font-size:10px;font-weight:900}.wl-brand-meta small{color:#94a3b8;font-size:10px}.wl-user-controls{align-items:center;gap:12px;display:flex}.wl-user-pill{background:#ffffff0f;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;display:flex}.wl-avatar-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #22c55e}.wl-user-text{flex-direction:column;display:flex}.wl-user-email{color:#fff;font-size:11px;font-weight:700}.wl-user-verified{color:#38bdf8;font-size:9px;font-weight:600}.wl-logout-btn{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:5px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .15s;display:flex}.wl-logout-btn:hover{color:#fff;background:#ef44444d}.wl-main-content{flex-direction:column;flex:1;gap:24px;width:100%;max-width:960px;margin:0 auto;padding:28px 16px 60px;display:flex}.wl-hero-card{text-align:center;background:linear-gradient(#1a2c4599 0%,#0d1724cc 100%);border:1px solid #ffd65a59;border-radius:20px;flex-direction:column;align-items:center;gap:14px;padding:28px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 45px #0009,inset 0 1px #ffffff1a}.wl-hero-badge{color:#ffd65a;letter-spacing:.08em;background:#ffd65a26;border:1px solid #ffd65a66;border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-size:10.5px;font-weight:800;display:inline-flex}.wl-hero-title{color:#fff;text-shadow:0 2px 14px #000000b3;margin:0;font-size:26px;font-weight:900;line-height:1.25}.wl-hero-desc{color:#94a3b8;max-width:680px;margin:0;font-size:13px;line-height:1.5}.wl-counter-banner{background:#00000073;border:1px solid #ffd65a4d;border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:720px;margin-top:8px;padding:20px;display:flex}.wl-counter-header{justify-content:center;align-items:center;gap:12px;display:flex}.live-indicator{color:#22c55e;background:#22c55e26;border-radius:12px;align-items:center;gap:6px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex}.pulsing-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:1s infinite alternate pulseDot}@keyframes pulseDot{0%{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.counter-label{color:#cbd5e1;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.wl-big-number{justify-content:center;align-items:center;gap:12px;display:flex}.wl-big-number span{color:#ffd65a;letter-spacing:.02em;text-shadow:0 0 20px #ffd65a66;font-size:38px;font-weight:900}.wl-big-number small{color:#94a3b8;letter-spacing:.1em;margin-top:10px;font-size:11px;font-weight:800}.wl-milestone-wrap{flex-direction:column;gap:8px;margin-top:4px;display:flex}.wl-milestone-bar-bg{background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;width:100%;height:10px;overflow:hidden}.wl-milestone-bar-fill{background:linear-gradient(90deg,#3b82f6 0%,#ffd65a 100%);border-radius:6px;height:100%;transition:width .5s}.wl-milestone-steps{color:#94a3b8;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:10px;display:flex}.wl-milestone-steps .step.unlocked{color:#4ade80;font-weight:700}.wl-milestone-steps .step.current{color:#ffd65a;font-weight:800}.wl-milestone-steps .step.locked{color:#64748b}.wl-referral-epic-card{background:linear-gradient(#132235 0%,#09131f 100%);border:1px solid #ffd65a66;border-radius:18px;flex-direction:column;gap:20px;padding:24px;display:flex;box-shadow:0 16px 36px #00000080,0 0 20px #ffd65a1f}.wl-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.wl-title-icon-wrap{flex:1;align-items:flex-start;gap:14px;display:flex}.wl-title-icon-wrap h2{color:#fff;margin:0;font-size:18px;font-weight:800}.wl-title-icon-wrap p{color:#94a3b8;margin:4px 0 0;font-size:12px;line-height:1.4}.wl-airdrop-total-pill{background:radial-gradient(circle,#ffd65a40 0%,#132235e6 100%);border:1px solid #ffd65a80;border-radius:14px;align-items:center;gap:10px;padding:10px 18px;display:flex;box-shadow:0 4px 14px #ffd65a26}.wl-airdrop-total-pill small{color:#e2e8f0;text-transform:uppercase;font-size:10px;display:block}.wl-airdrop-total-pill strong{color:#ffd65a;font-size:20px;font-weight:900}.wl-codes-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.wl-code-box,.wl-link-box{background:#0006;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.box-label{color:#cbd5e1;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.code-display-row{background:#08111b;border:1px solid #ffd65a59;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.code-val{color:#ffd65a;letter-spacing:.08em;font-family:monospace;font-size:18px;font-weight:900}.btn-copy-code{color:#241604;cursor:pointer;background:linear-gradient(#ffd65a 0%,#eaa221 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:800;transition:all .15s;display:inline-flex}.btn-copy-code:hover{filter:brightness(1.1)}.btn-copy-code.copied{color:#fff;background:#22c55e}.link-display-row{gap:8px;display:flex}.link-input{color:#fff;background:#08111b;border:1px solid #ffffff26;border-radius:8px;flex:1;padding:8px 10px;font-family:monospace;font-size:11px}.btn-copy-link{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex}.btn-copy-link:hover{background:#fff3}.btn-copy-link.copied{background:#22c55e;border-color:#22c55e}.wl-code-box small,.wl-link-box small{color:#94a3b8;font-size:10px;line-height:1.35}.wl-social-share-row{flex-wrap:wrap;align-items:center;gap:10px;padding-top:4px;display:flex}.share-prompt{color:#94a3b8;font-size:11px;font-weight:700}.social-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex}.btn-twitter{color:#fff;background:#000;border:1px solid #fff3}.btn-twitter:hover{background:#18181b}.btn-telegram{color:#fff;background:#08c}.btn-telegram:hover{background:#0077b5}.btn-whatsapp{color:#fff;background:#25d366}.btn-whatsapp:hover{background:#20ba5a}.wl-stats-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.stat-card{background:#00000059;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.stat-card.highlight{background:#ffd65a14;border-color:#ffd65a66}.stat-card small{color:#94a3b8;text-transform:uppercase;font-size:10px;display:block}.stat-card strong{color:#fff;font-size:15px;font-weight:800}.stat-card.highlight strong{color:#ffd65a}.wl-claim-ref-card{background:#0f1a28b3;border:1px dashed #ffd65a59;border-radius:14px;flex-direction:column;gap:10px;padding:16px 20px;display:flex}.claim-ref-info{align-items:center;gap:10px;display:flex}.claim-ref-info strong{color:#fff;font-size:12px}.claim-ref-info p{color:#94a3b8;margin:2px 0 0;font-size:11px}.claim-ref-form{gap:8px;display:flex}.ref-input{color:#ffd65a;background:#08111b;border:1px solid #fff3;border-radius:8px;max-width:240px;padding:8px 12px;font-family:monospace;font-size:12px;font-weight:700}.btn-apply-ref{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:8px 14px;font-size:11px;font-weight:700}.ref-success-msg{color:#4ade80;margin:0;font-size:11px;font-weight:600}.ref-error-msg{color:#f87171;margin:0;font-size:11px;font-weight:600}.wl-perks-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.perk-box{background:#0d1724b3;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;gap:6px;padding:16px;display:flex}.perk-box h4{color:#fff;margin:4px 0 0;font-size:13px;font-weight:700}.perk-box p{color:#94a3b8;margin:0;font-size:11px;line-height:1.4}.btn-top-referral{cursor:pointer;background:#ffd65a26;border:1px solid #ffd65a73;border-radius:8px;justify-content:center;align-items:center;padding:4px 7px;font-size:14px;line-height:1;transition:all .15s;display:inline-flex;box-shadow:0 0 10px #ffd65a1f}.btn-top-referral:hover{background:#ffd65a47;transform:translateY(-1px)}.referral-modal-card{background:linear-gradient(#132235 0%,#0a1320 100%);border:1px solid #ffd75a66;border-radius:16px;flex-direction:column;gap:16px;width:92%;max-width:440px;padding:24px 20px;animation:.25s ease-out modalFadeIn;display:flex;position:relative;box-shadow:0 20px 40px #000c,0 0 25px #ffd75a2e}.referral-modal-close{color:#9cb1c9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex;position:absolute;top:14px;right:14px}.referral-modal-close:hover{color:#fff;background:#fff3}.referral-modal-header{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.referral-crown-badge{background:radial-gradient(circle,#ffd75a40 0%,#132235cc 100%);border:1px solid #ffd75a73;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:2px;display:flex}.ref-tag{letter-spacing:.14em;color:#ffd65a;background:#ffd65a1f;border-radius:12px;padding:2px 8px;font-size:9px;font-weight:800}.referral-modal-header h2{color:#fff;margin:2px 0 0;font-size:17px;font-weight:800}.referral-modal-header p{color:#9cb1c9;margin:0;font-size:11px;line-height:1.4}.ref-modal-metrics{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metric-item{text-align:center;background:#00000059;border:1px solid #ffffff1a;border-radius:10px;padding:10px}.metric-item.gold{background:#ffd65a14;border-color:#ffd65a4d}.metric-item small{color:#94a3b8;font-size:10px;display:block}.metric-item strong{color:#fff;font-size:16px;font-weight:800}.metric-item.gold strong{color:#ffd65a}.ref-code-card,.ref-link-card{flex-direction:column;gap:6px;display:flex}.ref-code-card small,.ref-link-card small{color:#cbd5e1;font-size:10px;font-weight:700}.ref-code-row,.ref-link-row{gap:8px;display:flex}.ref-code-row .code-text{color:#ffd65a;background:#08111b;border:1px solid #ffd65a4d;border-radius:8px;flex:1;padding:8px 12px;font-family:monospace;font-size:15px;font-weight:900}.ref-link-row input{color:#fff;background:#08111b;border:1px solid #ffffff26;border-radius:8px;flex:1;padding:8px 10px;font-family:monospace;font-size:11px}.btn-copy-ref{color:#241604;cursor:pointer;white-space:nowrap;background:linear-gradient(#ffd65a 0%,#eaa221 100%);border:none;border-radius:8px;align-items:center;gap:5px;padding:8px 12px;font-size:11px;font-weight:800;display:inline-flex}.btn-copy-ref.copied{color:#fff;background:#22c55e}.ref-social-actions{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.btn-social-tw,.btn-social-tg,.btn-social-wa{cursor:pointer;color:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:8px 6px;font-size:10.5px;font-weight:700;display:flex}.btn-social-tw{background:#000;border:1px solid #ffffff26}.btn-social-tg{background:#08c}.btn-social-wa{background:#25d366}.wl-milestone-progress-text{color:#cbd5e1;justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.wl-milestone-progress-text strong{color:#ffd65a}.wl-milestones-section,.wl-top-referrals-section{flex-direction:column;gap:16px;display:flex}.section-title-wrap{align-items:center;gap:12px;display:flex}.section-badge-icon{background:#ffd65a26;border:1px solid #ffd65a59;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.section-badge-icon.gold-badge{background:radial-gradient(circle,#ffd65a4d 0%,#132235cc 100%)}.section-title-wrap h2{color:#fff;margin:0;font-size:18px;font-weight:800}.section-title-wrap p{color:#94a3b8;margin:2px 0 0;font-size:12px}.milestones-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.milestone-card{background:#0d1724b3;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;gap:10px;padding:16px;transition:all .2s;display:flex;position:relative}.milestone-card.unlocked{background:linear-gradient(#22c55e14 0%,#0d1724b3 100%);border-color:#22c55e73}.milestone-card.in-progress{border-color:#ffd65a59}.milestone-card-top{justify-content:space-between;align-items:center;display:flex}.target-pill{color:#cbd5e1;letter-spacing:.06em;font-size:10px;font-weight:800}.status-pill{border-radius:10px;padding:2px 8px;font-size:10px;font-weight:800}.status-pill.done{color:#4ade80;background:#22c55e33;border:1px solid #22c55e59}.status-pill.active{color:#ffd65a;background:#ffd65a26;border:1px solid #ffd65a59}.milestone-title{color:#fff;margin:0;font-size:15px;font-weight:800}.milestone-reward-box{color:#ffd65a;background:#00000059;border:1px solid #ffffff14;border-radius:8px;padding:8px 10px;font-size:12px}.milestone-card.unlocked .milestone-reward-box{color:#86efac;border-color:#22c55e40}.milestone-desc{color:#94a3b8;flex:1;margin:0;font-size:11px;line-height:1.4}.milestone-mini-bar{background:#ffffff14;border-radius:4px;width:100%;height:6px;margin-top:4px;overflow:hidden}.milestone-mini-fill{background:linear-gradient(90deg,#3b82f6 0%,#ffd65a 100%);border-radius:4px;height:100%}.milestone-card.unlocked .milestone-mini-fill{background:#22c55e}.top-referrals-table-card{background:linear-gradient(#132235 0%,#09131f 100%);border:1px solid #ffd65a59;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px #00000080}.table-header-row{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;background:#0006;border-bottom:1px solid #ffffff1a;grid-template-columns:80px 1.5fr 1fr 100px 130px;padding:12px 18px;font-size:11px;font-weight:800;display:grid}.table-rank-row{border-bottom:1px solid #ffffff0f;grid-template-columns:80px 1.5fr 1fr 100px 130px;align-items:center;padding:14px 18px;font-size:13px;transition:background .15s;display:grid}.table-rank-row:hover{background:#ffffff08}.table-rank-row.rank-1{background:#ffd65a0f}.table-rank-row.current-user-row{background:#3b82f61f;border-left:3px solid #3b82f6}.rank-tag{color:#fff;font-size:12px;font-weight:900}.col-user{align-items:center;gap:8px;display:flex}.user-name{color:#fff;font-weight:700}.vip-badge{color:#ffd65a;background:#ffd65a26;border:1px solid #ffd65a66;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:900}.you-pill{color:#60a5fa;background:#3b82f633;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:900}.col-code code{color:#94a3b8;background:#0000004d;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px}.col-refs strong{color:#fff;font-size:14px}.prize-wrap{flex-direction:column;display:flex}.prize-wrap .king-amt{color:#ffd65a;font-size:14px;font-weight:900}.prize-wrap .vip-tag{color:#fbbf24;font-size:10px;font-weight:800}.table-footer-summary{background:#0000004d;padding:12px 18px}.user-standing-summary{color:#cbd5e1;align-items:center;gap:10px;font-size:12px;display:flex}.referral-modal-card.in-game-modal{max-width:480px;max-height:90vh;overflow-y:auto}.modal-subtabs{background:#00000059;border:1px solid #ffffff1a;border-radius:10px;gap:6px;padding:4px;display:flex}.modal-subtabs button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 6px;font-size:11px;font-weight:700;transition:all .15s}.modal-subtabs button.active{color:#ffd65a;background:#1a2a3e;box-shadow:0 2px 6px #0006}.tab-pane-content{flex-direction:column;gap:14px;animation:.2s modalFadeIn;display:flex}.in-modal-counter{color:#cbd5e1;background:#ffd65a14;border:1px solid #ffd65a33;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.in-modal-counter strong{color:#ffd65a;font-size:14px}.modal-milestones-list{flex-direction:column;gap:8px;max-height:280px;display:flex;overflow-y:auto}.modal-milestone-item{background:#00000059;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.modal-milestone-item.unlocked{background:#22c55e0f;border-color:#22c55e59}.milestone-badge-top{justify-content:space-between;display:flex}.milestone-badge-top .target-num{color:#94a3b8;font-size:9.5px;font-weight:800}.milestone-badge-top .status-badge{border-radius:6px;padding:1px 6px;font-size:9.5px;font-weight:800}.milestone-badge-top .status-badge.done{color:#4ade80;background:#22c55e26}.milestone-badge-top .status-badge.prog{color:#ffd65a;background:#ffd65a26}.modal-milestone-item strong{color:#fff;font-size:12px}.modal-milestone-item p{color:#cbd5e1;margin:0;font-size:11px}.leaderboard-pool-banner{background:#ffd65a1a;border:1px solid #ffd65a4d;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.leaderboard-pool-banner strong{color:#ffd65a;font-size:12px;display:block}.leaderboard-pool-banner small{color:#94a3b8;font-size:10px}.modal-rankings-list{flex-direction:column;gap:6px;display:flex}.modal-rank-item{background:#00000059;border:1px solid #ffffff14;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.modal-rank-item.is-me{background:#3b82f61a;border-color:#3b82f6}.rank-pos{color:#ffd65a;width:70px;font-size:11px;font-weight:800}.rank-name-box{flex-direction:column;flex:1;display:flex}.rank-name-box strong{color:#fff;font-size:12px}.rank-name-box small{color:#64748b;font-family:monospace}.rank-refs-count{color:#94a3b8;margin-right:12px;font-size:11px}.modal-rank-item .rank-prize-badge{text-align:right}.modal-rank-item .rank-prize-badge span{color:#ffd65a;font-size:12px;font-weight:900;display:block}.modal-rank-item .rank-prize-badge small{color:#fbbf24;font-size:9px;font-weight:800}.prelaunch-screen-root{color:#e2e8f0;background:radial-gradient(circle at 50% 15%,#15273f 0%,#08111c 60%,#03070d 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.prelaunch-card{background:linear-gradient(#102135 0%,#09131f 100%);border:1px solid #ffd65a73;border-radius:20px;flex-direction:column;gap:20px;width:100%;max-width:580px;padding:32px 28px;animation:.3s ease-out modalFadeIn;display:flex;box-shadow:0 25px 60px #000c,0 0 35px #ffd65a26}.prelaunch-header{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.prelaunch-logo-img{object-fit:contain;filter:drop-shadow(0 4px 12px #000000b3);height:52px}.prelaunch-badge-pill{color:#ffd65a;letter-spacing:.08em;text-transform:uppercase;background:#ffd65a1f;border:1px solid #ffd65a66;border-radius:20px;align-items:center;gap:8px;padding:4px 14px;font-size:10px;font-weight:800;display:inline-flex}.pulsing-beacon{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:1s infinite alternate pulseBeacon;box-shadow:0 0 8px #22c55e}@keyframes pulseBeacon{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1.3)}}.prelaunch-title{color:#fff;margin:4px 0 0;font-size:22px;font-weight:900;line-height:1.25}.prelaunch-subtitle{color:#94a3b8;margin:0;font-size:12px;line-height:1.5}.prelaunch-subtitle strong{color:#ffd65a}.prelaunch-countdown-wrap{background:#00000073;border:1px solid #ffd65a40;border-radius:16px;justify-content:center;padding:18px 24px;display:flex}.countdown-grid{align-items:center;gap:12px;display:flex}.countdown-box{background:#08111a;border:1px solid #ffd65a59;border-radius:12px;flex-direction:column;align-items:center;min-width:82px;padding:8px 10px;display:flex;box-shadow:inset 0 2px 6px #0009}.countdown-digits{color:#ffd65a;letter-spacing:.05em;text-shadow:0 0 15px #ffd65a59;font-family:monospace;font-size:36px;font-weight:900;line-height:1.1}.countdown-label{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:800}.countdown-separator{color:#ffd65a;margin-bottom:12px;font-size:28px;font-weight:900}.btn-enter-kingdom-epic{color:#fff;letter-spacing:.04em;cursor:pointer;background:linear-gradient(#22c55e 0%,#15803d 100%);border:1px solid #ffffff4d;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:15px;font-weight:900;transition:all .2s;animation:1.2s infinite alternate pulseBeacon;display:flex;box-shadow:0 0 25px #22c55e66}.btn-enter-kingdom-epic:hover{filter:brightness(1.15);transform:translateY(-2px)}.unlocked-header-box{text-align:center}.unlocked-title{color:#4ade80;margin:0;font-size:22px;font-weight:900}.unlocked-subtitle{color:#cbd5e1;margin:4px 0 0;font-size:12px}.prelaunch-ranking-banner{background:#ffd65a14;border:1px solid #ffd65a40;border-radius:12px;align-items:center;gap:14px;padding:12px 16px;display:flex}.ranking-banner-icon{background:#ffd65a26;border:1px solid #ffd65a66;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ranking-banner-icon .trophy-icon{color:#ffd65a}.ranking-banner-text strong{color:#ffd65a;margin-bottom:2px;font-size:12px;display:block}.ranking-banner-text p{color:#cbd5e1;margin:0;font-size:11px;line-height:1.4}.prelaunch-user-card{background:#00000059;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.user-card-header{color:#4ade80;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;padding-bottom:6px;font-size:11px;font-weight:800;display:flex}.text-green{color:#4ade80}.text-gold{color:#ffd65a}.user-stats-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.user-stat-cell{background:#ffffff08;border-radius:8px;padding:6px 10px}.user-stat-cell small{color:#94a3b8;text-transform:uppercase;font-size:9.5px;display:block}.user-stat-cell strong{color:#fff;font-size:12px}.user-ref-cell{background:#ffd65a14;border:1px dashed #ffd65a4d;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.user-ref-cell small{color:#cbd5e1;font-size:10.5px}.user-ref-cell code{color:#ffd65a;font-family:monospace;font-size:13px;font-weight:900}.prelaunch-footer-actions{justify-content:space-between;align-items:center;gap:10px;padding-top:4px;display:flex}.btn-prelaunch-back{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.btn-prelaunch-back:hover{color:#fff;background:#ffffff26}.btn-prelaunch-logout{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.btn-prelaunch-logout:hover{color:#fff;background:#ef44444d}