@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";:root{--color-primary:#ff7a00;--color-secondary:#0e1e38;--color-accent:#fff9e6;--color-success:#2ec4b6;--color-background:#f8f8f6;--color-text-main:#1a2530;--color-text-light:#7e8b9b;--shadow-soft:0 10px 30px #0e1e380a;--shadow-card:0 15px 35px #0e1e380f;--shadow-hover:0 20px 45px #0e1e381a;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-full:9999px;--transition-bounce:.35s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-text-main);opacity:.98;background-image:radial-gradient(#ff7a00 .5px,#0000 .5px),radial-gradient(#0e1e38 .5px,#0000 .5px);background-position:0 0,30px 30px;background-size:60px 60px;background-attachment:fixed;font-family:Nunito,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.5px;color:var(--color-secondary);font-weight:800}h1{font-size:clamp(2rem,5vw,2.6rem);font-weight:900}h2{font-size:clamp(1.4rem,4vw,2rem);font-weight:800}.glass-panel{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#fff;border:1px solid #0e1e380d;padding:2.2rem 1.8rem;transition:transform .3s}input[type=text],input[type=email],input[type=password]{width:100%;color:var(--color-secondary);border-radius:var(--radius-md);background-color:#f3f4f6;border:1px solid #0000;outline:none;padding:1.1rem 1.3rem;font-family:inherit;font-size:1.05rem;font-weight:700;transition:all .25s}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{border-color:var(--color-primary);background-color:#fff;box-shadow:0 0 0 4px #ff7a001a}.btn{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-bounce);text-transform:none;letter-spacing:.2px;border:none;justify-content:center;align-items:center;gap:.6rem;padding:1.1rem 2.2rem;font-family:inherit;font-size:1.1rem;font-weight:800;display:inline-flex}.btn-primary{background-color:var(--color-secondary);color:#fff;box-shadow:0 8px 20px #0e1e3826}.btn-primary:hover{background-color:#192f52;transform:translateY(-2px);box-shadow:0 12px 25px #0e1e3840}.btn-primary:active{transform:translateY(1px)}.btn-secondary{color:var(--color-text-main);box-shadow:var(--shadow-soft);background-color:#fff;border:1px solid #0e1e381a}.btn-secondary:hover{background-color:#faf9f6;transform:translateY(-2px);box-shadow:0 8px 20px #0e1e3814}.btn-accent{background-color:var(--color-primary);color:#fff;box-shadow:0 8px 20px #ff7a0026}.btn-accent:hover{background-color:#ff9124;transform:translateY(-2px);box-shadow:0 12px 25px #ff7a0040}.game-card{border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:all var(--transition-bounce);cursor:pointer;background:#fff;border:1px solid #0e1e3808;padding:1.5rem}.game-card:hover{box-shadow:var(--shadow-hover);border-color:#ff7a001a;transform:translateY(-6px)}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes mascotWave{0%{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}to{transform:rotate(0)}}@keyframes mascotJoy{0%{transform:translateY(0)scale(1)}30%{transform:translateY(-18px)scaleY(1.1)scaleX(.9)rotate(5deg)}50%{transform:translateY(0)scaleY(.85)scaleX(1.15)rotate(-5deg)}70%{transform:translateY(-8px)scaleY(1.05)scaleX(.95)rotate(3deg)}to{transform:translateY(0)scale(1)rotate(0)}}.animate-pop{animation:popIn .4s var(--transition-bounce) forwards}.animate-slide{animation:.45s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-float{animation:3.5s ease-in-out infinite float}.animate-wave{transform-origin:bottom;animation:1.8s ease-in-out infinite mascotWave}.animate-joy{animation:1.2s cubic-bezier(.25,.46,.45,.94) infinite mascotJoy}.app-container{flex-direction:column;justify-content:flex-start;max-width:520px;min-height:100vh;margin:0 auto;padding:1.5rem 1rem;display:flex}.header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.5rem 0;display:flex}.score-badge,.wallet-badge{border-radius:var(--radius-full);color:var(--color-secondary);box-shadow:var(--shadow-soft);background:#fff;border:1px solid #0e1e380d;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:800;display:flex}@media (width<=480px){.app-container{padding:1rem .6rem}.glass-panel{padding:1.5rem 1.2rem}}
