@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap";:root{--bg-dark:#0b0f19;--bg-surface:#131b2e;--bg-card:#1c2742;--bg-card-hover:#243256;--border-subtle:#ffffff14;--border-glow:#6366f14d;--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#818cf8;--accent-cyan:#06b6d4;--accent-purple:#8b5cf6;--accent-amber:#f59e0b;--accent-emerald:#10b981;--accent-rose:#f43f5e;--accent-orange:#f97316;--accent-orange-bright:#fb923c;--accent-orange-deep:#ea580c;--accent-orange-glow:#f9731666;--accent-green:#10b981;--accent-green-bright:#22c55e;--accent-green-emerald:#059669;--accent-green-glow:#22c55e66;--accent-lime:#84cc16;--ans-a:#ef4444;--ans-a-glow:#ef444459;--ans-b:#2563eb;--ans-b-glow:#2563eb59;--ans-c:#f97316;--ans-c-glow:#f9731666;--ans-d:#10b981;--ans-d-glow:#10b98166;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-dark:#0f172a;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 2px 8px #00000040;--shadow-md:0 8px 24px #00000059;--shadow-lg:0 16px 40px #00000080;--shadow-glow:0 0 25px #6366f166}body.light-admin{--bg-dark:#f8fafc;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f1f5f9;--border-subtle:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}.app-bg-mesh{z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 15%,#f9731629 0%,#0000 42%),radial-gradient(circle at 88% 20%,#22c55e29 0%,#0000 45%),radial-gradient(circle at 50% 85%,#10b9811f 0%,#0000 50%),radial-gradient(circle at 75% 80%,#ea580c1a 0%,#0000 45%),#0b0f19;position:fixed;inset:0;overflow:hidden}.app-bg-mesh:before{content:"";opacity:.28;transform-origin:top;background-image:linear-gradient(#38bdf838 1px,#0000 1px),linear-gradient(90deg,#f973162e 1px,#0000 1px);background-size:52px 52px;height:72%;animation:18s linear infinite arenaGridDrift;position:absolute;top:42%;left:-15%;right:-15%;transform:perspective(520px)rotateX(62deg);-webkit-mask-image:linear-gradient(#0000,#000 22% 78%,#0000);mask-image:linear-gradient(#0000,#000 22% 78%,#0000)}.app-bg-mesh:after{content:"";border:1px solid #38bdf829;border-radius:50%;width:46vw;min-width:300px;height:46vw;min-height:300px;animation:12s ease-in-out infinite arenaRingFloat;position:absolute;top:8vh;right:-12vw;transform:perspective(700px)rotateX(64deg)rotate(-18deg);box-shadow:0 0 0 28px #f973160a,0 0 0 56px #22c55e09}@keyframes arenaGridDrift{0%{background-position:0 0,0 0}to{background-position:0 52px,52px 0}}@keyframes arenaRingFloat{0%,to{transform:perspective(700px)rotateX(64deg)rotate(-18deg)translate(0,0)}50%{transform:perspective(700px)rotateX(64deg)rotate(-12deg)translate(-2vw,2vh)}}@media (prefers-reduced-motion:reduce){.app-bg-mesh:before,.app-bg-mesh:after{animation:none}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:1rem}button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn{border-radius:var(--radius-md);font-weight:700;font-family:var(--font-display);letter-spacing:.02em;box-shadow:var(--shadow-sm);padding:.85rem 1.75rem;font-size:1rem;position:relative;overflow:hidden}.btn:active{transform:scale(.98)}.btn-primary{color:#fff;background:linear-gradient(135deg,#f97316 0%,#ea580c 50%,#4f46e5 100%);box-shadow:0 4px 18px #f9731659}.btn-primary:hover{background:linear-gradient(135deg,#ea580c 0%,#c2410c 50%,#4338ca 100%);transform:translateY(-2px);box-shadow:0 6px 24px #f973168c}.btn-orange{color:#fff;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);box-shadow:0 4px 18px #f9731673}.btn-orange:hover{background:linear-gradient(135deg,#ea580c 0%,#c2410c 100%);transform:translateY(-2px);box-shadow:0 6px 24px #f97316a6}.btn-green,.btn-emerald{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#10b981 100%);box-shadow:0 4px 18px #22c55e73}.btn-green:hover,.btn-emerald:hover{background:linear-gradient(135deg,#16a34a 0%,#059669 100%);transform:translateY(-2px);box-shadow:0 6px 24px #22c55ea6}.btn-orange-green{color:#fff;background:linear-gradient(135deg,#f97316 0%,#10b981 100%);box-shadow:0 4px 18px #f9731659}.btn-orange-green:hover{background:linear-gradient(135deg,#ea580c 0%,#059669 100%);transform:translateY(-2px);box-shadow:0 6px 24px #10b98180}.btn-cyan{color:#fff;background:linear-gradient(135deg,#06b6d4 0%,#0ea5e9 100%);box-shadow:0 4px 18px #06b6d466}.btn-cyan:hover{background:linear-gradient(135deg,#0891b2 0%,#0284c7 100%);transform:translateY(-2px);box-shadow:0 6px 24px #06b6d499}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14}.btn-secondary:hover{background:#ffffff24;border-color:#fff3}.btn-lg{border-radius:var(--radius-lg);padding:1.1rem 2.2rem;font-size:1.15rem}.btn-icon{border-radius:var(--radius-md);border:1px solid var(--border-subtle);color:var(--text-secondary);background:#ffffff0d;padding:.6rem}.btn-icon:hover{color:var(--text-primary);background:#ffffff1a}.badge{border-radius:var(--radius-full);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.badge-primary{color:#a5b4fc;background:#4f46e533;border:1px solid #4f46e566}.badge-cyan{color:#67e8f9;background:#06b6d433;border:1px solid #06b6d466}.badge-success{color:#6ee7b7;background:#10b98133;border:1px solid #10b98166}.badge-warning{color:#fcd34d;background:#f59e0b33;border:1px solid #f59e0b66}.badge-orange{color:#fdba74;background:#f9731638;border:1px solid #f9731680;box-shadow:0 0 10px #f9731633}.badge-green,.badge-emerald{color:#86efac;background:#22c55e38;border:1px solid #22c55e80;box-shadow:0 0 10px #22c55e33}.badge-danger{color:#fca5a5;background:#ef444433;border:1px solid #ef444466}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.75rem;position:relative}.card-glass{-webkit-backdrop-filter:blur(16px);background:#1c2742bf;border:1px solid #ffffff1a}.player-nav{justify-content:space-between;align-items:center;width:100%;max-width:1000px;margin:0 auto;padding:1rem 1.5rem;display:flex}.brand-logo{align-items:center;gap:.75rem;display:flex}.brand-logo-icon{border-radius:var(--radius-md);background:linear-gradient(135deg,#f97316 0%,#10b981 100%);border:1px solid #fff3;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 16px #f9731659}.brand-logo-text{font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#fed7aa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.35rem;font-weight:900}.brand-logo-text span{background:linear-gradient(90deg,#fb923c,#22c55e);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.nav-actions{align-items:center;gap:.75rem;display:flex}#toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{pointer-events:auto;color:#fff;border-radius:var(--radius-md);background:#1e293b;border:1px solid #ffffff1f;align-items:center;gap:12px;min-width:280px;max-width:420px;padding:12px 18px;font-size:.95rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards toastIn;display:flex;box-shadow:0 10px 30px #00000080}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(10px)scale(.95)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #6366f14d}50%{box-shadow:0 0 30px #6366f1b3}}@keyframes urgentPulse{0%,to{border-color:#ef4444;transform:scale(1)}50%{border-color:#f87171;transform:scale(1.05);box-shadow:0 0 25px #ef4444cc}}@keyframes floatAnim{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.anim-float{animation:4s ease-in-out infinite floatAnim}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-mono{font-family:var(--font-mono)}.hidden{display:none!important}