@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";:root{--bg:#080810;--bg2:#0d0d1a;--bg3:#12121f;--border:#1e1e3a;--dim:#5a5a8a;--white:#e8e8ff;--green:#0f8;--yellow:#fc0;--cyan:#00e5ff;--purple:#9b59ff;--red:#ff3c5a;--orange:#f90;--pixel:"Press Start 2P", monospace;--vt:"VT323", monospace;--runner:#0f8;--flappy:#fc0;--snake:#ff3c5a}.games-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1000px;margin:0 auto;display:grid}@media (width<=768px){.games-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;padding:0 12px!important}.game-card{padding:16px 12px 12px!important}.game-card img{height:100px!important}.card-title{font-size:8px!important}.card-desc{font-size:12px!important}.card-play{padding:6px 10px!important;font-size:6px!important}}@media (width<=480px){.games-grid{gap:8px!important;padding:0 8px!important}.game-card img{height:80px!important}.card-title{font-size:7px!important}.card-desc{font-size:10px!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);font-family:var(--vt);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:18px;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--pixel);color:var(--white);line-height:1.5}p{color:var(--dim)}a{color:var(--cyan);text-decoration:none;transition:color .1s}a:hover{color:var(--white)}img{max-width:100%;display:block}button{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border);border:1px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--dim)}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.page-wrapper,.home-page,.game-page,.leaderboard-page,.winners-page,.profile-page,.referral-page{padding-top:58px}.btn{font-family:var(--pixel);letter-spacing:1px;cursor:pointer;white-space:nowrap;background:0 0;border:2px solid;align-items:center;gap:6px;padding:12px 20px;font-size:8px;line-height:1;text-decoration:none;transition:background .1s,color .1s,box-shadow .1s;display:inline-flex;position:relative}.btn:after{content:"";border:2px solid;border-color:inherit;opacity:.3;z-index:-1;width:100%;height:100%;transition:transform .1s;position:absolute;bottom:-5px;right:-5px}.btn:active{transform:translate(2px,2px)}.btn:active:after{transform:translate(-2px,-2px)}.btn-primary{background:var(--green);color:#000;border-color:var(--green);box-shadow:0 0 16px #0f86}.btn-primary:hover{color:var(--green);background:0 0;box-shadow:0 0 28px #0f89}.btn-outline{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 10px #00e5ff33}.btn-outline:hover{background:var(--cyan);color:#000;box-shadow:0 0 22px #00e5ff80}.btn-ghost{color:var(--dim);border-color:var(--dim)}.btn-ghost:hover{color:var(--white);border-color:var(--white)}.btn-danger{color:var(--red);border-color:var(--red)}.btn-danger:hover{background:var(--red);color:#000}.btn-sm{padding:8px 14px;font-size:7px}.btn-lg{padding:16px 32px;font-size:10px}.btn-disabled,.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.loading-dots{align-items:center;gap:8px;display:flex}.loading-dots.center{justify-content:center;padding:48px 0}.loading-dots span{background:var(--dim);width:10px;height:10px;animation:1.2s step-end infinite dot-blink;display:block}.loading-dots span:nth-child(2){animation-delay:.4s}.loading-dots span:nth-child(3){animation-delay:.8s}@keyframes dot-blink{0%,to{opacity:1}50%{opacity:.1}}.empty-state{text-align:center;font-family:var(--pixel);color:var(--dim);letter-spacing:1px;padding:48px 24px;font-size:8px;line-height:2.5}.empty-state.center{flex-direction:column;align-items:center;display:flex}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg);border:2px solid var(--green);z-index:1;width:90%;max-width:420px;position:relative;box-shadow:0 0 40px #0f83,8px 8px #000c}.modal-card:before{content:"";background:var(--green);height:3px;box-shadow:0 0 12px var(--green);position:absolute;top:0;left:0;right:0}.modal-header{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h2{font-family:var(--pixel);letter-spacing:2px;margin:0;font-size:10px}.modal-close{font-family:var(--pixel);color:var(--dim);border:1px solid var(--border);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;line-height:1;transition:color .1s,border-color .1s;display:flex}.modal-close:hover{color:var(--white);border-color:var(--white)}.modal-body{flex-direction:column;align-items:center;gap:14px;padding:24px 20px;display:flex}.score-error{font-family:var(--pixel);color:var(--red);border:1px solid var(--red);text-align:center;width:100%;padding:8px 12px;font-size:7px;line-height:2}.saving-text{font-family:var(--pixel);color:var(--dim);letter-spacing:1px;font-size:7px;animation:1s step-end infinite dot-blink}.section-title{font-family:var(--pixel);color:var(--white);text-align:center;letter-spacing:3px;margin-bottom:32px;font-size:clamp(10px,2vw,16px);position:relative}.section-title:before{content:"▶";color:var(--cyan);vertical-align:middle;margin-right:12px;font-size:10px}.section-title:after{content:"◀";color:var(--cyan);vertical-align:middle;margin-left:12px;font-size:10px}.page-header{text-align:center;border-bottom:2px solid var(--border);margin-bottom:28px;padding:32px 0 24px}.page-title{font-family:var(--pixel);letter-spacing:4px;margin-bottom:10px;font-size:clamp(12px,3vw,20px)}.page-sub{font-family:var(--pixel);color:var(--dim);letter-spacing:1px;max-width:560px;margin:0 auto;font-size:7px;line-height:2}.page-error{min-height:60vh;font-family:var(--pixel);color:var(--dim);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;font-size:10px;display:flex}.page-error h2{color:var(--red);font-size:14px}.lb-avatar{border:1px solid var(--border);width:24px;height:24px;image-rendering:pixelated;flex-shrink:0}.form-input{background:var(--bg2);border:2px solid var(--border);width:100%;color:var(--white);font-family:var(--pixel);letter-spacing:1px;outline:none;padding:10px 14px;font-size:8px;transition:border-color .1s,box-shadow .1s}.form-input::placeholder{color:var(--dim)}.form-input:focus{border-color:var(--cyan);box-shadow:0 0 10px #00e5ff33}.form-label{font-family:var(--pixel);color:var(--dim);letter-spacing:1px;margin-bottom:8px;font-size:6px;display:block}.pixel-card{background:var(--bg2);border:2px solid var(--border);transition:border-color .1s,transform .1s,box-shadow .1s;position:relative}.pixel-card:before{content:"";background:var(--pc,var(--cyan));height:3px;box-shadow:0 0 10px var(--pc,var(--cyan));position:absolute;top:0;left:0;right:0}.pixel-card:after{content:"";background:var(--pc,var(--cyan));clip-path:polygon(100% 0,100% 100%,0 100%);opacity:.5;width:12px;height:12px;position:absolute;bottom:0;right:0}.pixel-card:hover{border-color:var(--pc,var(--cyan));box-shadow:5px 5px 0 var(--pc,var(--cyan));transform:translate(-3px,-3px)}.badge{font-family:var(--pixel);letter-spacing:1px;border:1px solid;padding:4px 8px;font-size:6px;display:inline-block}.badge-green{color:var(--green);background:#00ff880f;border-color:#0f86}.badge-yellow{color:var(--yellow);background:#ffcc000f;border-color:#fc06}.badge-red{color:var(--red);background:#ff3c5a0f;border-color:#ff3c5a66}.badge-cyan{color:var(--cyan);background:#00e5ff0f;border-color:#00e5ff66}.badge-orange{color:var(--orange);background:#ff99000f;border-color:#f906}@keyframes blink-border{0%,to{border-color:currentColor}50%{border-color:#0000}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.5}}@keyframes flash{0%,to{opacity:1}50%{opacity:0}}@keyframes logo-flicker{0%,95%,to{opacity:1}96%{opacity:.2}97%{opacity:1}98%{opacity:.4}99%{opacity:1}}@keyframes crown-wobble{0%,to{transform:translate(-50%)rotate(-6deg)}50%{transform:translate(-50%)rotate(6deg)}}@keyframes score-pop{0%{opacity:0;transform:scale(.7)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes trophy-bounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.08)}}.text-green{color:var(--green)}.text-yellow{color:var(--yellow)}.text-cyan{color:var(--cyan)}.text-red{color:var(--red)}.text-orange{color:var(--orange)}.text-dim{color:var(--dim)}.text-white{color:var(--white)}.font-pixel{font-family:var(--pixel)!important}.font-vt{font-family:var(--vt)!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.w-full{width:100%}.mx-auto{margin-left:auto;margin-right:auto}.neon-green{text-shadow:0 0 10px var(--green), 0 0 20px var(--green)}.neon-yellow{text-shadow:0 0 10px var(--yellow), 0 0 20px var(--yellow)}.neon-cyan{text-shadow:0 0 10px var(--cyan), 0 0 20px var(--cyan)}.neon-red{text-shadow:0 0 10px var(--red), 0 0 20px var(--red)}@media (width<=768px){body{font-size:16px}.hide-mobile{display:none!important}}@media (width>=769px){.hide-desktop{display:none!important}}@media (width<=480px){.btn{padding:10px 14px;font-size:7px}.btn-lg{padding:12px 20px;font-size:8px}}.policy-page{background:var(--bg);min-height:100vh;padding:0 16px 60px;position:relative}.policy-container{max-width:760px;margin:0 auto}.policy-title{font-family:var(--pixel);color:var(--white);letter-spacing:3px;text-shadow:0 0 20px #e8e8ff4d;border-bottom:2px solid var(--border);margin-bottom:0;padding:32px 0 10px;font-size:clamp(12px,2.5vw,18px)}.policy-title:after{content:"_";color:var(--purple);animation:1s step-end infinite blink-cur}@keyframes blink-cur{0%,to{opacity:1}50%{opacity:0}}.policy-date{font-family:var(--pixel);color:var(--dim);letter-spacing:1px;border-bottom:1px solid var(--border);margin-bottom:0;padding:12px 0 28px;font-size:6px}.policy-section{border-bottom:1px solid var(--border);padding:24px 0}.policy-section:last-of-type{border-bottom:none}.policy-section h2{font-family:var(--pixel);color:var(--cyan);letter-spacing:2px;text-shadow:0 0 10px #00e5ff4d;margin-bottom:14px;font-size:clamp(8px,1.5vw,11px);line-height:1.8}.policy-section p{font-family:var(--vt);color:var(--dim);margin-bottom:10px;font-size:19px;line-height:1.6}.policy-section p:last-child{margin-bottom:0}.policy-section strong{color:var(--white);font-family:var(--pixel);letter-spacing:1px;font-size:7px}.policy-section a{color:var(--cyan);font-family:var(--pixel);letter-spacing:1px;border-bottom:1px solid #00e5ff4d;font-size:6px;transition:color .1s,border-color .1s}.policy-section a:hover{color:var(--white);border-color:var(--white)}.policy-section ul,.policy-section ol{flex-direction:column;gap:4px;margin:10px 0;padding-left:0;list-style:none;display:flex}.policy-section ul li,.policy-section ol li{font-family:var(--vt);color:var(--dim);border-left:2px solid var(--border);padding:8px 14px;font-size:19px;line-height:1.5;transition:border-color .1s,background .1s}.policy-section ul li:hover,.policy-section ol li:hover{border-left-color:var(--cyan);background:#00e5ff08}.policy-section ul li strong,.policy-section ol li strong{color:var(--white);font-size:7px}.policy-footer{font-family:var(--pixel);color:var(--dim);letter-spacing:2px;text-align:center;border-top:2px solid var(--border);margin-top:8px;padding:28px 0 8px;font-size:6px}@media (width<=600px){.policy-section h2{font-size:8px}.policy-section p,.policy-section li{font-size:17px}}