@import"https://www.1001fonts.com/cartoon+comic-fonts.html";@import"https://fonts.googleapis.com/css2?family=Rubik Microbe&display=swap";.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(#6fa8ff,#cfe8ff);padding-bottom:120px}.top-bar{background:#4a90e2;color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}h1{font-family:Cherry Bomb One,system-ui;font-weight:400;font-style:normal}.scores{background:linear-gradient(to bottom,#2c3e50,#1a252f);border:4px solid #34495e;border-radius:15px;padding:10px 20px;display:flex;align-items:center;gap:10px;box-shadow:0 5px 15px #0006}.coin{background:#1e3c72;color:#fff;padding:8px 14px;border-radius:20px}.settings.nav{background:linear-gradient(to bottom,#2c3e50,#1a252f);border:4px solid #34495e;border-radius:15px;height:80px;width:100px;padding:10px 20px;display:flex;align-items:center;gap:10px;box-shadow:0 5px 15px #0006}.gear-icon{width:22px;height:22px}.settings.nav:hover{transform:scale(1.05)}.settings.nav:active{transform:scale(.95)}.gear img{fill:#fff}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:#8b5a2b;padding:8px 10px;gap:10px;box-shadow:0 -4px 10px #0000004d;z-index:100}.bottom-nav a{flex:1;max-width:160px;text-decoration:none}.nav{height:100px;width:100px;padding:10px 20px;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;color:#fff;font-size:14px;font-weight:700;border:4px solid rgba(0,0,0,.3);box-shadow:0 6px 15px #00000059;transition:transform .2s}.nav img{width:36px;height:36px;object-fit:contain;display:block}.tap{background:linear-gradient(to bottom,#4a90e2,#2e6db7)}.game.green{background:linear-gradient(135deg,#1b5e20,#66bb6a)}.game.orange{background:linear-gradient(135deg,#e65100,#ffb74d)}.game.purple{background:linear-gradient(135deg,#4a148c,#ba68c8)}.game.pink{background:linear-gradient(135deg,#880e4f,#f48fb1)}.store{background:linear-gradient(to bottom,#f5a623,#d48806)}.ranking{background:linear-gradient(to bottom,#7ed321,#5aa70a)}.nav:hover{transform:translateY(-3px) scale(1.05)}.nav:active{transform:scale(.95)}footer{margin-top:auto;padding:12px 0 100px;text-align:center;font-size:.9rem;background:#00000026}footer p{margin:0;font-weight:600}footer a{color:#fff;text-decoration:none;font-weight:500}@media(max-width:768px){.top-bar h1{font-size:1.8rem}.scores{padding:4px 8px;font-size:.9rem}.nav img{width:24px;height:24px}.nav{font-size:10px;padding:4px}}@media(max-width:480px){.nav img{width:20px;height:20px}.nav{font-size:9px;padding:3px}.bottom-nav{padding:4px 0}.top-bar{flex-direction:column;gap:8px}}.main{flex:1;display:flex;justify-content:center;align-items:flex-end;padding-bottom:20px}.big-red-button{width:min(220px,60vw);height:min(220px,60vw);border-radius:50%;background:radial-gradient(circle at top,#ff6b6b,#e60000 70%);border:8px solid #b3b3b3;box-shadow:inset 0 6px #fff6,inset 0 -6px #0003,0 10px #8c8c8c,0 18px 25px #0006;cursor:pointer;outline:none;transition:transform .08s ease,box-shadow .08s ease;margin:20px}.big-red-button.blue{background:radial-gradient(circle at top,#4a90e2,#357abd)}.big-red-button.golden{background:radial-gradient(circle at top,gold,orange)}.big-red-button.fire{background:radial-gradient(circle at top,red,orange)}.big-red-button.neon{background:radial-gradient(circle at top,#7cfffb,#00d4ff 70%)}h3{color:#f5f5f5;font-family:Kalam,cursive;font-size:min(2rem,5vw)}.big-red-button:hover{transform:scale(1.05)}.big-red-button:active{transform:scale(.95)}body{font-family:Arial Rounded MT Bold,system-ui,sans-serif;background:linear-gradient(to bottom,#cfe9ff,#f4fbff);min-height:80vh;padding-bottom:90px;display:flex;flex-direction:column}.storebody{padding:16px 16px 20px;flex:1}.storeheader{text-align:center;font-size:32px;margin-bottom:12px}.points_available{text-align:center;font-size:20px;margin-bottom:24px}.points_available p{background:#fff;padding:8px 14px;border-radius:20px;font-weight:700;box-shadow:0 3px 6px #00000040}.buy_buttons,.buy_backgrounds{margin-bottom:24px}.buy_buttons h2,.buy_backgrounds h2{font-size:22px;margin-bottom:10px}.options{width:100px;height:100px;margin:6px;border-radius:25px;border:none;padding:10px 25px;background:radial-gradient(circle at top,#ff6b6b,#d60000);color:#fff;font-size:16px;font-weight:700;cursor:pointer;box-shadow:inset 0 4px #fff6,0 6px #9b0000,0 10px 15px #00000059;transition:transform .08s ease,box-shadow .08s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.options:hover{transform:translateY(-2px);box-shadow:inset 0 4px #fff6,0 8px #9b0000,0 14px 20px #0006}.options:active{transform:translateY(4px);box-shadow:inset 0 2px #ffffff4d,0 2px #9b0000,0 6px 10px #0000004d}.base{width:60px;height:60px;border-radius:50%;background:#b3b3b3;display:flex;align-items:center;justify-content:center;box-shadow:0 5px #8c8c8c,0 18px 25px #0006}.blue_button{width:50px;height:50px;border-radius:450px;background:linear-gradient(to bottom,#4a90e2,#2e6db7);margin-bottom:6px;box-shadow:inset 0 6px #fff6,inset 0 -6px #0003,0 5px #8c8c8c,0 18px 25px #0006}.neon_button{width:50px;height:50px;border-radius:450px;background:radial-gradient(circle at top,#7cfffb,#00d4ff 70%);margin-bottom:6px;box-shadow:inset 0 6px #fff6,inset 0 -6px #0003,0 5px #8c8c8c,0 18px 25px #0006}.neon_button{animation:neonGlow 2s infinite alternate}@keyframes neonGlow{0%{box-shadow:0 0 10px #0ff,0 0 10px #0ff9}to{box-shadow:0 0 10px #0ff,0 0 10px #00ffffe6}}.gold_button{width:50px;height:50px;border-radius:450px;background:linear-gradient(to bottom,gold,#b8860b);margin-bottom:6px;box-shadow:inset 0 6px #fff6,inset 0 -6px #0003,0 5px #8c8c8c,0 18px 25px #0006}.fire_button{width:50px;height:50px;border-radius:450px;background:radial-gradient(circle at top,#ffd27f,#ff6a00,#c40000);margin-bottom:6px;box-shadow:inset 0 6px #fff6,inset 0 -6px #0006,0 5px #8c8c8c,0 18px 25px #00000080}.fire_button{animation:flameFlicker .15s infinite alternate}@keyframes flameFlicker{0%{filter:brightness(1)}to{filter:brightness(1.08)}}.buy_buttons,.buy_backgrounds{background:#fff9;padding:12px;border-radius:16px;box-shadow:inset 0 2px 4px #00000026}.btn_items,.back_options{display:flex;flex-wrap:wrap;gap:50px;justify-content:center}.bg_preview{width:60px;height:60px;border-radius:12px;background-size:cover;background-position:center;margin-bottom:6px}.green{background:linear-gradient(135deg,#1b5e20,#66bb6a)}.orange{background:linear-gradient(135deg,#e65100,#ffb74d)}.purple{background:linear-gradient(135deg,#4a148c,#ba68c8)}.pink{background:linear-gradient(135deg,#880e4f,#f48fb1)}.bottom-nav{display:flex;justify-content:space-around;padding:10px;flex-shrink:0;gap:10px}footer{text-align:center;margin-top:20px;font-size:14px}footer a{color:#07c;text-decoration:none;font-weight:700}body{font-family:Arial Black,Arial,sans-serif;background:linear-gradient(to bottom,#cfe9ff,#f4fbff);min-height:100vh;padding-bottom:90px;display:flex;flex-direction:column}.ranking_body{padding:16px;flex:1;display:flex;flex-direction:column;align-items:center}.ranking_header{margin-bottom:20px;text-align:center}.ranking_header h1{color:#000;font-size:42px;letter-spacing:2px}.jokeAPI{background:#fffc;padding:15px 25px;border-radius:15px;margin-bottom:20px;border:4px solid #4a90e2;box-shadow:0 4px 10px #0003}.jokeAPI h2{font-size:18px;margin:0}.jokeAPI a{color:#2e6db7;text-decoration:none;transition:color .3s}.jokeAPI a:hover{color:#4a90e2}.ranks{width:min(700px,90%);background:#fffffff2;border:5px solid #4a90e2;border-radius:15px;padding:15px;box-shadow:0 8px 20px #0000004d;max-height:55vh;overflow-y:auto}.row{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;margin-bottom:6px;border-radius:10px;border:2px solid rgba(0,0,0,.3);box-shadow:0 2px 5px #0003;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.4);height:auto;min-height:10px;width:100%}.row .name{flex:1;text-align:left;font-size:20px}.row .score{font-size:20px;text-align:right}.gold{background:linear-gradient(to right,gold,#ffed4e);border-color:#b8860b}.silver{background:linear-gradient(to right,silver,#e8e8e8);border-color:gray}.bronze{background:linear-gradient(to right,#cd7f32,#e89654);border-color:#8b4513}.rest{background:linear-gradient(to right,#f5a623,#d48806);border-color:#d48806}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial Black,Arial,sans-serif;min-height:100vh;padding-bottom:90px;display:flex;flex-direction:column}header{padding:20px;text-align:center}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:15px}form{display:flex;justify-content:center;flex-direction:column;padding:0 20px;height:100%;text-align:center;gap:15px}input{background-color:#eee;padding:12px 15px;margin:8px;border:none;border-radius:5px;width:300px;align-items:center}.input-group{width:20vw;display:flex;flex-direction:column;align-items:center}button{width:100px;padding:12px 15px;margin:8px;border-radius:5px;place-self:center}