:root{--gold: #f5c842;--deep-gold: #c9950c;--amber: #ff8c00;--earth: #8B4513;--deep-earth: #5c2a00;--savanna: #d4a017;--sunset: #ff6b35;--night-sky: #0d0a1e;--dark-bg: #0f0700;--card-bg: #1a0e00;--panel-bg: #140a00;--green-jungle: #2d5a1b;--deep-green: #1a3510;--water-blue: #1a4a7a;--sand: #e8c87a;--text-primary: #f5e6c8;--text-secondary: #b8956a;--text-muted: #7a5a3a;--border: #4a2800;--border-glow: #8B4513;--common: #8ba0b0;--rare: #4a90e2;--epic: #9b59b6;--legendary: #f39c12;--fire: #ff4500;--water: #1e90ff;--earth-el: #8B4513;--wind: #87ceeb;--nature: #32cd32}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Ubuntu,Raleway,sans-serif;background-color:var(--dark-bg);color:var(--text-primary);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:var(--earth);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--deep-gold)}h1,h2,h3,.title-font{font-family:Cinzel,serif}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border:none;border-radius:8px;font-family:Ubuntu,sans-serif;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--amber));color:var(--dark-bg)}.btn-primary:hover{background:linear-gradient(135deg,var(--amber),var(--gold));transform:translateY(-2px);box-shadow:0 8px 25px #f5c84266}.btn-secondary{background:transparent;border:2px solid var(--gold);color:var(--gold)}.btn-secondary:hover{background:#f5c8421a;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#c0392b,#e74c3c);color:#fff}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c66}.btn-ghost{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border)}.btn-ghost:hover{background:#ffffff1a}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:20px;transition:all .3s ease}.card:hover{border-color:var(--gold);box-shadow:0 0 20px #f5c84226}.explorer-card{width:200px;min-height:280px;border-radius:16px;overflow:hidden;border:2px solid;transition:all .4s ease;cursor:pointer;position:relative;background:linear-gradient(180deg,var(--card-bg) 0%,var(--panel-bg) 100%)}.explorer-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000080}.explorer-card.rarity-common{border-color:var(--common)}.explorer-card.rarity-rare{border-color:var(--rare);box-shadow:0 0 15px #4a90e24d}.explorer-card.rarity-epic{border-color:var(--epic);box-shadow:0 0 15px #9b59b64d}.explorer-card.rarity-legendary{border-color:var(--legendary);box-shadow:0 0 25px #f39c1280;animation:legendaryGlow 2s ease-in-out infinite alternate}@keyframes legendaryGlow{0%{box-shadow:0 0 25px #f39c1266}to{box-shadow:0 0 45px #f39c12cc,0 0 80px #f39c124d}}.explorer-card .card-header{padding:12px;background:#0000004d;display:flex;justify-content:space-between;align-items:center}.explorer-card .card-art{width:100%;height:140px;display:flex;align-items:center;justify-content:center;font-size:5rem;background:linear-gradient(180deg,rgba(139,69,19,.2),transparent)}.explorer-card .card-stats{padding:10px;display:grid;grid-template-columns:repeat(2,1fr);gap:6px;font-size:.8rem}.stat-item{display:flex;align-items:center;gap:4px;color:var(--text-secondary)}.stat-value{color:var(--gold);font-weight:700}.rarity-badge{padding:2px 8px;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.rarity-badge.common{background:#8ba0b033;color:var(--common)}.rarity-badge.rare{background:#4a90e233;color:var(--rare)}.rarity-badge.epic{background:#9b59b633;color:var(--epic)}.rarity-badge.legendary{background:#f39c1233;color:var(--legendary)}.element-badge{padding:3px 8px;border-radius:12px;font-size:.75rem;font-weight:600}.element-fire{background:#ff450033;color:var(--fire)}.element-water{background:#1e90ff33;color:var(--water)}.element-earth{background:#8b451333;color:var(--earth)}.element-wind{background:#87ceeb33;color:var(--wind)}.element-nature{background:#32cd3233;color:var(--nature)}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .5s ease;background:linear-gradient(90deg,var(--gold),var(--amber))}.territory-card{background:var(--card-bg);border:2px solid var(--border);border-radius:12px;padding:16px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.territory-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 60%,rgba(245,200,66,.05));pointer-events:none}.territory-card:hover{border-color:var(--gold);transform:scale(1.02);box-shadow:0 10px 30px #0006}.territory-card.owned{border-color:var(--nature)}.territory-card.contested{border-color:var(--fire)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0f0700f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:Cinzel,serif;font-size:1.4rem;font-weight:900;color:var(--gold)}.navbar-links{display:flex;align-items:center;gap:8px}.nav-link{padding:8px 16px;border-radius:8px;text-decoration:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:all .2s}.nav-link:hover,.nav-link.active{color:var(--gold);background:#f5c8421a}.navbar-user{display:flex;align-items:center;gap:12px}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 30% 50%,rgba(139,69,19,.3) 0%,transparent 60%),radial-gradient(ellipse at 70% 30%,rgba(255,107,53,.2) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(245,200,66,.1) 0%,transparent 40%),linear-gradient(180deg,#0f0700,#0d0500)}.hero-content{text-align:center;z-index:2;padding:20px;max-width:900px}.hero-title{font-family:Cinzel,serif;font-size:clamp(2.5rem,8vw,5rem);font-weight:900;color:var(--gold);text-shadow:0 0 40px rgba(245,200,66,.5);margin-bottom:8px;letter-spacing:4px}.hero-subtitle{font-family:Raleway,sans-serif;font-size:clamp(1rem,3vw,1.4rem);color:var(--text-secondary);margin-bottom:24px;letter-spacing:2px;text-transform:uppercase}.hero-description{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto 40px;line-height:1.7}.hero-badges{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:40px}.hero-badge{padding:6px 16px;border-radius:20px;background:#f5c8421a;border:1px solid rgba(245,200,66,.3);color:var(--gold);font-size:.85rem;font-weight:600}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center}.stat-card .stat-number{font-family:Cinzel,serif;font-size:2rem;font-weight:700;color:var(--gold)}.stat-card .stat-label{font-size:.85rem;color:var(--text-muted);margin-top:4px}.battle-arena{background:radial-gradient(ellipse at center,rgba(139,69,19,.2) 0%,transparent 70%),linear-gradient(180deg,var(--panel-bg),var(--dark-bg));border:2px solid var(--earth);border-radius:20px;padding:30px;min-height:400px;position:relative}.battle-vs{font-family:Cinzel,serif;font-size:3rem;font-weight:900;color:var(--sunset);text-shadow:0 0 20px rgba(255,107,53,.6);text-align:center;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.section-title{font-family:Cinzel,serif;font-size:1.8rem;color:var(--gold);margin-bottom:8px}.section-subtitle{color:var(--text-muted);font-size:.95rem;margin-bottom:24px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{background:var(--card-bg);border:2px solid var(--border);border-radius:20px;padding:30px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.hive-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#e2003426;border:1px solid rgba(226,0,52,.4);border-radius:20px;color:#e20034;font-size:.8rem;font-weight:700}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--card-bg) 25%,var(--panel-bg) 50%,var(--card-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.particle{position:fixed;width:4px;height:4px;border-radius:50%;background:var(--gold);opacity:0;pointer-events:none;animation:float 8s ease-in-out infinite}@keyframes float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.2}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.africa-map{width:100%;max-width:600px;margin:0 auto;position:relative}.game-notification{position:fixed;top:80px;right:20px;z-index:1500;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.territories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.page{min-height:100vh;padding-top:80px;padding-bottom:60px}.container{max-width:1400px;margin:0 auto;padding:0 20px}.glow-gold{box-shadow:0 0 20px #f5c84266}.glow-fire{box-shadow:0 0 20px #ff450066}.glow-water{box-shadow:0 0 20px #1e90ff66}.text-glow-gold{text-shadow:0 0 20px rgba(245,200,66,.6)}.fade-in{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.battle-log{background:#0006;border:1px solid var(--border);border-radius:12px;padding:16px;max-height:300px;overflow-y:auto;font-family:Ubuntu Mono,monospace;font-size:.9rem}.battle-log-entry{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text-secondary)}.battle-log-entry.win{color:var(--nature)}.battle-log-entry.lose{color:var(--fire)}.battle-log-entry.ability{color:var(--legendary)}@media(max-width:768px){.navbar-links{display:none}.hero-title{font-size:2.5rem}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.explorer-card{width:160px;min-height:230px}.stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.hero-buttons{flex-direction:column;align-items:center}.territories-grid{grid-template-columns:1fr}}.hive-power{color:#e20034;font-weight:700}.hp-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.hp-fill{height:100%;background:linear-gradient(90deg,var(--nature),#90ee90);transition:width .5s ease}.leaderboard-row{display:flex;align-items:center;padding:12px 16px;border-radius:10px;background:#ffffff08;border:1px solid var(--border);margin-bottom:8px;transition:all .2s}.leaderboard-row:hover{background:#f5c8420d;border-color:var(--gold)}.leaderboard-rank{font-family:Cinzel,serif;font-size:1.2rem;font-weight:700;width:40px;color:var(--text-muted)}.leaderboard-rank.top-3{color:var(--gold)}.market-listing{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px;transition:all .2s}.market-listing:hover{border-color:var(--gold);transform:translate(4px)}.wallet-display{background:linear-gradient(135deg,var(--card-bg),var(--panel-bg));border:2px solid var(--earth);border-radius:16px;padding:20px}.balance-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.balance-row:last-child{border-bottom:none}