*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:#071018;color:#ecf3ff;min-height:100vh;overflow-x:hidden}
#fxCanvas{position:fixed;inset:0;pointer-events:none;z-index:0}
body>*:not(#fxCanvas){position:relative;z-index:1}
:root{--panel:rgba(10,18,31,.75);--line:rgba(255,255,255,.08);--muted:#9cb2ca;--accent:#57f5c3;--accent2:#63b3ff}
.bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(circle at center,black,transparent 75%);pointer-events:none}
.bg-glow{position:fixed;border-radius:50%;filter:blur(60px);opacity:.25;pointer-events:none}
.glow-1{width:420px;height:420px;left:-120px;top:80px;background:#57f5c3}.glow-2{width:320px;height:320px;right:4%;top:10%;background:#63b3ff}.glow-3{width:420px;height:420px;right:10%;bottom:-80px;background:#904dff}
.topbar,.layout,.admin-shell{max-width:1440px;margin:0 auto;padding:24px}
.topbar{display:flex;align-items:center;justify-content:space-between}
.topbar h1,.panel h1,.panel h2,.panel h3{font-family:Orbitron,Inter,sans-serif;margin:0}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#8ea6c0;font-size:.78rem;margin:0 0 8px}.muted{color:var(--muted)}
.topbar-actions{display:flex;gap:12px;flex-wrap:wrap}
.layout{display:grid;gap:18px}
.v3-layout{grid-template-columns:1.1fr 1.4fr 1fr;grid-template-areas:"auth hero hero" "shop missions season" "premium events inventory" "leader leader leader"}
.auth-panel{grid-area:auth}.hero-panel{grid-area:hero}.shop-panel{grid-area:shop}.missions-panel{grid-area:missions}.season-panel{grid-area:season}.premium-panel{grid-area:premium}.events-panel{grid-area:events}.inventory-panel{grid-area:inventory}.leaderboard-panel{grid-area:leader}
.panel{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(18px);border-radius:26px;padding:20px;box-shadow:0 16px 60px rgba(0,0,0,.25)}
.panel-header{display:flex;justify-content:space-between;align-items:center;gap:16px}
.primary-btn,.ghost-btn,.buy-btn{border:none;color:#fff;cursor:pointer;border-radius:16px;padding:14px 18px;font-weight:800;transition:.18s transform,.18s box-shadow,.18s opacity}
.primary-btn{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#02131f;box-shadow:0 10px 24px rgba(87,245,195,.22)}
.alt-btn{background:linear-gradient(135deg,#a66cff,#63b3ff);color:#fff}
.ghost-btn{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10)}
.buy-btn{width:100%;background:linear-gradient(135deg,rgba(87,245,195,.18),rgba(99,179,255,.24));border:1px solid rgba(99,179,255,.25)}
.primary-btn:hover,.ghost-btn:hover,.buy-btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(99,179,255,.12)}
.tabs{display:flex;gap:10px;margin:14px 0 16px}.tab{background:rgba(255,255,255,.04);color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:10px 14px;cursor:pointer}.tab.active{background:linear-gradient(135deg,rgba(87,245,195,.18),rgba(99,179,255,.24))}
.form{display:none;gap:12px}.form.active{display:grid}.form label{display:grid;gap:8px;font-size:.94rem;color:#d7e4f6}.form input{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;color:#fff}
.side-note,.ticker,.season-progress-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:14px 16px}
.stats-grid{display:grid;gap:12px;margin:20px 0}.stats-grid-v3{grid-template-columns:repeat(3,1fr)}
.stat-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px}.stat-card span{display:block;color:#9fb4cc;font-size:.84rem;margin-bottom:8px}.stat-card strong{font-size:1.25rem}
.season-progress-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.progress-bar{height:14px;background:rgba(255,255,255,.06);border-radius:999px;overflow:hidden;margin:12px 0}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--accent),#9d7dff);box-shadow:0 0 20px rgba(87,245,195,.4)}
.hero-panel-v3{overflow:hidden}
.mine-zone{position:relative;display:flex;align-items:center;justify-content:center;min-height:340px}
.mine-btn{position:relative;width:220px;height:220px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.15),rgba(255,255,255,.02) 20%),linear-gradient(135deg,rgba(87,245,195,.9),rgba(99,179,255,.92));box-shadow:0 0 0 12px rgba(255,255,255,.03),0 0 80px rgba(87,245,195,.22);display:flex;align-items:center;justify-content:center;text-align:center}
.mine-btn:active{transform:scale(.98)}.mine-core{position:absolute;inset:20px;border-radius:50%;border:1px solid rgba(255,255,255,.34);background:radial-gradient(circle,rgba(2,11,20,.2),rgba(2,11,20,.45))}
.mine-text{position:relative;z-index:2;font-size:1.25rem;letter-spacing:.28em;font-family:Orbitron,Inter,sans-serif}
.pulse-ring{position:absolute;border:1px solid rgba(87,245,195,.18);border-radius:50%;animation:pulse 3s infinite}.ring-1{width:260px;height:260px}.ring-2{width:340px;height:340px;animation-delay:1s}.ring-3{width:420px;height:420px;animation-delay:1.8s}
.rig-list,.leaderboard,.mission-list,.reward-list,.inventory-grid{display:grid;gap:12px;margin-top:16px}
.rig-card,.leader-row,.mission-card,.reward-card,.inventory-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:16px}
.rig-card,.reward-card,.inventory-card{position:relative;overflow:hidden}.rig-card::after,.reward-card::after,.inventory-card::after{content:'';position:absolute;inset:-50% auto -50% -70%;width:40%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);animation:shine 4s linear infinite}
.rig-card-top,.leader-row,.mission-card,.reward-top{display:flex;justify-content:space-between;gap:12px;align-items:center}
.rig-meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;font-size:.78rem;background:rgba(99,179,255,.14);color:#bce2ff;border:1px solid rgba(99,179,255,.18)}.badge.success{background:rgba(87,245,195,.14);color:#dffff3;border-color:rgba(87,245,195,.18)}.badge.warn{background:rgba(255,185,80,.14);color:#ffe4ba;border-color:rgba(255,185,80,.18)}
.reward-list{max-height:520px;overflow:auto;padding-right:4px}.reward-card.locked{opacity:.62}.reward-card.claimable{border-color:rgba(87,245,195,.28);box-shadow:0 0 0 1px rgba(87,245,195,.18) inset}.reward-card.claimed{border-color:rgba(99,179,255,.28)}
.reward-tier{font-family:Orbitron,Inter,sans-serif;font-size:1.2rem}
.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.inventory-card .rarity{position:absolute;top:12px;right:12px;text-transform:uppercase;font-size:.68rem;letter-spacing:.16em}
.inventory-card.common{border-color:rgba(255,255,255,.08)}.inventory-card.uncommon{border-color:rgba(87,245,195,.18)}.inventory-card.rare{border-color:rgba(99,179,255,.24)}.inventory-card.epic{border-color:rgba(157,125,255,.26)}.inventory-card.legendary{border-color:rgba(255,185,80,.34)}
.inventory-qty{font-size:1.6rem;font-family:Orbitron,Inter,sans-serif}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.floating-container{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.float-text{position:absolute;font-weight:800;color:#baffee;text-shadow:0 0 16px rgba(87,245,195,.5);animation:floatUp 1.15s ease-out forwards}
.hidden{display:none!important}
.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:16px 0}
@keyframes pulse{0%{transform:scale(.82);opacity:.42}100%{transform:scale(1.12);opacity:0}}
@keyframes shine{0%{left:-70%}100%{left:140%}}
@keyframes floatUp{0%{transform:translateY(0) scale(.92);opacity:0}15%{opacity:1}100%{transform:translateY(-92px) scale(1.08);opacity:0}}
@media (max-width:1280px){.v3-layout{grid-template-columns:1fr 1fr;grid-template-areas:"hero hero" "auth shop" "missions season" "events inventory" "premium premium" "leader leader"}}
@media (max-width:780px){.topbar,.layout,.admin-shell{padding-left:16px;padding-right:16px}.topbar{flex-direction:column;align-items:flex-start;gap:14px}.v3-layout{grid-template-columns:1fr;grid-template-areas:"hero" "auth" "shop" "missions" "season" "events" "inventory" "premium" "leader"}.stats-grid-v3,.admin-grid,.inventory-grid{grid-template-columns:1fr}.rig-card-top,.leader-row,.mission-card,.reward-top{flex-direction:column;align-items:flex-start}}

.v4-layout{grid-template-columns:1.1fr 1.4fr 1fr;grid-template-areas:"auth hero hero" "shop missions season" "premium events inventory" "clan clan clan" "leader leader leader"}
.clan-panel{grid-area:clan}
.clan-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.clan-overview{margin-bottom:16px}
.clan-form{display:grid!important;margin-top:14px}
@media (max-width:1280px){.v4-layout{grid-template-columns:1fr 1fr;grid-template-areas:"hero hero" "auth shop" "missions season" "events inventory" "premium premium" "clan clan" "leader leader"}}
@media (max-width:780px){.v4-layout{grid-template-columns:1fr;grid-template-areas:"hero" "auth" "shop" "missions" "season" "events" "inventory" "premium" "clan" "leader"}.clan-columns{grid-template-columns:1fr}}