:root{--color-bg: #05050F;--color-bg-gradient: radial-gradient(ellipse at 50% 0%, #0a0a2e 0%, #05050F 70%);--color-surface: rgba(15, 15, 40, .8);--color-surface-light: rgba(30, 30, 60, .6);--color-surface-border: rgba(100, 100, 255, .1);--color-accent: #E94560;--color-accent-glow: rgba(233, 69, 96, .4);--color-accent-secondary: #7B2FFF;--color-text: #E8E8F0;--color-text-secondary: #6E6E8A;--color-rarity-common: #8E8E9E;--color-rarity-uncommon: #00E676;--color-rarity-rare: #448AFF;--color-rarity-epic: #D050FF;--color-rarity-legendary: #FFD740;--color-neon-blue: #00D4FF;--color-neon-purple: #7B2FFF;--color-neon-pink: #FF2E97;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--nav-height: 70px;--nav-total: calc(var(--nav-height) + var(--safe-bottom))}*{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--color-neon-pink);color:#000;text-shadow:none}::-moz-selection{background:var(--color-neon-pink);color:#000;text-shadow:none}body{background:var(--color-bg);background-image:var(--color-bg-gradient);color:var(--color-text);font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;min-height:-webkit-fill-available;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:none;padding-bottom:var(--nav-total);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;touch-action:pan-y}body:before{content:" ";display:block;position:fixed;inset:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:2;background-size:100% 4px,6px 100%;pointer-events:none}.bg-grid{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(100,100,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(100,100,255,.05) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0;opacity:.6}.bg-particles{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(1.5px 1.5px at 20% 30%,rgba(0,212,255,.5),transparent),radial-gradient(1.5px 1.5px at 80% 20%,rgba(123,47,255,.4),transparent),radial-gradient(2px 2px at 40% 70%,rgba(233,69,96,.3),transparent),radial-gradient(1px 1px at 60% 50%,rgba(0,212,255,.5),transparent),radial-gradient(2px 2px at 10% 80%,rgba(123,47,255,.3),transparent),radial-gradient(1.5px 1.5px at 90% 60%,rgba(233,69,96,.4),transparent);pointer-events:none;z-index:0;animation:floatParticles 25s linear infinite}@keyframes floatParticles{0%{transform:translateY(0)}50%{transform:translateY(-15px) scale(1.02)}to{transform:translateY(0)}}#root{position:relative;z-index:1}.glass{background:#0f0f2899;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-surface-border);box-shadow:0 8px 32px #0000004d}.glow-accent{box-shadow:0 0 20px var(--color-accent-glow),inset 0 0 20px #e945600d;transition:box-shadow .3s ease-in-out}.glow-accent:hover{box-shadow:0 0 30px #e9456099,inset 0 0 30px #e945601a}.glow-blue{box-shadow:0 0 20px #00d4ff4d,inset 0 0 20px #00d4ff0d;transition:box-shadow .3s ease-in-out}.glow-blue:hover{box-shadow:0 0 30px #00d4ff80,inset 0 0 30px #00d4ff1a}.glow-purple{box-shadow:0 0 20px #7b2fff4d,inset 0 0 20px #7b2fff0d;transition:box-shadow .3s ease-in-out}.glow-purple:hover{box-shadow:0 0 30px #7b2fff80,inset 0 0 30px #7b2fff1a}@keyframes shimmer{0%{transform:translate(-150%)}50%{transform:translate(150%)}to{transform:translate(150%)}}.legendary-shimmer{background:linear-gradient(90deg,transparent 0%,transparent 30%,rgba(255,215,64,.6) 50%,transparent 70%,transparent 100%);background-size:200% 100%;animation:shimmer 2.5s infinite linear;position:absolute;inset:0;border-radius:inherit;pointer-events:none}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #e945604d}50%{box-shadow:0 0 30px #e9456099;text-shadow:0 0 10px rgba(233,69,96,.8)}}.mia-pulse{animation:pulse-glow 2s infinite ease-in-out}.mia-glitch-text{position:relative;display:inline-block}.mia-glitch-text:before,.mia-glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-bg);opacity:.8}.mia-glitch-text:before{left:2px;text-shadow:-2px 0 var(--color-neon-pink);clip:rect(24px,550px,90px,0);animation:glitch-anim-2 3s infinite linear alternate-reverse}.mia-glitch-text:after{left:-2px;text-shadow:-2px 0 var(--color-neon-blue);clip:rect(85px,550px,140px,0);animation:glitch-anim 2.5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(10px,9999px,83px,0);transform:skew(.2deg)}5%{clip:rect(69px,9999px,60px,0);transform:skew(.4deg)}10%{clip:rect(4px,9999px,49px,0);transform:skew(.8deg)}15%{clip:rect(78px,9999px,85px,0);transform:skew(.1deg)}20%{clip:rect(32px,9999px,35px,0);transform:skew(.3deg)}25%{clip:rect(100px,9999px,11px,0);transform:skew(.8deg)}30%{clip:rect(81px,9999px,100px,0);transform:skew(.2deg)}to{clip:rect(10px,9999px,83px,0);transform:skew(0)}}@keyframes glitch-anim-2{0%{clip:rect(65px,9999px,100px,0);transform:skew(.5deg)}5%{clip:rect(15px,9999px,7px,0);transform:skew(.1deg)}10%{clip:rect(37px,9999px,38px,0);transform:skew(.8deg)}15%{clip:rect(89px,9999px,95px,0);transform:skew(.3deg)}20%{clip:rect(4px,9999px,43px,0);transform:skew(.5deg)}25%{clip:rect(12px,9999px,52px,0);transform:skew(.1deg)}30%{clip:rect(42px,9999px,86px,0);transform:skew(.9deg)}to{clip:rect(65px,9999px,100px,0);transform:skew(0)}}.mia-flicker{animation:blink 2s infinite alternate}@keyframes blink{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 10px var(--color-neon-pink),0 0 20px var(--color-neon-pink);opacity:1}20%,24%,55%{text-shadow:none;opacity:.5}}.mia-cyber-btn{background:transparent;color:var(--color-neon-blue);border:1px solid var(--color-neon-blue);text-transform:uppercase;font-weight:700;letter-spacing:2px;padding:10px 20px;position:relative;overflow:hidden;transition:.3s;cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.mia-cyber-btn:hover{background:var(--color-neon-blue);color:#000;box-shadow:0 0 15px var(--color-neon-blue)}.mia-cyber-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:.5s}.mia-cyber-btn:hover:before{left:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#05050fcc;border-left:1px solid rgba(0,212,255,.1)}::-webkit-scrollbar-thumb{background:#00d4ff66;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#00d4ffcc;box-shadow:0 0 10px var(--color-neon-blue)}.custom-toggle{position:relative;display:inline-block;width:44px;height:24px}.custom-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-surface-light);transition:.3s;border-radius:4px;border:1px solid var(--color-surface-border)}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:3px;background-color:var(--color-text);transition:.3s;border-radius:2px}.custom-toggle input:checked+.toggle-slider{background-color:transparent;border-color:var(--color-neon-blue);box-shadow:0 0 10px #00d4ff4d inset}.custom-toggle input:checked+.toggle-slider:before{transform:translate(20px);background-color:var(--color-neon-blue);box-shadow:0 0 10px var(--color-neon-blue)}