@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap";
@tailwind base;@tailwind components;@tailwind utilities;:root{--bg:#070b1a;--bg-card:#0d1425;--color-primary:#00d9ff;--color-secondary:#b800e6;--color-accent:#ff6b35;--text-primary:#e8edf5;--text-muted:#e8edf5a6;--border-subtle:#1a2235;--africa:#ff6b35;--north-america:#00d9ff;--south-america:#0f8;--asia:#b800e6;--europe:gold;--oceania:#ff3cac;--font-display:"Orbitron", monospace;--font-body:"Space Grotesk", sans-serif;--font-mono:"Space Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg);max-width:100vw;color:var(--text-primary);font-family:var(--font-body);overflow-x:hidden}.mesh{background-image:radial-gradient(circle at 1px 1px,#00d9ff0a 1px,#0000 0);background-size:48px 48px}@layer utilities{.glow-blue{text-shadow:0 0 20px #00d9ffcc,0 0 40px #00d9ff66}.glow-purple{text-shadow:0 0 15px #b800e6e6}.glow-orange{text-shadow:0 0 15px #ff6b35e6}.glow-green{text-shadow:0 0 15px #00ff88e6}.glow-gold{text-shadow:0 0 15px #ffd700e6}.glow-pink{text-shadow:0 0 15px #ff3cace6}.border-glow-blue{box-shadow:0 0 20px #00d9ff80,0 0 40px #00d9ff33}.border-glow-purple{box-shadow:0 0 20px #b800e680,0 0 40px #b800e633}.flicker{animation:8s ease-in-out infinite flicker}.btn-clip{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-ticker{width:max-content;animation:35s linear infinite ticker;display:flex}@keyframes flicker{0%,95%,to{opacity:1}96%{opacity:.4}97%{opacity:1}98%{opacity:.6}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.status-dot{animation:2s ease-in-out infinite blink}@keyframes score-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.continent-card{cursor:pointer;background:#0d1425d9;border:1px solid #ffffff0f;transition:all .3s;position:relative;overflow:hidden}.continent-card:hover{transform:translateY(-4px)}.hud-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--font-mono);background:#0d1425bf;border:1px solid #00d9ff33}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px}.continent-card::-webkit-scrollbar{display:none}.continent-card{scrollbar-width:none}@media (max-width:768px){.nav-links,.nav-logo-subtitle{display:none!important}.nav-cta{padding:8px 16px!important;font-size:10px!important}.hero-grid{grid-template-columns:1fr!important;gap:32px!important;padding:40px 20px!important}.hero-left{text-align:center!important;flex-direction:column!important;align-items:center!important;display:flex!important}.hero-left p{text-align:center!important}.hero-title{text-align:center!important;font-size:clamp(28px,8vw,42px)!important}.hero-hud{display:none!important}.continent-grid{grid-template-columns:1fr!important}.leaderboard-grid,.profile-grid{grid-template-columns:1fr!important;gap:24px!important}.stats-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.theaters-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.footer-grid{grid-template-columns:1fr!important;gap:32px!important}.footer-bottom{text-align:center!important;flex-direction:column!important;gap:12px!important}.cta-buttons{flex-direction:column!important;align-items:center!important}.cta-buttons a,.cta-buttons button{text-align:center!important;width:100%!important}.stats-bar{gap:16px!important}.quiz-options{grid-template-columns:1fr!important}}@media (max-width:480px){.continent-grid{grid-template-columns:1fr!important}.hero-stats{gap:20px!important}.stats-grid{grid-template-columns:1fr 1fr!important}}