:root{--bg:#f0f4f8;--bg-radial:radial-gradient(circle at center, #ffffff 0%, #d1d9e6 100%);--cyan:#007a8a;--pink:#b500b5;--text-soft:#4a5568;--grid-color:rgba(0, 122, 138, 0.15);--scanline-opacity:0.2;--lines:"255, 255, 255";--glow:rgba(0, 122, 138, 0.2)}@media (prefers-color-scheme:dark){:root{--bg:#000;--bg-radial:radial-gradient(circle at center, #0a0a0a 0%, #000 70%);--cyan:#00d2ff;--pink:#ff2dfc;--text-soft:#bdfcff;--grid-color:rgba(0, 246, 255, 0.15);--scanline-opacity:0.2;--lines:"0, 0, 0";--glow:rgba(0, 246, 255, 0.3)}}*,::after,::before{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none}body,html{width:100%;height:100%;font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--cyan);overflow:hidden;touch-action:none;transition:background .4s ease,color .4s ease}#bg{position:fixed;inset:0;background:var(--bg-radial);z-index:1}#bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:50px 50px;background-position:center;mask-image:linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0));transform:perspective(500px) rotateX(60deg) translateY(0);animation:gridMove 3s linear infinite}@keyframes gridMove{from{transform:perspective(500px) rotateX(60deg) translateY(0)}to{transform:perspective(500px) rotateX(60deg) translateY(50px)}}#intro{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#logo{font-size:clamp(40px, 12vw, 80px);font-weight:900;letter-spacing:4px;text-transform:uppercase;position:relative;animation:logoIn 1.2s cubic-bezier(.17,.67,.83,.67) forwards}#logo span{color:var(--pink);text-shadow:0 0 15px var(--pink)}#logo::after,#logo::before{content:"XaGamez";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}#logo::before{color:var(--cyan);z-index:-1;animation:glitchEffect .3s cubic-bezier(.25,.46,.45,.94) both infinite}#logo::after{color:var(--pink);z-index:-2;animation:glitchEffect .3s cubic-bezier(.25,.46,.45,.94) reverse both infinite}@keyframes glitchEffect{0%{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(-3px,-3px)}60%{transform:translate(3px,3px)}80%{transform:translate(3px,-3px)}100%{transform:translate(0)}}@keyframes logoIn{from{opacity:0;transform:scale(.5) translateY(-20px);filter:blur(10px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}#tagline{margin-top:10px;font-size:14px;letter-spacing:5px;color:var(--text-soft);text-transform:uppercase;opacity:0;animation:fadeUp .8s ease forwards 1s}#start button{margin-top:50px!important;padding:12px 30px!important;background:0 0!important;border:2px solid var(--cyan)!important;color:var(--cyan)!important;font-family:inherit;font-weight:700;letter-spacing:3px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px var(--glow)!important;animation:blink 1.5s infinite 2s}#start button:hover{background:var(--cyan)!important;color:var(--bg)!important;box-shadow:0 0 20px var(--cyan)!important}#loading-container{display:none;width:200px;height:4px;background:rgba(127,127,127,.1);margin-top:20px;position:relative;overflow:hidden}#loading-bar{width:0%;height:100%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);transition:width .4s ease}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}.fade-out{animation:exit .6s ease forwards}@keyframes exit{to{opacity:0;filter:blur(20px);transform:scale(1.2)}}#scanlines{pointer-events:none;position:fixed;inset:0;background:repeating-linear-gradient(to bottom,transparent,transparent 2px,rgba(var(--lines),var(--scanline-opacity)) 3px);z-index:10}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-80);backdrop-filter:blur(15px);display:flex;justify-content:flex-end;align-items:center;flex-direction:column;z-index:1000}.custom-modal{background:var(--dark-select);border-radius:30px 30px 0 0;padding:30px;width:100%;max-width:500px;border-top:1px solid var(--border);text-align:center}.custom-modal h3{margin-top:0;color:var(--primary);font-family:Poppins,sans-serif;font-size:20px}.modal-actions{margin-top:20px;display:flex;flex-direction:column;gap:10px}.modal-actions button{padding:14px 20px;border:none;border-radius:12px;font-weight:600;cursor:pointer;display:flex;justify-content:flex-start;align-items:center;gap:15px;font-size:16px}.modal-actions .btn-primary{background:var(--primary);color:var(--white)}.modal-actions .btn-cancel{background:var(--glass);color:var(--muted)}