:root{--pink: #ff2bd6;--hot: #ff3ea5;--mag: #c724b1;--cy: #00f0ff;--bl: #2de2e6;--vi: #7a04eb;--sun1: #ffd319;--sun2: #ff901f;--sun3: #ff2975;--sun4: #f222ff;--sun5: #8c1eff;--green: #00ff9d;--red: #ff3e55;--deep: #0b0420;--deeper: #05010f;--ink: #fef4ff;--muted: #c7a8ff;--font-display: "Monoton", "Audiowide", sans-serif;--font-game: "Audiowide", sans-serif;--font-tech: "Orbitron", sans-serif;--font-body: "Rajdhani", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;background:#05010f;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow-x:hidden}button{font-family:inherit;color:inherit}input,textarea{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.bg-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 120%,rgba(255,41,117,.35),transparent 55%),radial-gradient(ellipse at 20% -10%,rgba(122,4,235,.45),transparent 55%),radial-gradient(ellipse at 80% 0%,rgba(0,240,255,.25),transparent 55%),linear-gradient(180deg,#1a0533,#0b0420 55%,#05010f)}.bg-sun{position:absolute;left:50%;top:32%;width:min(90vw,560px);aspect-ratio:1;transform:translate(-50%,-50%);background:linear-gradient(180deg,var(--sun1) 0%,var(--sun2) 30%,var(--sun3) 60%,var(--sun4) 85%,var(--sun5) 100%);border-radius:50%;filter:drop-shadow(0 0 80px rgba(255,41,117,.5));-webkit-mask:linear-gradient(180deg,#000 0 48%,transparent 49% 50%,#000 50% 52%,transparent 53% 54%,#000 54% 57%,transparent 58% 59%,#000 59% 63%,transparent 64% 65%,#000 65% 70%,transparent 71% 72%,#000 72% 100%);mask:linear-gradient(180deg,#000 0 48%,transparent 49% 50%,#000 50% 52%,transparent 53% 54%,#000 54% 57%,transparent 58% 59%,#000 59% 63%,transparent 64% 65%,#000 65% 70%,transparent 71% 72%,#000 72% 100%);animation:sun-pulse 6s ease-in-out infinite}@keyframes sun-pulse{0%,to{filter:drop-shadow(0 0 60px rgba(255,41,117,.4))}50%{filter:drop-shadow(0 0 120px rgba(255,41,117,.7))}}.bg-grid{position:absolute;left:0;right:0;bottom:0;height:55vh;background:linear-gradient(180deg,transparent 0%,rgba(5,1,15,.2) 30%,#05010f 100%),repeating-linear-gradient(90deg,transparent 0 calc(5% - 1px),rgba(255,41,117,.65) calc(5% - 1px) 5%),repeating-linear-gradient(0deg,transparent 0 calc(6% - 1px),rgba(0,240,255,.55) calc(6% - 1px) 6%);transform-origin:50% 0;transform:perspective(500px) rotateX(62deg);animation:grid-scroll 2.2s linear infinite;-webkit-mask:linear-gradient(180deg,transparent 0%,#000 25% 100%);mask:linear-gradient(180deg,transparent 0%,#000 25% 100%)}@keyframes grid-scroll{0%{background-position:0 0,0 0,0 0}to{background-position:0 0,0 0,0 -60px}}.bg-scan{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 2px 4px);mix-blend-mode:overlay;opacity:.35}.bg-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.card{position:relative;background:linear-gradient(180deg,#190332b8,#0b0420e0);border:1.5px solid rgba(255,62,165,.55);border-radius:18px;box-shadow:0 0 0 1px #00f0ff26 inset,0 8px 32px #ff29752e,0 0 18px #00f0ff1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn{font-family:var(--font-tech);background:linear-gradient(135deg,var(--hot),var(--vi));color:#fff;border:0;padding:14px 18px;border-radius:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,filter .2s ease;box-shadow:0 0 24px #ff29d573,0 6px 16px #0006}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1)}.btn:active:not(:disabled){transform:translateY(0) scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.4)}.btn.ghost{background:transparent;border:1.5px solid var(--cy);color:var(--cy);box-shadow:0 0 18px #00f0ff40 inset,0 0 12px #00f0ff40}.btn.success{background:linear-gradient(135deg,var(--green),var(--cy));box-shadow:0 0 24px #00ff9d73,0 6px 16px #0006;color:#05010f}.btn.danger{background:linear-gradient(135deg,var(--red),#c01068);box-shadow:0 0 24px #ff3e5573,0 6px 16px #0006}.input{width:100%;padding:14px 16px;border-radius:12px;color:#fff;background:#080216b3;border:1.5px solid rgba(0,240,255,.4);outline:none;font-size:16px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--pink);box-shadow:0 0 0 3px #ff2bd640}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#00f0ff1a;border:1px solid rgba(0,240,255,.4);color:var(--cy);font-family:var(--font-tech);font-size:11px;letter-spacing:.1em}.chip .dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;animation:live-pulse 1.6s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.glow-pink{text-shadow:0 0 10px var(--pink),0 0 22px rgba(255,43,214,.6)}.glow-cyan{text-shadow:0 0 10px var(--cy),0 0 22px rgba(0,240,255,.6)}.glow-sun{text-shadow:0 0 10px var(--sun1),0 0 22px rgba(255,211,25,.6)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:linear-gradient(var(--hot),var(--vi));border-radius:10px}::-webkit-scrollbar-track{background:#0000004d}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:radial-gradient(ellipse at center,#7a04eb59,#05010feb);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:fade-in .25s ease;padding:16px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{width:min(96vw,520px);max-height:calc(100vh - 32px);overflow-y:auto;animation:modal-in .35s cubic-bezier(.2,.9,.2,1.1)}@keyframes modal-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
