*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--teal: #16a37a;--teal-dark: #0e7d5d;--teal-light: #d9f6ec;--coral: #ff7a59;--gold: #ffb347;--gold-dark: #e89a2b;--pink: #ff6b9d;--sky-blue: #7ec8ff;--ink: #1c3040;--ink-soft: #56707f;--card: rgba(255, 255, 255, .94);--border: rgba(28, 48, 64, .08);--shadow: 0 8px 32px rgba(28, 48, 64, .14);--radius: 20px;--radius-sm: 12px;--font: "Nunito", system-ui, sans-serif;--font-display: "Baloo 2", "Nunito", system-ui, sans-serif}html,body,#root{height:100%}body{font-family:var(--font);color:var(--ink);background:#aee0ff;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,.logo-title,.btn{font-family:var(--font-display)}button{font-family:inherit;cursor:pointer}.screen{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;overflow:hidden}.bg-scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#6db9f7,#9ed7ff 38%,#ffe9c9 78%,#ffd9a8);transition:filter 2s ease}.bg-scene--play .sky{filter:hue-rotate(-12deg) saturate(1.15)}.sun{position:absolute;top:7%;right:10%;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle,#fff6d8 20%,#ffd76e 60%,#ffd76e00);box-shadow:0 0 70px 30px #ffdc828c;animation:sun-pulse 6s ease-in-out infinite}@keyframes sun-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.cloud{position:absolute;background:#ffffffeb;border-radius:100px;animation:cloud-drift linear infinite}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud--1{top:12%;width:130px;height:34px;animation-duration:65s}.cloud--1:before{width:50px;height:50px;top:-24px;left:22px}.cloud--1:after{width:36px;height:36px;top:-16px;left:66px}.cloud--2{top:24%;width:90px;height:26px;animation-duration:48s;animation-delay:-20s;opacity:.8}.cloud--2:before{width:36px;height:36px;top:-17px;left:15px}.cloud--2:after{width:26px;height:26px;top:-11px;left:46px}.cloud--3{top:6%;width:110px;height:30px;animation-duration:80s;animation-delay:-45s;opacity:.65}.cloud--3:before{width:42px;height:42px;top:-20px;left:18px}.cloud--3:after{width:30px;height:30px;top:-13px;left:56px}@keyframes cloud-drift{0%{left:-160px}to{left:110%}}.bird{position:absolute;animation:bird-fly linear infinite}.bird--1{top:16%;animation-duration:24s}.bird--2{top:27%;animation-duration:34s;animation-delay:-12s}.bird--2 svg{transform:scale(.75)}.bird--3{top:9%;animation-duration:29s;animation-delay:-22s}.bird--3 svg{transform:scale(.6)}@keyframes bird-fly{0%{left:-60px;transform:translateY(0)}25%{transform:translateY(-16px)}50%{transform:translateY(4px)}75%{transform:translateY(-12px)}to{left:105%;transform:translateY(0)}}.bird--2{animation-name:bird-fly-rtl}@keyframes bird-fly-rtl{0%{right:-60px;left:auto;transform:translateY(0)}30%{transform:translateY(-14px)}60%{transform:translateY(6px)}to{right:105%;left:auto;transform:translateY(0)}}.bird-wing{transform-origin:22px 16px;animation:wing-flap .5s ease-in-out infinite alternate}@keyframes wing-flap{0%{transform:rotate(0)}to{transform:rotate(-38deg)}}.hills{position:absolute;left:0;right:0;width:100%}.hills--far{bottom:60px;height:180px;opacity:.7}.hills--mid{bottom:24px;height:170px;opacity:.88}.hills--near{bottom:0;height:130px}.flowers{position:absolute;bottom:0;left:0;right:0;height:90px}.flower{position:absolute;bottom:4px;transform-origin:bottom center;animation:flower-sway ease-in-out infinite alternate}.flower--1{left:4%;animation-duration:2.8s}.flower--2{left:15%;animation-duration:3.4s;transform:scale(.8)}.flower--3{left:28%;animation-duration:2.5s;animation-delay:.6s}.flower--4{left:45%;animation-duration:3.1s;transform:scale(.7)}.flower--5{left:61%;animation-duration:2.7s;animation-delay:.9s}.flower--6{left:74%;animation-duration:3.6s;transform:scale(.85)}.flower--7{left:86%;animation-duration:2.9s;animation-delay:.4s}.flower--8{left:94%;animation-duration:3.2s;transform:scale(.75)}@keyframes flower-sway{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}.float-notes{position:absolute;top:0;right:0;bottom:0;left:0}.float-note{position:absolute;bottom:-30px;font-size:26px;color:#ffffffd9;text-shadow:0 2px 8px rgba(28,48,64,.25);animation:note-float linear infinite}.float-note--1{left:12%;animation-duration:9s}.float-note--2{left:32%;animation-duration:11s;animation-delay:2s}.float-note--3{left:55%;animation-duration:8s;animation-delay:4s}.float-note--4{left:72%;animation-duration:12s;animation-delay:1s}.float-note--5{left:88%;animation-duration:10s;animation-delay:5s}@keyframes note-float{0%{transform:translateY(0) rotate(-8deg);opacity:0}15%{opacity:1}85%{opacity:.8}to{transform:translateY(-105vh) rotate(10deg);opacity:0}}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card-inset{background:#7ec8ff1f;border-radius:var(--radius-sm);padding:14px 16px;margin:12px 0}.btn{border:none;border-radius:999px;font-weight:700;font-size:1rem;padding:12px 26px;transition:transform .12s ease,box-shadow .12s ease,filter .12s;touch-action:manipulation}.btn:active{transform:scale(.96)}.btn--primary{background:linear-gradient(135deg,var(--teal) 0%,#12b587 100%);color:#fff;box-shadow:0 6px 18px #16a37a66}.btn--primary:hover{filter:brightness(1.07);transform:translateY(-1px)}.btn--secondary{background:linear-gradient(135deg,var(--gold) 0%,#ffc46b 100%);color:#6b4308;box-shadow:0 6px 18px #ffb34766}.btn--secondary:hover{filter:brightness(1.05)}.btn--ghost{background:#ffffffbf;color:var(--ink);border:1.5px solid var(--border)}.btn--ghost:hover{background:#fff}.btn--sm{padding:8px 16px;font-size:.88rem}.btn--lg{padding:16px 36px;font-size:1.18rem}.btn:disabled{opacity:.6;cursor:default}.icon{display:inline-block;vertical-align:-.145em;flex:none}.btn--icon{display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn--icon-only{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;font-size:1rem}.stat-chip{display:inline-flex;align-items:center;gap:5px}.step-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border-radius:10px;font-size:1.15rem;background:#16a37a1f;color:var(--teal-dark)}.overlay-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;font-size:1.7rem;background:#16a37a1f;color:var(--teal-dark)}.overlay-icon--alert{background:#ff7a5924;color:var(--coral)}.home-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:28px;padding:24px;width:100%;max-width:480px}.home-logo{text-align:center}.logo-bird{animation:logo-bob 3s ease-in-out infinite}@keyframes logo-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}.logo-notes{animation:notes-fade 2s ease-in-out infinite}@keyframes notes-fade{0%,to{opacity:.4}50%{opacity:1}}.logo-title{font-size:clamp(2.6rem,9vw,3.6rem);font-weight:800;color:#fff;text-shadow:0 3px 0 rgba(14,125,93,.85),0 8px 24px rgba(28,48,64,.3);letter-spacing:.5px}.logo-accent{color:var(--gold)}.logo-tagline{color:#fff;font-weight:700;margin-top:6px;text-shadow:0 2px 8px rgba(28,48,64,.35)}.home-buttons{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px}.home-progress{width:100%;max-width:340px;padding:14px 18px}.home-progress__row{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:.95rem}.home-pro-badge{color:var(--gold-dark)}.home-progress__bar{margin-top:10px;height:10px;border-radius:6px;background:var(--teal-light);overflow:hidden}.home-progress__fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--teal),var(--gold));transition:width .6s ease}.levels-screen{padding-bottom:40px}.levels-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:720px;padding:18px 16px 6px}.levels-header h1{color:#fff;font-size:1.6rem;text-shadow:0 2px 0 rgba(14,125,93,.8),0 6px 18px rgba(28,48,64,.3)}.levels-totals{display:flex;flex-direction:column;align-items:flex-end;font-weight:900;color:#fff;text-shadow:0 1px 4px rgba(28,48,64,.4);font-size:.9rem}.pro-banner{position:relative;z-index:1;display:flex;align-items:center;gap:8px;text-align:left;margin:10px 16px;padding:12px 20px;max-width:688px;width:calc(100% - 32px);border:none;border-radius:var(--radius-sm);background:linear-gradient(120deg,#fff4dd,#ffe6b8);color:#6b4308;font-weight:700;font-size:.95rem;box-shadow:var(--shadow);transition:transform .15s}.pro-banner:hover{transform:translateY(-2px)}.pro-banner .icon:last-child{margin-left:auto}.levels-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;width:100%;max-width:720px;padding:12px 16px}.level-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 10px 12px;background:var(--card);border:2px solid transparent;border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .15s ease,border-color .15s;text-align:center}.level-card:not(:disabled):hover{transform:translateY(-4px) scale(1.02)}.level-card--tier1{border-color:#16a37a59}.level-card--tier2{border-color:#ffb34773}.level-card--tier3{border-color:#ff6b9d73}.level-card--locked{opacity:.55;filter:grayscale(.5);cursor:default}.level-card--pro{background:linear-gradient(160deg,#fffdf7,#fff3dc)}.level-card__number{position:absolute;top:8px;left:10px;font-size:.72rem;font-weight:900;color:var(--ink-soft)}.level-card__emoji{font-size:1.9rem}.level-card__title{font-weight:800;font-size:.86rem;line-height:1.15;min-height:2.1em;display:flex;align-items:center}.level-card__meta{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--ink-soft)}.level-card__stars{display:flex;gap:3px;font-size:.95rem}.star{color:#d7dee4}.star--on{color:var(--gold);filter:drop-shadow(0 1px 2px rgba(232,154,43,.55))}.level-card__lock{color:var(--ink-soft)}.level-card__best{font-size:.72rem;font-weight:800;color:var(--teal-dark)}.level-card__probadge{position:absolute;top:8px;right:8px;font-size:.6rem;font-weight:900;letter-spacing:.5px;background:linear-gradient(120deg,var(--gold),#ffce7a);color:#6b4308;border-radius:6px;padding:2px 6px}.play-screen{justify-content:flex-start}.play-topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:900px;padding:14px 16px 0}.play-title{display:flex;align-items:center;gap:8px;background:var(--card);border-radius:999px;padding:6px 16px;box-shadow:var(--shadow)}.play-title__emoji{font-size:1.4rem}.play-title__song{font-weight:800;font-size:.92rem;line-height:1.1}.play-title__level{font-size:.7rem;font-weight:700;color:var(--ink-soft)}.play-hud{position:relative;z-index:2;display:flex;align-items:center;gap:14px;margin-top:12px}.hud-score{background:var(--card);border-radius:var(--radius-sm);padding:6px 18px;text-align:center;box-shadow:var(--shadow)}.hud-score__value{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--teal-dark);line-height:1}.hud-score__label{font-size:.66rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--ink-soft)}.hud-combo{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(120deg,#ff9d5c,#ff7a59);color:#fff;font-weight:900;border-radius:999px;padding:8px 16px;box-shadow:0 4px 14px #ff7a5980;animation:combo-pop .3s ease}@keyframes combo-pop{0%{transform:scale(.7)}60%{transform:scale(1.12)}to{transform:scale(1)}}.hud-mic{display:inline-flex;align-items:center;gap:6px;background:#ffffffbf;border-radius:999px;padding:8px 14px;font-size:.82rem;font-weight:800;color:var(--ink-soft);transition:all .2s}.hud-mic--live{background:var(--teal-light);color:var(--teal-dark);box-shadow:0 0 0 3px #16a37a40}.play-progress{position:relative;z-index:2;width:min(90%,860px);height:7px;margin-top:10px;background:#ffffff80;border-radius:4px;overflow:hidden}.play-progress__fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--gold));border-radius:4px;transition:width .12s linear}.play-center{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:12px 16px}.play-intro{max-width:420px;padding:30px 28px;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}.play-intro__emoji{font-size:3rem}.play-intro__origin{color:var(--ink-soft);font-size:.85rem;font-weight:700;margin-top:-8px}.play-intro__tip{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;font-size:.85rem;font-weight:700;color:var(--ink-soft)}.tip-sep{opacity:.45}.phase-label{display:flex;align-items:center;gap:10px;background:var(--card);border-radius:999px;padding:12px 26px;font-family:var(--font-display);font-weight:800;font-size:1.2rem;box-shadow:var(--shadow);animation:label-breathe 1.6s ease-in-out infinite}@keyframes label-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.countdown-display{text-align:center}.countdown-text{color:#fff;font-weight:800;font-size:1.2rem;text-shadow:0 2px 8px rgba(28,48,64,.4)}.countdown-number{font-family:var(--font-display);font-size:6rem;font-weight:800;color:#fff;text-shadow:0 4px 0 rgba(14,125,93,.8),0 12px 30px rgba(28,48,64,.35);animation:count-zoom .9s ease}@keyframes count-zoom{0%{transform:scale(2.1);opacity:0}to{transform:scale(1);opacity:1}}.grade-flash{position:absolute;top:18%;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:1.7rem;font-weight:800;animation:grade-rise .65s ease forwards;pointer-events:none}.grade-flash--perfect{color:#22c55e;text-shadow:0 2px 10px rgba(34,197,94,.5)}.grade-flash--good{color:var(--gold-dark);text-shadow:0 2px 10px rgba(232,154,43,.5)}.grade-flash--miss{color:#94a3b8}@keyframes grade-rise{0%{transform:translateY(14px) scale(.8);opacity:0}25%{transform:translateY(0) scale(1.08);opacity:1}to{transform:translateY(-18px) scale(1);opacity:0}}.paused-overlay{display:flex;flex-direction:column;gap:12px;align-items:center;padding:30px 34px;text-align:center;max-width:380px}.play-visualizer{position:relative;z-index:2;width:min(96%,900px);height:34vh;min-height:190px;margin-bottom:14px}.play-visualizer canvas{width:100%;height:100%}.visualizer-legend{position:absolute;top:8px;right:14px;z-index:3;display:flex;gap:14px;font-size:.72rem;font-weight:800}.legend-item{display:inline-flex;align-items:center;gap:5px}.legend-swatch{display:inline-block;width:14px;height:6px;border-radius:3px;background:currentColor}.legend-item--target{color:#2dd4a7}.legend-item--user{color:var(--gold)}.legend-item--user .legend-swatch{width:8px;height:8px;border-radius:50%}.debug-panel{position:fixed;top:8px;left:8px;z-index:40;min-width:168px;padding:8px 10px;border-radius:10px;background:#081422e6;color:#d6e6f5;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.5;pointer-events:none}.debug-row{display:flex;justify-content:space-between;gap:10px}.debug-row--whistle b{color:#4ade80}.debug-row--backing b{color:#7ec8ff}.debug-row--voice b{color:#ff7a59}.debug-row--silence b{color:#64748b}.debug-bad{color:#ff7a59}.results-screen{justify-content:center;padding:24px 16px}.results-card{position:relative;z-index:1;width:100%;max-width:460px;padding:28px 26px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;overflow:hidden}.results-card--gold{box-shadow:0 0 0 3px var(--gold),0 14px 44px #e89a2b59}.results-level{font-weight:800;color:var(--ink-soft);font-size:.95rem}.results-stars{display:flex;gap:8px;font-size:3rem}.results-star{color:#dfe6ec;animation:star-appear .5s ease backwards}.results-star--filled{color:var(--gold);filter:drop-shadow(0 3px 8px rgba(232,154,43,.5))}@keyframes star-appear{0%{transform:scale(0) rotate(-40deg)}70%{transform:scale(1.25) rotate(8deg)}to{transform:scale(1) rotate(0)}}.results-score__value{font-family:var(--font-display);font-size:3.2rem;font-weight:800;color:var(--teal-dark);line-height:1}.results-score__max{color:var(--ink-soft);font-weight:700}.new-best{margin-left:6px;padding:2px 8px;border-radius:6px;background:var(--pink);color:#fff;font-size:.7rem;font-weight:900;animation:combo-pop .4s ease}.results-grade__headline{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-size:1.3rem;font-weight:800}.results-grade__subline{color:var(--ink-soft);font-size:.9rem;font-weight:600}.results-breakdown{display:flex;gap:10px;width:100%}.stat{flex:1;background:#7ec8ff24;border-radius:var(--radius-sm);padding:10px 6px}.stat__value{display:flex;align-items:center;justify-content:center;gap:4px;font-family:var(--font-display);font-weight:800;font-size:1.25rem;color:var(--ink)}.stat__label{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-soft)}.results-notes{display:flex;gap:12px;font-size:.82rem;font-weight:800;flex-wrap:wrap;justify-content:center}.note-count{display:inline-flex;align-items:center;gap:5px}.note-count--perfect{color:#16a34a}.note-count--good{color:var(--gold-dark)}.note-count--miss{color:#94a3b8}.note-strip{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;max-width:100%}.note-dot{width:12px;height:12px;border-radius:50%}.note-dot--perfect{background:#4ade80}.note-dot--good{background:var(--gold)}.note-dot--miss{background:#cbd5e1}.name-form{width:100%}.name-form__label{display:flex;align-items:center;gap:6px;font-size:.86rem;font-weight:700;margin-bottom:8px}.name-form__row{display:flex;gap:8px}.name-input{flex:1;padding:10px 14px;border-radius:999px;border:2px solid var(--border);font-family:inherit;font-weight:700;font-size:.9rem;outline:none;transition:border-color .15s}.name-input:focus{border-color:var(--teal)}.name-input--error{border-color:var(--coral)}.name-input--error::placeholder{color:var(--coral)}.all-complete-banner{background:linear-gradient(120deg,#fff4dd,#ffe6b8);border-radius:var(--radius-sm);padding:12px 16px;font-size:.9rem;font-weight:700;color:#6b4308}.results-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.confetti__piece{position:absolute;top:-14px;width:9px;height:14px;border-radius:2px;animation:confetti-fall 2.6s ease-in infinite}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(560px) rotate(560deg);opacity:0}}.leaderboard-screen,.howtoplay-screen{justify-content:center;padding:24px 16px}.leaderboard-card,.howtoplay-card{position:relative;z-index:1;width:100%;max-width:480px;padding:24px;display:flex;flex-direction:column;gap:14px}.leaderboard-header{display:flex;align-items:center;gap:12px}.leaderboard-header h2{flex:1;margin-right:60px;display:flex;align-items:center;justify-content:center;gap:8px}.leaderboard-tabs{display:flex;gap:8px}.tab{flex:1;padding:10px;border:none;border-radius:999px;background:#7ec8ff26;font-weight:800;color:var(--ink-soft);transition:all .15s}.tab--active{background:var(--teal);color:#fff;box-shadow:0 4px 12px #16a37a59}.level-picker{padding:10px 14px;border-radius:var(--radius-sm);border:2px solid var(--border);font-family:inherit;font-weight:700;background:#fff;outline:none}.leaderboard-list{list-style:none;display:flex;flex-direction:column;gap:6px}.leaderboard-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-sm);background:#7ec8ff1a;font-weight:700}.leaderboard-row:nth-child(1){background:linear-gradient(120deg,#fff4dd,#ffe9c2)}.leaderboard-row:nth-child(2){background:#f1f5f9}.leaderboard-row:nth-child(3){background:#fdf0e4}.leaderboard-row--me{outline:2px solid var(--teal)}.leaderboard-rank{width:34px;flex:none;font-weight:900;display:flex;align-items:center;justify-content:center}.medal--gold{color:#eab308}.medal--silver{color:#94a3b8}.medal--bronze{color:#c2794a}.leaderboard-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{font-family:var(--font-display);font-weight:800;color:var(--teal-dark)}.leaderboard-empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:30px 10px;color:var(--ink-soft);font-weight:700}.howtoplay-steps{list-style:none;display:flex;flex-direction:column;gap:14px}.howtoplay-steps li{display:flex;gap:12px;align-items:flex-start;font-size:.95rem}.howtoplay-rules h3,.howtoplay-tips h3{display:flex;align-items:center;gap:8px;font-size:1rem;margin-bottom:6px}.howtoplay-rules h3 .icon{color:var(--coral)}.howtoplay-tips h3 .icon{color:var(--teal-dark)}.howtoplay-tips ul{padding-left:18px;display:flex;flex-direction:column;gap:5px;font-size:.9rem}.howtoplay-card .btn--lg{align-self:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0f1e2a8c;display:flex;align-items:center;justify-content:center;padding:20px;animation:backdrop-in .2s ease}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.pro-modal{position:relative;width:100%;max-width:400px;padding:30px 26px;display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;animation:modal-in .25s ease}@keyframes modal-in{0%{transform:translateY(24px) scale(.95);opacity:0}to{transform:none;opacity:1}}.modal-close{position:absolute;top:12px;right:14px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;font-size:1.1rem;color:var(--ink-soft)}.pro-modal__badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(120deg,var(--gold),#ffce7a);color:#6b4308;font-weight:900;letter-spacing:1px;border-radius:999px;padding:6px 18px;font-size:.85rem}.pro-modal__perks{list-style:none;display:flex;flex-direction:column;gap:8px;text-align:left;font-weight:600;font-size:.92rem}.pro-modal__perks li{display:flex;align-items:flex-start;gap:9px}.pro-modal__perks .icon{margin-top:2px;color:var(--teal)}.pro-modal__buy{width:100%}.pro-modal__promo{display:flex;gap:8px;width:100%}.pro-modal__note{font-size:.78rem;color:var(--ink-soft);font-weight:600}@media (max-width: 560px){.levels-grid{grid-template-columns:repeat(2,1fr)}.play-hud{flex-wrap:wrap;justify-content:center;gap:8px}.play-visualizer{height:30vh}.results-stars{font-size:2.4rem}.hills--far{bottom:44px}}@media (prefers-reduced-motion: reduce){.bird,.cloud,.flower,.float-note,.logo-bird,.bird-wing,.sun{animation:none!important}}