@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Lilita+One&display=swap";:root{--bg-1: #ffe9a8;--bg-2: #ffc8dd;--bg-3: #bde0fe;--ink: #2a2154;--ink-soft: #5b4e9c;--pink: #ff5c8a;--pink-deep: #d63672;--yellow: #ffd23f;--yellow-deep: #e0a800;--teal: #34d1bf;--teal-deep: #1fa896;--purple: #a06cd5;--purple-deep: #7c3fb7;--orange: #ff8e3c;--orange-deep: #e26a12;--cream: #fff6e0;--shadow: 0 8px 0 rgba(42, 33, 84, .18);--shadow-deep: 0 14px 0 rgba(42, 33, 84, .22)}*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%;width:100%;overflow:hidden;font-family:Fredoka,system-ui,sans-serif;color:var(--ink);user-select:none;-webkit-user-select:none}body{background:var(--bg-1)}#app{position:relative}button{font-family:inherit;border:none;cursor:pointer;outline:none}.headline{font-family:Lilita One,Fredoka,sans-serif;letter-spacing:.5px;text-shadow:0 2px 0 #fff,0 4px 0 rgba(42,33,84,.18)}.chunky-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:22px 44px;font-family:Lilita One,sans-serif;font-size:36px;letter-spacing:1px;color:#fff;border-radius:28px;background:var(--pink);box-shadow:inset 0 -8px #0000002e,0 10px 0 var(--pink-deep),0 14px 24px #2a215433;transition:transform .08s ease,box-shadow .08s ease;text-shadow:0 2px 0 rgba(0,0,0,.15);border:4px solid rgba(255,255,255,.6)}.chunky-btn:hover{transform:translateY(-2px)}.chunky-btn:active{transform:translateY(8px);box-shadow:inset 0 -4px #0000002e,0 2px 0 var(--pink-deep),0 6px 14px #2a215433}.chunky-btn.yellow{background:var(--yellow);color:var(--ink);text-shadow:none;box-shadow:inset 0 -8px #00000029,0 10px 0 var(--yellow-deep),0 14px 24px #2a215433}.chunky-btn.yellow:active{box-shadow:inset 0 -4px #00000029,0 2px 0 var(--yellow-deep),0 6px 14px #2a215433}.chunky-btn.teal{background:var(--teal);box-shadow:inset 0 -8px #0000002e,0 10px 0 var(--teal-deep),0 14px 24px #2a215433}.chunky-btn.teal:active{box-shadow:inset 0 -4px #0000002e,0 2px 0 var(--teal-deep),0 6px 14px #2a215433}.chunky-btn.purple{background:var(--purple);box-shadow:inset 0 -8px #0000002e,0 10px 0 var(--purple-deep),0 14px 24px #2a215433}.chunky-btn.orange{background:var(--orange);box-shadow:inset 0 -8px #0000002e,0 10px 0 var(--orange-deep),0 14px 24px #2a215433}.chunky-btn.neutral{background:#fff;color:var(--ink);text-shadow:none;box-shadow:inset 0 -8px #e5dbf5,0 10px 0 var(--ink-soft),0 14px 24px #2a215433}.chunky-btn.neutral:active{box-shadow:inset 0 -4px #e5dbf5,0 2px 0 var(--ink-soft),0 6px 14px #2a215433}.chunky-btn.small{font-size:24px;padding:14px 28px;border-radius:20px}.dots-bg{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 10% 20%,var(--pink) 0 14px,transparent 15px),radial-gradient(circle at 80% 15%,var(--teal) 0 10px,transparent 11px),radial-gradient(circle at 25% 75%,var(--purple) 0 12px,transparent 13px),radial-gradient(circle at 88% 70%,var(--yellow) 0 16px,transparent 17px),radial-gradient(circle at 50% 8%,var(--orange) 0 8px,transparent 9px),radial-gradient(circle at 60% 92%,var(--pink) 0 10px,transparent 11px),radial-gradient(circle at 5% 50%,var(--teal) 0 8px,transparent 9px),radial-gradient(circle at 95% 45%,var(--purple) 0 10px,transparent 11px);opacity:.35}.overlay{position:absolute;inset:0;background:#2a215466;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--cream);border-radius:36px;padding:48px 64px;border:6px solid var(--ink);box-shadow:var(--shadow-deep);text-align:center;position:relative;max-width:720px;animation:pop-in .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes pop-in{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes pop-out{0%{transform:scale(1);opacity:1}to{transform:scale(1.8);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px) rotate(-3deg)}40%{transform:translate(8px) rotate(3deg)}60%{transform:translate(-6px) rotate(-2deg)}80%{transform:translate(6px) rotate(2deg)}}@keyframes float-up{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-180%) scale(1.4);opacity:0}}@keyframes confetti-fall{0%{transform:translateY(-50px) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:.6}}@keyframes blink{0%,to{transform:scaleY(1)}45%,55%{transform:scaleY(.05)}}.bob{animation:bob 2s ease-in-out infinite}.wiggle{animation:wiggle .6s ease-in-out infinite}.pulse{animation:pulse 1.5s ease-in-out infinite}.pop-in{animation:pop-in .4s cubic-bezier(.34,1.56,.64,1) both}.hud{position:absolute;top:24px;left:24px;right:24px;display:flex;align-items:stretch;gap:24px;z-index:10}.hud-card{background:#fff;border-radius:24px;padding:14px 22px;border:5px solid var(--ink);box-shadow:var(--shadow);display:flex;align-items:center;gap:14px}.hud-card-text{display:flex;flex-direction:column}.hud-card-label{font-size:14px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:1px}.hud-card-value{font-size:42px;line-height:1;color:var(--ink)}.hud-score .hud-card-value{font-size:42px}.hud-timer{flex:1;border-radius:28px;padding:14px 18px;gap:16px}.hud-timer-inner{flex:1}.hud-timer-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.hud-timer-value{font-size:32px;line-height:1}.hud-timer-bar{height:16px;background:#f0eafa;border-radius:999px;border:3px solid var(--ink);overflow:hidden;position:relative}.hud-timer-fill{height:100%;width:var(--fill, 100%);background:linear-gradient(90deg,var(--fill-color, var(--teal)),var(--yellow));border-radius:999px;transition:width 1s linear}.hud-clock-holder{display:flex;align-items:center;justify-content:center}.hud-combo{transform:scale(var(--combo-scale, 1));transition:transform .2s ease,background .2s ease}.hud-combo[data-level=amp],.hud-combo[data-level=flame]{background:var(--pink);color:#fff}.hud-combo[data-level=amp] .hud-card-label,.hud-combo[data-level=flame] .hud-card-label{color:#ffffffd9}.hud-combo[data-level=amp] .hud-card-value,.hud-combo[data-level=flame] .hud-card-value{color:#fff}.hud-combo-glyph{font-size:32px;line-height:1}.hud-combo[data-level=flame] .hud-combo-glyph{animation:wiggle .6s ease-in-out infinite}.hud-pause-btn{background:#fff;border:5px solid var(--ink);box-shadow:var(--shadow);border-radius:20px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.hud-pause-btn:active{transform:translateY(2px)}.mascot{position:relative;display:inline-block;cursor:pointer}.mascot-eyes{transform-box:fill-box;transform-origin:center}.mascot.blinking .mascot-eyes{animation:blink .28s ease-in-out}.target{position:absolute;left:calc(var(--target-x) - var(--target-radius));top:calc(var(--target-y) - var(--target-radius));width:calc(var(--target-radius) * 2);height:calc(var(--target-radius) * 2);animation:pop-in .4s cubic-bezier(.34,1.56,.64,1) both}.target[data-state=circle]{cursor:pointer}.target[data-state=letter]{cursor:default;pointer-events:none}.target-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}.target-ring-bg{fill:none;stroke:#2a215426;stroke-width:6}.target-ring-progress{fill:none;stroke:var(--ink);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .2s linear}.target[data-state=letter] .target-ring-progress{stroke:var(--yellow)}.target-circle,.target-letter{position:absolute;inset:12px}.target[data-color=pink]{--target-color: var(--pink);--target-color-deep: var(--pink-deep)}.target[data-color=yellow]{--target-color: var(--yellow);--target-color-deep: var(--yellow-deep)}.target[data-color=teal]{--target-color: var(--teal);--target-color-deep: var(--teal-deep)}.target[data-color=purple]{--target-color: var(--purple);--target-color-deep: var(--purple-deep)}.target-circle{border-radius:50%;background:radial-gradient(circle at 35% 30%,white 0%,var(--target-color, var(--teal)) 35%,var(--target-color-deep, var(--teal-deep)) 100%);border:5px solid var(--ink);box-shadow:0 8px 0 var(--target-color-deep, var(--teal-deep)),0 12px 20px #2a215440;animation:pulse 1.6s ease-in-out infinite;display:flex;align-items:center;justify-content:center;cursor:pointer}.target-circle-highlight{position:absolute;top:18px;left:24px;width:36px;height:22px;background:#ffffffb3;border-radius:50%;transform:rotate(-30deg);filter:blur(2px)}.target-circle-center{width:30px;height:30px;border-radius:50%;background:#fff;opacity:.4}.target-letter{border-radius:30px;background:var(--target-color, var(--teal));border:5px solid var(--ink);box-shadow:0 8px 0 var(--target-color-deep, var(--teal-deep)),0 12px 20px #2a215440;display:flex;align-items:center;justify-content:center;animation:wiggle .5s ease-in-out infinite,pop-in .3s cubic-bezier(.34,1.56,.64,1) both}.target-letter-glyph{font-family:Lilita One,sans-serif;font-size:100px;line-height:1;color:#fff;-webkit-text-stroke:4px var(--ink);text-shadow:0 4px 0 rgba(0,0,0,.2)}.target-letter-arrow{position:absolute;top:-28px;left:50%;transform:translate(-50%);font-size:36px;animation:bob 2s ease-in-out infinite}.effects-layer{position:absolute;inset:0;pointer-events:none;z-index:5}.effect-floater{position:absolute;transform:translate(-50%,-50%);font-size:56px;-webkit-text-stroke:3px var(--ink);text-shadow:0 4px 0 rgba(0,0,0,.18);animation:float-up .9s ease-out forwards;white-space:nowrap;pointer-events:none}.effect-burst{position:absolute;width:160px;height:160px;margin-left:-80px;margin-top:-80px;pointer-events:none}.effect-burst-halo{position:absolute;inset:0;border-radius:50%;opacity:.4;animation:pop-out .6s ease-out forwards}.effect-burst-petal{position:absolute;left:50%;top:50%;width:16px;height:16px;border-radius:50%;border:3px solid var(--ink);transform-origin:0 0;animation:burst-petal .6s ease-out forwards}@keyframes burst-petal{0%{transform:rotate(var(--burst-angle, 0deg)) translate(0) scale(1);opacity:1}to{transform:rotate(var(--burst-angle, 0deg)) translate(90px) scale(.3);opacity:0}}.decor-clouds{position:absolute;inset:0;pointer-events:none}.decor-cloud{position:absolute;animation:bob 5s ease-in-out infinite;pointer-events:none}.decor-grass{position:absolute;bottom:0;left:0;right:0;height:80px;width:100%;pointer-events:none;z-index:0}.decor-floating{position:absolute;inset:0;pointer-events:none}.decor-float{position:absolute;animation:bob 3.5s ease-in-out infinite}.decor-float-circle{border-radius:50%;border:4px solid var(--ink);box-shadow:var(--shadow)}.decor-float-square{border-radius:16px;border:4px solid var(--ink);box-shadow:var(--shadow);transform:rotate(15deg)}.pause-overlay{z-index:200}.pause-panel{min-width:480px}.pause-ribbon{position:absolute;top:-40px;left:50%;transform:translate(-50%) rotate(-6deg);background:var(--yellow);color:var(--ink);padding:10px 30px;border-radius:18px;border:5px solid var(--ink);box-shadow:var(--shadow);font-size:28px}.pause-title{font-size:80px;color:var(--purple);margin:20px 0;-webkit-text-stroke:3px var(--ink)}.pause-subtitle{font-size:22px;color:var(--ink-soft);margin-bottom:32px}.pause-buttons{display:flex;flex-direction:column;gap:16px;align-items:center}.podium{display:flex;align-items:flex-end;justify-content:center;gap:18px;position:relative;z-index:2;animation:pop-in .5s cubic-bezier(.34,1.56,.64,1) .2s both}.podium-card{background:#fff;border:5px solid var(--ink);border-radius:22px;padding:14px 18px;min-width:160px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:6px}.podium-card[data-rank="1"]{transform:scale(1)}.podium-card[data-rank="2"]{transform:scale(.92)}.podium-card[data-rank="3"]{transform:scale(.88)}.podium-card[data-highlight=true]{background:var(--yellow);animation:pulse 1.5s ease-in-out infinite}.podium-medal{font-size:36px;line-height:1}.podium-chip{width:64px;height:64px;border-radius:16px;border:4px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:36px}.podium-chip[data-color=yellow]{background:var(--yellow)}.podium-chip[data-color=inkSoft]{background:var(--ink-soft)}.podium-chip[data-color=orange]{background:var(--orange)}.podium-name{font-size:22px;color:var(--ink);letter-spacing:1px;line-height:1}.podium-score{font-size:28px;color:var(--teal-deep);line-height:1;margin-top:2px}.podium-stats{font-size:13px;color:var(--ink-soft);font-weight:600;display:flex;gap:10px;margin-top:2px}.capture-overlay{z-index:200}.capture-modal{min-width:600px;max-width:720px;padding:40px 48px}.capture-banner{position:absolute;top:-42px;left:50%;transform:translate(-50%) rotate(-4deg);background:var(--yellow);color:var(--ink);padding:10px 28px;border-radius:18px;border:5px solid var(--ink);box-shadow:var(--shadow);font-size:26px;animation-duration:1.2s}.capture-headline{font-size:56px;color:var(--teal-deep);-webkit-text-stroke:3px var(--ink);margin:24px 0 6px}.capture-prompt{font-size:20px;color:var(--ink-soft);margin:0 0 24px;font-weight:500}.capture-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:24px}.capture-icon{aspect-ratio:1;padding:8px;background:#fff;border:4px solid var(--ink);border-radius:18px;font-size:36px;box-shadow:0 4px #2a215426;display:flex;align-items:center;justify-content:center;transition:all .12s ease}.capture-icon[data-active=true]{background:var(--yellow);border-width:5px;box-shadow:inset 0 -6px 0 var(--yellow-deep),0 4px 0 var(--ink-soft);transform:scale(1.08) translateY(-2px)}.capture-name-row{background:#fff;border-radius:18px;padding:14px 18px;border:4px solid var(--ink);margin-bottom:20px;display:flex;align-items:center;gap:12px}.capture-name-label{font-size:16px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:1px}.capture-name-input{flex:1;border:none;outline:none;font-family:Lilita One,sans-serif;font-size:32px;color:var(--ink);letter-spacing:4px;text-align:center;background:transparent}.capture-buttons{display:flex;gap:12px;justify-content:center}.menu-screen{position:absolute;inset:0;background:linear-gradient(160deg,#fff6e0,#e8f4e8,#bde0fe);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px}.menu-hero{display:flex;align-items:center;gap:60px;margin-bottom:60px}.menu-hero .mascot{animation-delay:.2s}.menu-titles{text-align:left}.menu-tagline{font-size:28px;color:var(--ink);background:var(--yellow);padding:8px 22px;border-radius:999px;display:inline-block;border:4px solid var(--ink);box-shadow:var(--shadow);margin-bottom:18px;transform:rotate(-3deg)}.menu-title-main{font-size:130px;line-height:.95;margin:0;color:var(--teal);-webkit-text-stroke:4px var(--ink)}.menu-title-sub{font-size:56px;margin:0 0 0 8px;color:var(--purple);-webkit-text-stroke:3px var(--ink)}.menu-actions{display:flex;flex-direction:column;gap:24px;align-items:center}.menu-podium-wrap{margin-top:32px;position:relative;z-index:2}.menu-footer{position:absolute;bottom:24px;left:0;right:0;text-align:center;color:var(--ink-soft);font-size:18px;font-weight:500}.settings-screen{position:absolute;inset:0;background:linear-gradient(160deg,#bde0fe,#e0f2ff,#ffe9a8);display:flex;align-items:center;justify-content:center;padding:40px}.settings-panel{background:var(--cream);border-radius:40px;padding:40px 56px;min-width:640px;border:6px solid var(--ink);box-shadow:var(--shadow-deep);position:relative;animation:pop-in .4s cubic-bezier(.34,1.56,.64,1) both}.settings-title{font-size:64px;color:var(--purple);margin:0 0 24px;-webkit-text-stroke:3px var(--ink);text-align:center}.settings-row{padding:14px 0;border-bottom:3px dashed rgba(42,33,84,.15)}.settings-row-toggle{display:flex;align-items:center;justify-content:space-between}.settings-row-label{display:flex;align-items:center;gap:14px;font-size:26px;font-weight:600}.settings-row-icon{font-size:32px}.settings-row-segments{display:flex;gap:10px;margin-top:12px}.settings-toggle{width:96px;height:48px;border-radius:999px;background:#d8cfec;border:4px solid var(--ink);position:relative;box-shadow:inset 0 -4px #00000026;cursor:pointer;transition:background .2s}.settings-toggle[data-on=true]{background:var(--teal)}.settings-toggle-knob{position:absolute;top:2px;left:2px;width:36px;height:36px;border-radius:50%;background:#fff;border:3px solid var(--ink);transition:left .2s ease}.settings-toggle[data-on=true] .settings-toggle-knob{left:48px}.settings-segment{flex:1;padding:14px 16px;border-radius:18px;background:#fff;color:var(--ink);border:4px solid var(--ink);font-family:Lilita One,sans-serif;font-size:22px;letter-spacing:.5px;box-shadow:0 4px #2a215433;cursor:pointer;transition:all .1s ease}.settings-segment[data-active=true]{background:var(--seg-color, var(--teal));color:#fff;box-shadow:inset 0 -6px #0000002e,0 4px 0 var(--ink-soft);transform:translateY(2px)}.settings-segment[data-color=yellow][data-active=true]{color:var(--ink)}.settings-actions{text-align:center;margin-top:32px}.settings-reset-btn{font-size:20px;padding:10px 20px;border-radius:16px;gap:8px}.settings-reset-btn[data-state=confirm]{animation:wiggle .6s ease-in-out infinite;animation-duration:1.2s}.game-screen{position:absolute;inset:0;background:linear-gradient(180deg,#bde0fe,#e0f2ff,#ffe9a8);overflow:hidden}.play-area{position:absolute;inset:160px 40px 200px;cursor:pointer}.game-bottom{position:absolute;bottom:24px;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;padding:0 40px;pointer-events:none;z-index:4}.game-mascot{animation:bob 2.5s ease-in-out infinite;pointer-events:auto}.gameover-screen{position:absolute;inset:0;background:linear-gradient(160deg,#fff6e0,#e8f4e8,#bde0fe);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:40px;overflow:auto}.gameover-beat-best{display:inline-block;margin-top:10px;background:var(--yellow);color:var(--ink);padding:6px 18px;border-radius:14px;border:4px solid var(--ink);box-shadow:var(--shadow);font-size:20px;animation-duration:1.2s}.gameover-podium-wrap{position:relative;z-index:2}.gameover-panel{background:var(--cream);border-radius:40px;padding:50px 70px;border:6px solid var(--ink);box-shadow:var(--shadow-deep);text-align:center;position:relative;animation:pop-in .5s cubic-bezier(.34,1.56,.64,1) both}.gameover-mascot-pop{position:absolute;top:-110px;left:50%;transform:translate(-50%);animation:bob 2s ease-in-out infinite}.gameover-body{margin-top:60px}.gameover-headline{font-size:90px;line-height:.95;margin:0;-webkit-text-stroke:3px var(--ink)}.gameover-stars{display:flex;justify-content:center;gap:12px;margin:20px 0}.gameover-star{opacity:.3;filter:grayscale(1)}.gameover-star[data-on=true]{opacity:1;filter:none;animation:pop-in .6s ease-out var(--delay, 0s) both}.gameover-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.gameover-stat{background:#fff;border-radius:20px;padding:14px 16px;border:4px solid var(--ink);box-shadow:0 6px #2a215426}.gameover-stat-label{font-size:14px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:1px}.gameover-stat-value{font-size:44px;line-height:1;margin-top:4px}.gameover-actions{display:flex;gap:16px;justify-content:center}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:0;width:14px;height:18px;border:2px solid var(--ink);animation:confetti-fall 3s linear infinite;transform:rotate(var(--rot, 0deg))}