@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";:root{--color-primary:#ff6b6b;--color-secondary:#4ecdc4;--color-accent:#ffe66d;--color-success:#70d689;--color-background:#f7fff7;--color-text-main:#2c3e50;--color-text-light:#7f8c8d;--shadow-soft:0 8px 30px #0000000d;--shadow-card:0 10px 25px #00000014;--shadow-hover:0 15px 35px #0000001f;--radius-sm:12px;--radius-md:20px;--radius-lg:30px;--radius-full:9999px;--transition-fast:.2s cubic-bezier(.175, .885, .32, 1.275);--transition-bounce:.4s 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);background-image:radial-gradient(var(--color-secondary) 1px, transparent 1px), radial-gradient(var(--color-secondary) 1px, transparent 1px);opacity:.95;background-position:0 0,20px 20px;background-size:40px 40px;background-attachment:fixed;font-family:Nunito,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.5px;font-weight:800}h1{color:var(--color-primary);font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.5rem,4vw,2.2rem)}.glass-panel{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#fffc;border:2px solid #ffffffe6;padding:2rem}.btn{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-bounce);text-transform:uppercase;letter-spacing:1px;border:none;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-family:inherit;font-size:1.2rem;font-weight:800;display:inline-flex;box-shadow:0 4px #0000001a}.btn:active{transform:translateY(4px);box-shadow:0 0 #0000001a}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:#ff5252;transform:translateY(-2px);box-shadow:0 6px #ff6b6b66}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-secondary:hover{background-color:#3bbfb6;transform:translateY(-2px);box-shadow:0 6px #4ecdc466}.btn-accent{background-color:var(--color-accent);color:var(--color-text-main)}.btn-accent:hover{background-color:#ffd93b;transform:translateY(-2px);box-shadow:0 6px #ffe66d66}.game-card{border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:all var(--transition-bounce);cursor:pointer;background:#fff;border:3px solid #0000;padding:1.5rem}.game-card:hover{box-shadow:var(--shadow-hover);border-color:var(--color-secondary);transform:translateY(-8px)scale(1.02)}@keyframes popIn{0%{opacity:0;transform:scale(.8)}80%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes coinFlip{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.animate-pop{animation:popIn .5s var(--transition-bounce) forwards}.animate-slide{animation:.5s ease-out forwards slideUp}.animate-float{animation:3s ease-in-out infinite float}.animate-coin{animation:1s ease-in-out coinFlip}.app-container{flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;padding:1rem;display:flex}.header{justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 0;display:flex}.score-badge{background:var(--color-accent);border-radius:var(--radius-full);align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:800;display:flex;box-shadow:0 4px #0000001a}.wallet-badge{background:var(--color-success);color:#fff;border-radius:var(--radius-full);align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:800;display:flex;box-shadow:0 4px #0000001a}@media (width<=480px){.app-container{padding:.5rem}.glass-panel{padding:1.5rem}}