:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;-webkit-user-select:none;user-select:none}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.gaming-bg{background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e,#0f3460,#533483)}.neon-glow{text-shadow:0 0 5px #00ffff,0 0 10px #00ffff,0 0 15px #00ffff,0 0 20px #00ffff}.card-glow{box-shadow:0 0 20px #00ffff4d,0 0 40px #8a2be233}.gaming-card{background:linear-gradient(145deg,#1e1e2e,#2d2d44);border:2px solid transparent;background-clip:padding-box;position:relative}.gaming-card:before{content:"";position:absolute;inset:0;padding:2px;background:linear-gradient(145deg,#0ff,#f0f,#ff0);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;opacity:0;transition:opacity .3s ease}.gaming-card:hover:before{opacity:1}.orbitron{font-family:Orbitron,monospace}.cinzel{font-family:Cinzel,serif}.inter{font-family:Inter,sans-serif}.cyber-grid{background-image:linear-gradient(rgba(0,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:grid-move 20s linear infinite}@keyframes grid-move{0%{background-position:0 0}to{background-position:50px 50px}}.particle{position:absolute;background:#0ff;border-radius:50%;pointer-events:none;animation:float-particle 6s infinite linear}@keyframes float-particle{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) scale(1);opacity:0}}.glitch{animation:glitch .3s infinite}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.energy-bar{background:linear-gradient(90deg,#ff0080,#0ff);height:4px;border-radius:2px;animation:energy-pulse 2s ease-in-out infinite}@keyframes energy-pulse{0%,to{opacity:.6;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.05)}}.hologram{background:linear-gradient(-60deg,transparent 30%,rgba(0,255,255,.3) 50%,transparent 70%);background-size:200% 100%;animation:hologram-scan 3s linear infinite}@keyframes hologram-scan{0%{background-position:200% 0%}to{background-position:0 0}}.battle-ready{transform:perspective(1000px) rotateX(10deg);transition:all .3s ease}.battle-ready:hover{transform:perspective(1000px) rotateX(0) scale(1.05)}.mana-crystal{background:radial-gradient(circle,#0ff,#06c);border-radius:50%;width:20px;height:20px;display:inline-block;margin:0 2px;animation:mana-pulse 1.5s ease-in-out infinite}@keyframes mana-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}#typing-effect{overflow:hidden;border-right:3px solid #00ffff;white-space:nowrap;animation:typing 3s steps(50) 1s forwards,blink .75s step-end infinite;font-size:20px;font-family:sans-serif}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:transparent}50%{border-color:#0ff}}.particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.card-animation{transition:.25s cubic-bezier(.08,.59,.29,.99);transform-style:preserve-3d}.card-animation:after,.card-animation:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;z-index:1;transition:opacity .25s}.card-animation:before{background:radial-gradient(800px circle at 30% 30%,rgba(255,255,255,.25),transparent 40%)}.card-animation:hover:before{opacity:0}.card-animation:after{opacity:0;background:radial-gradient(500px circle at var(--card-animation-lighting-x) var(--card-animation-lighting-y),rgba(255,255,255,.4),transparent 40%)}.card-animation:hover:after{opacity:1}
