:root{--p-red: #E72829;--p-poppy: #EE5524;--p-orange: #F39422;--p-gold: #FFD25B;--p-yellow: #F1E606;--p-green: #6AB845;--p-mint: #65C081;--p-teal: #009999;--p-blue: #1E7FC3;--p-purple: #7B569E;--p-plum: #9F5B90;--p-pink: #EA6BA3;--p-navy: #1A233D;--p-brown: #512D1C;--tile-size: 106px;--gap: 10px;--dock-height: clamp(196px, 30vh, 238px);--dock-bg-height: clamp(74px, 12vh, 98px);--bank-note-size: 96px;--bank-note-gap: 8px;--bg1: #eef1f5;--bg2: #eef1f5;--ink: var(--p-navy);--panel: #ffffff;--panel-border: #e4edff;--teal: var(--p-teal);--teal-dark: #007d7d;--green: var(--p-green);--green-soft: #a8d58c;--line: #d7e2f2;--ink-mid: #42506f;--ink-muted: #5e6780;--ink-soft: #8494b4;--ink-dim: #35425b;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-ui: cubic-bezier(.25, .1, .25, 1);--ease-snap: cubic-bezier(.34, .82, .24, 1);--z-game: 1;--z-bank: 4;--z-hud: 10;--z-float: 60;--z-dock: 70;--z-fly: 90;--z-daily: 116;--z-set: 117;--z-overlay: 118;--z-end: 119;--z-modal: 120;--z-settings: 130;--z-top: 300}*{box-sizing:border-box}[hidden]{display:none!important}html{height:100%;overflow:hidden;overscroll-behavior:none}body{margin:0;height:100vh;height:100svh;font-family:Nunito,Avenir Next Rounded,Trebuchet MS,Verdana,sans-serif;color:var(--ink);background:var(--bg1);padding:0;overflow:hidden;overscroll-behavior:none}.app{width:100%;max-width:430px;height:100vh;height:100svh;margin:0 auto;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:hidden;position:relative}@media(min-width:480px){body{background:#c2ccd9;display:flex;justify-content:center;align-items:center}.app{height:min(820px,100svh);border-radius:28px;box-shadow:0 8px 48px #1a233d38}.screen{height:100%}.question-grid.melody-stack{height:210px}.question-grid.slots-2{--tile-size: 96px;--gap: 12px}.question-grid.slots-3{--tile-size: 86px;--gap: 9px}.question-grid.slots-4{--tile-size: 70px;--gap: 7px}.question-grid.slots-5{--tile-size: 58px;--gap: 6px}}.screen{height:100vh;height:100svh;padding:calc(20px + env(safe-area-inset-top)) 14px 0;position:relative;background:var(--bg1)}.boot-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;gap:10px;background:#f9fcffe6;transition:opacity .18s var(--ease-ui)}.boot-loader.done{opacity:0}.intro-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:grid;place-items:center;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(min-content,1fr);padding:22px 16px calc(24px + env(safe-area-inset-bottom));background:#eef1f5eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-y:auto;-webkit-overflow-scrolling:touch}.intro-card{grid-area:1 / 1;width:min(420px,100%);padding:36px 28px 28px;border-radius:28px;background:#fffffff5;border:1px solid var(--panel-border);box-shadow:0 16px 36px #1f36681f;text-align:center;transition:opacity .18s var(--ease-ui),transform .18s var(--ease-ui)}.intro-overlay.show-settings .intro-card{opacity:0;pointer-events:none;transform:scale(.96)}.intro-settings-card{text-align:left}.intro-settings-card .intro-kicker,.intro-settings-card .intro-title{text-align:center}.intro-settings-card .settings{margin-top:14px}.intro-overlay.show-settings .intro-settings-card{opacity:1;pointer-events:auto;transform:none}.end-overlay{z-index:var(--z-end)}.end-card{max-width:430px}.end-reward-row{margin:6px 0 18px}.intro-kicker{margin:0 0 8px;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--p-navy)}.intro-title{margin:0;font-size:clamp(2rem,8vw,2.8rem);line-height:.95;font-weight:900;color:var(--p-navy)}.intro-copy{margin:12px auto 18px;max-width:28ch;font-size:.98rem;line-height:1.35;color:var(--ink-mid)}.intro-actions{display:grid;gap:10px}.intro-actions-grid{grid-template-columns:1fr 1fr;margin-top:28px;gap:12px}.game-mode-card{max-width:380px;padding:28px 24px 24px}.game-mode-sections{display:flex;flex-direction:column;gap:20px;margin:20px 0 24px;text-align:left}.game-mode-section{display:flex;flex-direction:column;gap:10px}.game-mode-label{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8494b4;margin:0}.game-mode-section .mode-toggle{width:100%;display:flex;gap:8px}.game-mode-section .mode-btn{flex:1;min-width:0;min-height:44px;font-size:.88rem;font-weight:600;padding:10px 8px;border-radius:12px;text-align:center}.game-mode-card .intro-play-btn,.game-mode-card .intro-settings-btn{min-height:44px;font-size:.92rem}.game-mode-card .intro-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.how-to-play-card{max-width:420px;padding:28px 24px 24px}.htp-steps{list-style:none;padding:0;margin:20px 0;display:grid;gap:12px;text-align:left}.htp-step{display:flex;align-items:flex-start;gap:12px;font-size:.92rem;line-height:1.4;color:var(--p-navy)}.htp-icon{font-size:1.25rem;line-height:1.2;flex-shrink:0;width:26px;text-align:center}.intro-play-btn,.intro-settings-btn{min-height:52px;border-radius:18px;font-size:1rem;font-weight:900}.intro-play-btn{background:var(--p-teal);color:#fff}.intro-settings-btn{background:#e8f7f7;color:var(--p-navy);border:2px solid var(--p-teal)}.boot-loader-dot{width:22px;height:22px;border-radius:50%;border:3px solid #c8d7f6;border-top-color:#099695;animation:bootSpin .82s linear infinite}.boot-loader-text{margin:0;font-size:.88rem;font-weight:800;color:#446196}@keyframes bootSpin{to{transform:rotate(360deg)}}button{border:0;border-radius:16px;padding:10px 14px;font-size:1rem;font-weight:800;cursor:pointer}button:active{transform:translateY(1px)}.bank-note:active{transform:none}.app-title{margin:0;text-align:center;font-size:clamp(1.52rem,7vw,2.2rem);font-weight:900;color:var(--ink);line-height:1.1;white-space:nowrap}.top-ui{display:flex;align-items:center;justify-content:center;min-height:76px;margin-bottom:8px;position:relative}.play-center{position:absolute;top:0;right:0;z-index:6;width:auto;display:grid;place-items:center;gap:4px;margin:0;transform:none;transition:opacity .18s var(--ease-ui),transform .18s var(--ease-ui)}.play-center.sequence-active{opacity:0;pointer-events:none;transform:translateY(8px)}.play-center.is-hidden{opacity:0;pointer-events:none}.settings-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);width:42px;height:42px;min-width:42px;min-height:42px}.quit-btn{position:absolute;left:0;top:50%;transform:translateY(-50%);width:42px;height:42px;min-width:42px;min-height:42px;color:var(--ink-soft);border-color:#c8d5e8}.quit-btn:hover{color:var(--p-red);border-color:var(--p-red);background:#fff0f0}.quit-glyph{display:inline-block;font-size:1.1rem;font-weight:700;line-height:1}.quit-confirm-overlay{z-index:var(--z-modal)}.quit-confirm-card{max-width:360px}.quit-confirm-copy{margin:10px 0 20px;font-size:.95rem;color:var(--ink-mid);line-height:1.4}.quit-yes-btn{background:var(--p-red);border-color:#c00}.settings-glyph{display:inline-block;font-size:1.5rem;line-height:1;transform:translateY(1px)}.settings-btn.active{background:#099695;color:#fff;border-color:var(--teal-dark);box-shadow:none}.settings-panel{position:absolute;right:0;top:calc(100% + 8px);width:min(760px,calc(100vw - 44px));z-index:var(--z-settings);max-height:min(78vh,520px);overflow:auto;-webkit-overflow-scrolling:touch}.settings{width:100%;margin:0;padding:7px 9px;border-radius:12px;border:1px solid var(--line);background:#fffffff5;display:grid;gap:6px}.intro-settings-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}.intro-settings-cancel-btn,.intro-settings-accept-btn{min-height:46px;border-radius:14px;font-size:.96rem;font-weight:900}.intro-settings-cancel-btn{background:#f2f6ff;color:var(--p-navy);border:2px solid #d3e1ff}.intro-settings-accept-btn{background:var(--p-teal);color:#fff}.setting-row{display:grid;grid-template-columns:minmax(88px,118px) 1fr;align-items:center;gap:8px}.setting-row-slider{grid-template-columns:minmax(88px,118px) 1fr minmax(42px,50px)}.setting-label{font-weight:900;color:#2a4478;font-size:.81rem}.setting-value{text-align:center;font-weight:900;color:#0f4474;background:var(--panel);border:2px solid #d8e6ff;border-radius:999px;padding:1px 4px;font-size:.74rem}.settings input[type=range]{width:100%;accent-color:var(--teal)}.mode-toggle{display:flex;gap:6px;flex-wrap:wrap}.mode-groups{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.mode-group{display:flex;align-items:center;gap:8px}.mode-group-label{font-size:.78rem;font-weight:900;color:#2a4478;min-width:42px}.mode-btn{color:#23416e;background:#f2f6ff;border:2px solid #d3e1ff;min-height:30px;min-width:72px;padding:5px 9px;font-size:.76rem;border-radius:10px}.mode-btn.active{color:#fff;background:var(--teal);border-color:var(--teal-dark);box-shadow:none}.toolbar{display:grid;grid-template-columns:auto;justify-content:end;gap:6px;align-items:center;width:auto;margin-top:18px}.question-hint-label{text-align:center;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#22457f8c;margin:10px 0 0;min-height:1.2em;transition:opacity .25s var(--ease-ui)}.question-hint-label:empty{visibility:hidden}.transport-btn{min-height:46px;border:2px solid var(--green);border-radius:15px;padding:7px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#17366a;background:var(--panel);box-shadow:none;font-size:.92rem;font-weight:900}.play-circle{width:100%;height:auto}.play-triangle{width:0;height:0;border-left:12px solid var(--green);border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:1px}.transport-label{color:inherit;font-size:inherit;line-height:1;font-weight:900}.replay-btn{position:relative}.tool-icon-btn,.score-skip-btn{width:52px;height:52px;min-width:52px;min-height:52px;border-radius:15px;padding:0;background:var(--panel);border:2px solid var(--line);color:#4f6796;box-shadow:none}.tool-icon-btn svg,.score-skip-btn svg{width:19px;height:19px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.tool-icon-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none}.score-skip-btn{width:auto;min-width:0;display:inline-grid;place-items:center;align-content:center;gap:1px;font:inherit}.score-skip-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none}.replay-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none}.hud-panel{background:#ffffffb3;border:1px solid var(--line);border-radius:16px;padding:12px 16px 10px;margin:6px 0 8px;display:flex;flex-direction:column;gap:10px}.hud-row{display:flex;align-items:center}.hud-stats-row{justify-content:space-around}.hud-stat{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.hud-divider{width:1px;height:28px;background:#dde8f6;flex-shrink:0}.hud-label{font-size:.62rem;font-weight:900;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.hud-value{font-size:1.1rem;font-weight:900;color:var(--ink);line-height:1.2}.hud-meter-row{gap:10px;padding:0 2px;align-items:center}.hud-meter-label{white-space:nowrap;flex-shrink:0}.hud-meter-row .bonus-meter{flex:1;height:9px;margin:0}.hud-progress-row{gap:8px;align-items:center}.hud-progress-label{flex-shrink:0}.hud-progress-row .outcome-track-rail{flex:1}.hud-progress-row .outcome-track-value{font-size:.75rem;font-weight:900;color:var(--ink-muted);white-space:nowrap}.score-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 8px}.reward-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 8px}.reward-pill{border:1px solid var(--line);border-radius:18px;padding:8px 10px;background:linear-gradient(180deg,#fffffff5,#f2f9fff5);text-align:center}.reward-pill-meter{text-align:left}.reward-label{display:block;font-size:.68rem;font-weight:900;color:var(--ink-muted);text-transform:uppercase}.reward-value{display:block;margin-top:2px;font-size:1rem;font-weight:900;color:var(--ink)}.setting-row-actions{grid-template-columns:1fr;gap:6px}.clear-scores-btn{width:100%;min-height:42px}.bonus-meter{display:block;height:11px;border-radius:999px;background:#dfe8f5;border:1px solid #cedcf0;margin-top:10px;overflow:hidden;position:relative}.bonus-meter-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--p-teal),var(--p-green));transition:width .4s var(--ease-out)}.bonus-meter.is-ready .bonus-meter-fill{background:linear-gradient(90deg,var(--p-gold),var(--p-orange));animation:bonus-meter-pulse .55s ease 2}@keyframes bonus-meter-pulse{0%,to{opacity:1}50%{opacity:.55}}.end-scores{margin-top:16px;padding-top:12px;border-top:1px solid var(--line);text-align:left}.end-scores-label{margin:0 0 10px;text-align:center}.end-score-list{margin:0;padding-left:22px;color:var(--p-navy);display:grid;gap:10px}.end-score-list li::marker{color:var(--p-teal);font-weight:900}.end-score-item{padding:12px 14px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f6fbff);box-shadow:0 12px 26px #1b233e14}.end-score-item.is-pending-entry{list-style:none;margin-left:-22px;border:2px dashed rgba(0,153,153,.34);background:linear-gradient(180deg,#00999914,#fffffffa)}.end-score-item.is-new-entry{border-color:#6abb4a;background:linear-gradient(180deg,#6abb4a33,#fff);box-shadow:0 14px 28px #6abb4a2e;animation:newScorePop .42s cubic-bezier(.2,.9,.25,1.15)}.end-score-item.is-rank-1{border-color:#f2c94c;background:linear-gradient(180deg,#f2c94c42,#fffdf3);box-shadow:0 16px 30px #f2c94c33}.end-score-item.is-rank-2{border-color:#b8c7dc;background:linear-gradient(180deg,#b8c7dc42,#fbfdff);box-shadow:0 14px 28px #768ca829}.end-score-item.is-rank-3{border-color:#d89a62;background:linear-gradient(180deg,#d89a623d,#fffaf6);box-shadow:0 14px 28px #d89a6229}.end-score-item.is-empty-entry,.end-score-item.is-unranked-entry{list-style:none;margin-left:-22px}.end-score-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.end-score-name{font-size:1rem;font-weight:900;color:var(--p-navy)}.end-score-points{font-size:.96rem;font-weight:900;color:var(--p-teal);white-space:nowrap}.end-score-meta{margin-top:4px;font-size:.8rem;font-weight:800;color:var(--ink-muted)}.end-score-tag{display:inline-flex;align-items:center;justify-content:center;margin-bottom:8px;padding:4px 10px;border-radius:999px;background:var(--p-teal);color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.02em;text-transform:uppercase}.end-score-tag.is-rank-1{background:#f2c94c;color:var(--p-navy)}.end-score-tag.is-rank-2{background:#c4d1e3;color:var(--p-navy)}.end-score-tag.is-rank-3{background:#e0a06d}.end-name-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:10px}.end-name-input{min-height:46px;border-radius:14px;border:2px solid #d3e1ff;background:var(--panel);color:var(--p-navy);font:inherit;font-weight:800;padding:0 14px}.end-name-input:focus-visible{outline:2px solid var(--p-teal);outline-offset:2px;border-color:var(--p-teal);box-shadow:0 0 0 3px #00999929}.end-save-btn{min-height:46px;white-space:nowrap}.end-name-error{min-height:20px;margin:8px 0 0;text-align:center;font-size:.82rem;font-weight:800;color:#b33f54}@keyframes newScorePop{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.last-chip{display:none}.score-chip,.score-skip-btn{border:1px solid #e2e9f4;border-radius:999px;background:transparent;padding:6px;text-align:center;box-shadow:none}.chip-label{display:block;font-size:.7rem;font-weight:900;color:var(--ink-muted);text-transform:uppercase;letter-spacing:0}.chip-value{display:block;font-size:1rem;font-weight:900;color:var(--ink)}.tries-value{min-height:20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding-top:2px}.try-dot{width:16px;height:16px;border-radius:50%;border:2px solid #c8d7f7;background:var(--bg1)}.try-dot.is-available{border-color:var(--green);background:var(--green)}.outcome-track{margin:2px 0 8px;padding:0 2px 7px;border:0;border-radius:0;background:transparent;box-shadow:none}.outcome-track-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.outcome-track-label{font-size:.7rem;font-weight:900;color:var(--ink-muted);text-transform:uppercase;letter-spacing:0}.outcome-track-value{font-size:.82rem;font-weight:900;color:var(--ink)}.outcome-track-rail{position:relative;padding:2px 0}.outcome-track-rail:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:4px;border-radius:999px;background:#dde7fb}.outcome-track-fill{position:absolute;left:0;top:50%;transform:translateY(-50%);height:4px;width:0%;border-radius:999px;background:linear-gradient(90deg,#6ec4ff,#57a8ef);transition:width .26s var(--ease-ui)}.outcome-dots{position:relative;display:flex;justify-content:space-between;align-items:center;gap:6px}.outcome-dot{width:15px;height:15px;border-radius:50%;border:2px solid #c8d7f7;background:var(--bg1);transition:transform .18s var(--ease-ui),background-color .2s var(--ease-ui),border-color .2s var(--ease-ui)}.outcome-dot.is-correct{background:#58d36f;border-color:#2ea448}.outcome-dot.is-half{background:#ffd95b;border-color:#e3b62f}.outcome-dot.is-wrong{background:#ff7171;border-color:#d74f4f}.outcome-dot.is-filled{transform:scale(1.03)}.message{display:none!important}@keyframes burst-in{0%{opacity:0;transform:scaleX(.7) scaleY(1.36) translateY(16px) rotate(2.5deg);letter-spacing:-.07em}32%{opacity:1;transform:scaleX(1.14) scaleY(.82) translateY(-6px) rotate(-1.8deg);letter-spacing:.08em}55%{transform:scaleX(.94) scaleY(1.07) translateY(2px) rotate(.8deg);letter-spacing:-.01em}72%{transform:scaleX(1.02) scaleY(.98) translateY(-.5px) rotate(0);letter-spacing:0}87%{transform:scaleX(.995) scaleY(1.005)}to{opacity:1;transform:scale(1) translateY(0) rotate(0);letter-spacing:0}}@keyframes burst-in-combo{0%{opacity:0;transform:scaleX(.62) scaleY(1.56) translateY(22px) rotate(3deg);letter-spacing:-.1em}30%{opacity:1;transform:scaleX(1.22) scaleY(.72) translateY(-10px) rotate(-2deg);letter-spacing:.14em}52%{transform:scaleX(.9) scaleY(1.12) translateY(4px) rotate(1.2deg);letter-spacing:-.03em}68%{transform:scaleX(1.05) scaleY(.96) translateY(-1px) rotate(-.4deg);letter-spacing:0}82%{transform:scaleX(.99) scaleY(1.01)}to{opacity:1;transform:scale(1) translateY(0) rotate(0);letter-spacing:-.01em}}@keyframes burst-in-intro{0%{opacity:0;transform:scaleX(1.7) scaleY(.14) translateY(-14px) rotate(-1.2deg);letter-spacing:.22em}28%{opacity:1;transform:scaleX(.78) scaleY(1.34) translateY(8px) rotate(.8deg);letter-spacing:-.04em}50%{transform:scaleX(1.1) scaleY(.9) translateY(-3px) rotate(-.3deg);letter-spacing:.09em}68%{transform:scaleX(.97) scaleY(1.03) translateY(1px) rotate(0);letter-spacing:.07em}84%{transform:scaleX(1.01) scaleY(.99);letter-spacing:.06em}to{opacity:1;transform:scale(1) translateY(0) rotate(0);letter-spacing:.06em}}@keyframes burst-out{0%{opacity:1;transform:scale(1) rotate(0)}20%{opacity:1;transform:scaleX(1.1) scaleY(.9) rotate(-1deg)}to{opacity:0;transform:scaleX(.5) scaleY(.4) translateY(-14px) rotate(3.5deg);letter-spacing:.08em}}#gameScreen{display:flex;flex-direction:column;overflow:hidden;height:100%;padding:calc(20px + env(safe-area-inset-top)) 24px 0}.bonus-burst{flex-shrink:0;min-height:clamp(40px,6vh,56px);display:flex;align-items:center;justify-content:center;text-align:center;padding:0 8px;position:relative;font-size:1.18rem;font-weight:900;letter-spacing:-.01em;color:var(--teal-dark);opacity:0;pointer-events:none;margin:0}.burst-text{display:block}.bonus-burst.is-entering{animation:burst-in .72s cubic-bezier(.22,1,.36,1) forwards}.bonus-burst.is-entering.is-combo{animation:burst-in-combo .84s cubic-bezier(.22,1,.36,1) forwards}.bonus-burst.is-entering.is-intro{animation:burst-in-intro .88s cubic-bezier(.22,1,.36,1) forwards}.bonus-burst.is-entering.is-finish{animation:burst-in-combo .84s cubic-bezier(.22,1,.36,1) forwards}.bonus-burst.is-leaving{animation:burst-out .26s ease-in forwards}.bonus-burst.is-intro{color:var(--p-navy, #1b233e);letter-spacing:.06em}.bonus-burst.is-combo{color:var(--teal-dark);font-size:1.28rem}.bonus-burst.is-finish{color:#1e7a48;font-size:1.24rem}.bonus-burst.is-gameover{color:#7a1f1f;letter-spacing:-.02em;font-size:1.14rem}.bonus-burst.is-fly-active{opacity:1}@keyframes bonus-fly-up{0%{opacity:0;transform:translate(-50%) translateY(0) scale(.55)}14%{opacity:1;transform:translate(-50%) translateY(-12px) scale(1.45)}72%{opacity:.9;transform:translate(-50%) translateY(-120px) scale(1.05)}to{opacity:0;transform:translate(-50%) translateY(-150px) scale(.85)}}.bonus-fly{position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(0);font-size:1.9rem;font-weight:900;color:var(--p-gold, #f5b325);letter-spacing:-.02em;pointer-events:none;opacity:0;z-index:var(--z-fly);white-space:nowrap;text-shadow:0 2px 12px rgba(245,179,37,.45)}.bonus-fly.is-flying{animation:bonus-fly-up 1.55s cubic-bezier(.22,1,.36,1) forwards}.question-wrap{flex:1;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;border:0;border-radius:0;background:transparent;padding:16px 0 12px;box-shadow:none;position:relative}.question-prompt{display:none;margin:0;text-align:center;font-size:clamp(1rem,2.8vw,1.2rem);font-weight:900;color:#22457f}.question-grid{width:max-content;margin:0 auto;display:grid;gap:var(--gap)}.question-grid.melody-stack{width:min(100%,430px);height:246px;display:block;position:relative}.melody-stack .question-slot{position:absolute;left:calc(50% - (var(--tile-size) / 2) + var(--stack-x, 0px));bottom:var(--stack-y, 0px);z-index:var(--stack-z, 1);transform:rotate(var(--stack-rotate, 0deg))}.melody-stack .question-card{box-shadow:0 14px 24px #1b233e21}.melody-stack .question-slot.revealed .question-card{transform:rotateY(180deg)}.question-grid.slots-2{--tile-size: clamp(124px, 38vw, 152px);--gap: 12px}.question-grid.slots-3{--tile-size: clamp(118px, 35vw, 150px);--gap: 10px}.question-grid.slots-4{--tile-size: clamp(98px, 28vw, 122px);--gap: 9px}.question-grid.slots-5{--tile-size: clamp(82px, 23vw, 102px);--gap: 8px}.question-slot{width:var(--tile-size);height:var(--tile-size);perspective:1000px;position:relative}.question-card{width:100%;height:100%;border-radius:20px;border:3px dashed #cfd9f6;background:#f8fbff;box-shadow:none;transform-style:preserve-3d;transition:transform .36s var(--ease-ui);position:relative}.question-slot.revealed .question-card{transform:rotateY(180deg)}.question-slot.playing .question-card{border-color:#cfd9f6;box-shadow:none}.question-slot.playing .question-face-front{animation:questionJiggle .28s var(--ease-ui);color:#40639f}.question-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;backface-visibility:hidden}.question-face-front{font-size:2.1rem;font-weight:900;color:#5e75a5}.question-face-back{transform:rotateY(180deg)}.question-face-back .question-note{width:calc(var(--tile-size) - 8px);height:calc(var(--tile-size) - 8px);border-radius:16px;pointer-events:none}.question-slot.first-note-hint .question-note-hint{opacity:.5;filter:saturate(.82)}.bank-dock{flex-shrink:0;padding:8px 0 10px;padding-bottom:calc(26px + env(safe-area-inset-bottom));background:transparent;z-index:var(--z-dock);position:relative}.bank-dock:before{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--dock-bg-height) + env(safe-area-inset-bottom));background:var(--bg1);box-shadow:none;pointer-events:none}.bank-dock-inner,.bank-area{height:auto}.bank-dock-inner{width:100%;margin:0 auto;position:relative;z-index:1}.bank-area{border-radius:0;border:0;background:transparent;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;position:relative}.bank-area.chromatic-bank-area{border-radius:14px;border:1px solid #cfdcf3;background:var(--panel);padding:0 2px 10px}.bank-grid{width:max-content;margin:0 auto}.bank-grid.bank-strip{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:var(--bank-note-gap);padding:2px 6px 0}.bank-grid.c-major-strip{position:relative;display:flex;flex-wrap:nowrap;align-items:flex-end;width:100%;overflow:visible;margin:0;padding:0;gap:0}.bank-grid.c-major-strip .bank-note{flex:1 0 0;height:44px;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;padding:0;border:none;background:transparent;border-radius:0;box-shadow:none;position:relative;overflow:visible}.bank-grid.c-major-strip .bank-note:nth-child(1){translate:0 0;z-index:8}.bank-grid.c-major-strip .bank-note:nth-child(2){translate:0 -47px;z-index:7}.bank-grid.c-major-strip .bank-note:nth-child(3){translate:0 -94px;z-index:6}.bank-grid.c-major-strip .bank-note:nth-child(4){translate:0 -141px;z-index:5}.bank-grid.c-major-strip .bank-note:nth-child(6){translate:0 -141px;z-index:5}.bank-grid.c-major-strip .bank-note:nth-child(7){translate:0 -94px;z-index:6}.bank-grid.c-major-strip .bank-note:nth-child(8){translate:0 -47px;z-index:7}.bank-grid.c-major-strip .bank-note:nth-child(9){translate:0 0;z-index:8}.arch-listen-spacer{flex:0 0 33px;width:33px;height:44px;align-self:flex-end;pointer-events:none;visibility:hidden}.bank-grid.c-major-strip .bank-note .bell-composite{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:70px;height:112px;pointer-events:none}.bank-grid.c-major-strip .bank-note .note-art-stage{position:absolute;inset:auto;bottom:0;left:0;width:100%;height:44px;object-fit:fill}.bank-grid.c-major-strip .bank-note .note-art-bell{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:bottom center}:root:has(.bank-grid.c-major-strip){--dock-height: 300px;--dock-bg-height: 80px}.bank-dock:has(.bank-grid.c-major-strip){padding-top:220px;padding-left:0;padding-right:0}.bank-area:has(.bank-grid.c-major-strip){overflow:visible}.bank-area:not(.chromatic-bank-area){display:flex;align-items:center;justify-content:center;overflow:visible;padding-top:4px}.bank-grid.chromatic-piano{width:max-content;padding:10px 4px 12px;margin-bottom:4px}.chromatic-piano-strip{position:relative;width:calc((var(--white-count) * var(--bank-note-size)) + ((var(--white-count) - 1) * var(--bank-note-gap)));padding-top:calc(var(--bank-note-size) * .72)}.chromatic-white-row{display:flex;gap:var(--bank-note-gap);align-items:flex-end}.chromatic-black-row{position:absolute;top:0;left:0;width:100%;height:calc(var(--bank-note-size) * .86);pointer-events:none}.chromatic-black-wrap{position:absolute;top:-10px;transform:translate(-50%);pointer-events:auto;z-index:4}.chromatic-black-wrap .bank-note{width:calc(var(--bank-note-size) * .9);height:calc(var(--bank-note-size) * 1.18);min-width:calc(var(--bank-note-size) * .9);min-height:calc(var(--bank-note-size) * 1.18)}.note{width:var(--tile-size);height:var(--tile-size);border-radius:22px;border:3px solid transparent;margin:0;padding:0;background:var(--note-color, #ff7a7a);color:#fff;font-size:clamp(1.75rem,4.8vw,2.2rem);font-weight:900;text-shadow:0 2px 6px rgba(0,0,0,.22);box-shadow:none;display:grid;place-items:center;user-select:none;-webkit-user-select:none;overflow:hidden;position:relative;transition:transform .12s var(--ease-ui),filter .12s var(--ease-ui)}.note.has-image{background:var(--panel);border-color:var(--note-color, #8fa3d8);color:#20315f;text-shadow:none}.bank-note{width:var(--bank-note-size);height:calc(var(--bank-note-size) * 1.22);min-width:var(--bank-note-size);min-height:calc(var(--bank-note-size) * 1.22);border:3px solid var(--note-color, #c9d7f5);border-radius:22px;background:var(--panel);box-shadow:none;color:#1f3668;font-size:.98rem;font-weight:900;text-shadow:none}.bank-note .bell-composite{width:88%;height:82%;margin-top:-6px}.chromatic-white-note .bell-composite{margin-top:-5px}.bank-note .note-label{bottom:8px;min-width:0;padding:0;font-size:.7rem;line-height:1.2;color:#223e75;background:transparent;border:0;text-shadow:0 1px 2px rgba(255,255,255,.66);box-shadow:none}.bank-grid.c-major-strip .bank-note .note-label{position:absolute;top:calc(100% + 1px);left:50%;transform:translate(-50%);bottom:auto;font-size:.72rem;line-height:1;text-align:center;white-space:nowrap}.chromatic-white-note .note-label{bottom:5px}.chromatic-black-note{border:0;background:#35425b;box-shadow:none;color:#eef2ff}.chromatic-black-note .note-label{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.38)}.bank-note.chromatic-black-note.has-image{border:0;background:#35425b;color:#eef2ff;box-shadow:none}.bank-note.chromatic-black-note.has-image .note-label,.bank-note.chromatic-black-note .note-label{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.38)}.bank-grid.production-20{display:flex;flex-direction:column;width:100%;padding:0;gap:0}.production-bells{width:100%;display:flex;flex-direction:column}.production-bells-main-row{display:flex;flex-direction:row;align-items:flex-end;width:100%}.production-bells-top-row{display:flex;flex-direction:row;align-items:flex-end;padding-left:calc(100% / 24);margin-bottom:-10px;position:relative;z-index:2}.bank-grid.production-20 .bank-note{flex:1 1 0;min-width:0;width:0;height:auto;min-height:0;padding:0;border:none;background:transparent;border-radius:0;box-shadow:none;position:relative;display:flex;flex-direction:column;align-items:center}.bank-grid.production-20 .production-bells-main-row .bank-note{aspect-ratio:1 / 1.22}.bank-grid.production-20 .production-bells-top-row .bank-note{aspect-ratio:1 / .9}.production-bell-spacer{flex:1 1 0;min-width:0;pointer-events:none;visibility:hidden}.bank-grid.production-20 .bank-note .bell-composite{flex:1 1 0;min-height:0;height:auto;width:100%;margin-top:0}.bank-grid.production-20 .bank-note .note-label{position:absolute;top:calc(100% + 1px);left:50%;transform:translate(-50%);bottom:auto;font-size:.58rem;line-height:1;text-align:center;white-space:nowrap}:root:has(.bank-grid.production-20){--dock-height: 140px;--dock-bg-height: 64px}.bell-composite{position:relative;width:74%;height:74%;margin-top:-8px;flex-shrink:0}.note-art{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:none}.note-art-stage,.note-art-bell{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.note-art-stage:not([src]),.note-art-stage[src=""]{display:none}.note-art-bell{z-index:1}.note-label{position:absolute;left:50%;bottom:2px;transform:translate(-50%);min-width:36px;padding:1px 4px;border-radius:999px;font-size:.78rem;font-weight:900;letter-spacing:.02em;color:#173065;background:transparent;text-shadow:0 1px 1px rgba(255,255,255,.8),0 0 2px rgba(255,255,255,.6);pointer-events:none;white-space:nowrap}.note.note-playing,.bank-note.note-playing{transform:translateY(1px) scale(1.03);filter:brightness(1.04)}@media(hover:hover){.bank-note:hover{transform:none;filter:none}}.bank-note.note-correct-pop{animation:bankNoteCorrectPop .42s var(--ease-ui)}.bank-note.note-wrong-wobble{animation:bankNoteWrongWobble .48s var(--ease-ui)}.bank-note.note-celebrate{animation:bankNoteCelebrate .76s var(--ease-ui);pointer-events:none}.bank-note.first-note-hint-key{border-color:var(--note-color, #8fa3d8);border-width:3px;box-shadow:0 0 0 3px color-mix(in srgb,var(--note-color, #8fa3d8) 45%,transparent),0 0 16px 5px color-mix(in srgb,var(--note-color, #8fa3d8) 40%,transparent)}.bank-note.chromatic-black-note.first-note-hint-key{border:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--note-color, #8fa3d8) 60%,transparent),0 0 16px 5px color-mix(in srgb,var(--note-color, #8fa3d8) 45%,transparent)}.bank-note.next-hint-key{animation:nextHintPulse .68s var(--ease-ui)}.question-slot.hinting .question-card{animation:nextHintGlow .68s var(--ease-ui)}.confetti-layer{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.confetti-piece{position:absolute;width:8px;height:14px;border-radius:2px;opacity:0;animation:confettiDrop .9s ease forwards}.firework-flash{position:absolute;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%) scale(.2);background:radial-gradient(circle,#fffffff5,#fff7bfd1 36%,#ff985659 66%,#ff985600);box-shadow:0 0 0 2px #ffd58857,0 0 28px #ffe2a6b3;opacity:0;animation:fireworkFlash .82s ease-out forwards}@keyframes confettiDrop{0%{opacity:1;transform:translateZ(0) rotate(0)}to{opacity:0;transform:translate3d(var(--dx, 0px),var(--dy, 120px),0) rotate(var(--rot, 240deg))}}@keyframes bankNoteCorrectPop{0%{transform:translateY(1px) scale(1.03)}36%{transform:translateY(-6px) scale(1.08) rotate(-2deg)}70%{transform:translateY(0) scale(1.03) rotate(1deg)}to{transform:translateY(0) scale(1)}}@keyframes bankNoteWrongWobble{0%{transform:translate(0) rotate(0)}20%{transform:translate(-4px) rotate(-4deg)}40%{transform:translate(4px) rotate(4deg)}60%{transform:translate(-3px) rotate(-3deg)}80%{transform:translate(2px) rotate(2deg)}to{transform:translate(0) rotate(0)}}@keyframes bankNoteCelebrate{0%{transform:translateY(1px) scale(1.03)}18%{transform:translateY(-10px) scale(1.06) rotate(-3deg)}40%{transform:translateY(0) scale(1.02) rotate(2deg)}62%{transform:translateY(-6px) scale(1.04) rotate(-2deg)}to{transform:translateY(0) scale(1)}}@keyframes fireworkFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}25%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.9)}}@keyframes questionJiggle{0%{transform:translate(0) rotate(0)}22%{transform:translate(-5px) rotate(-4deg)}48%{transform:translate(4px) rotate(3deg)}72%{transform:translate(-2px) rotate(-2deg)}to{transform:translate(0) rotate(0)}}@keyframes nextHintPulse{0%{transform:scale(1);filter:brightness(1)}35%{transform:scale(1.06);filter:brightness(1.08)}to{transform:scale(1);filter:brightness(1)}}@keyframes nextHintGlow{0%{box-shadow:inset 0 2px #ffffffd9}35%{box-shadow:inset 0 2px #ffffffe6,0 0 0 4px #57a8ef40}to{box-shadow:inset 0 2px #ffffffd9}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){:root{--tile-size: clamp(58px, 15vw, 76px);--bank-note-size: 84px;--bank-note-gap: 6px}.top-ui,.toolbar{justify-content:center}.score-row{grid-template-columns:repeat(3,minmax(0,1fr))}.outcome-dot{width:16px;height:16px}.question-wrap{padding-inline:4px}}@media(max-width:640px){:root{--tile-size: clamp(54px, 17vw, 66px);--gap: 8px;--bank-note-size: clamp(64px, 19vw, 76px);--bank-note-gap: 8px;--dock-height: clamp(204px, 31vh, 226px);--dock-bg-height: clamp(72px, 12vh, 92px)}body{padding:0}.screen{padding:calc(20px + env(safe-area-inset-top)) 14px 0}.app-title{max-width:100%;margin:0 auto}.settings-panel{position:fixed;left:10px;right:10px;top:calc(66px + env(safe-area-inset-top));width:auto}.play-center{top:2px;right:2px}.play-center.sequence-active{transform:translateY(6px)}.toolbar{grid-template-columns:auto;justify-content:end}.play-circle{width:auto;min-height:42px}.transport-btn{min-height:42px;padding:7px 11px;gap:7px;font-size:.92rem;border-width:2px;border-radius:14px}.play-triangle{border-left-width:12px;border-top-width:7px;border-bottom-width:7px;margin-left:1px}.score-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.score-chip{min-width:0;padding:6px 4px}.score-skip-btn{min-height:52px;padding:6px 4px}.chip-label{font-size:.58rem}.chip-value{font-size:.96rem}.outcome-track,.outcome-track-head{margin-bottom:7px}.outcome-dot{width:14px;height:14px}.message{min-height:26px;margin:3px 0 7px;font-size:.92rem}.question-wrap{padding:12px 0 8px}.question-grid.slots-3{--tile-size: clamp(116px, 36vw, 130px);--gap: 9px}.question-grid.melody-stack{height:226px}.question-grid.slots-4{--tile-size: clamp(94px, 29vw, 108px);--gap: 7px}.question-grid.slots-5{--tile-size: clamp(76px, 23vw, 88px);--gap: 6px}.question-card{border-radius:15px}.question-face-front{font-size:1.7rem}.setting-row{grid-template-columns:74px 1fr;gap:6px}.setting-row-slider{grid-template-columns:74px 1fr 42px}.mode-btn{min-width:64px;padding-inline:7px;font-size:.72rem}.bank-grid.c-major-strip .bank-note .note-label{font-size:clamp(.55rem,1.8vw,.7rem)}:root:has(.bank-grid.c-major-strip){--dock-height: clamp(90px, 14vh, 110px);--dock-bg-height: clamp(62px, 10vh, 74px)}.bank-note{border-radius:17px}.bank-note .bell-composite{width:90%;height:84%;margin-top:-4px}.bank-note .note-label{bottom:4px}.bank-area.chromatic-bank-area{overflow-x:auto;overflow-y:hidden}.bank-grid.chromatic-piano{padding-top:8px}}@media(max-width:360px){:root{--tile-size: 51px;--gap: 6px;--bank-note-size: 68px;--bank-note-gap: 8px}.question-grid.slots-3{--tile-size: 116px;--gap: 9px}.question-grid.melody-stack{height:218px}.question-grid.slots-4{--tile-size: 92px;--gap: 7px}.question-grid.slots-5{--tile-size: 74px;--gap: 6px}.app-title{font-size:1.42rem}.settings-btn{width:38px;height:38px;min-width:38px;min-height:38px}}@media(max-width:420px)and (max-height:700px){:root{--bank-note-size: 56px;--bank-note-gap: 6px;--dock-height: 152px;--dock-bg-height: 50px}.screen{padding:calc(12px + env(safe-area-inset-top)) 10px 0}.top-ui{min-height:58px;margin-bottom:4px}.app-title{font-size:clamp(1.24rem,8vw,1.62rem)}.settings-btn{width:40px;height:40px;min-width:40px;min-height:40px}.score-row{gap:6px;margin:6px 0 4px}.score-chip,.score-skip-btn{padding:4px}.score-skip-btn{min-height:46px}.chip-label{font-size:.54rem}.chip-value{font-size:.88rem}.tries-value{gap:6px;min-height:18px}.try-dot{width:14px;height:14px}.outcome-track{margin-bottom:4px;padding-bottom:4px}.outcome-track-head{margin-bottom:5px}.outcome-track-label{font-size:.64rem}.outcome-track-value{font-size:.76rem}.outcome-dot{width:12px;height:12px}.message{min-height:22px;margin:2px 0 4px;font-size:.86rem}.question-wrap{padding:8px 0 6px}.question-grid.melody-stack{height:146px}.question-grid.slots-3{--tile-size: 86px;--gap: 6px}.question-grid.slots-4{--tile-size: 70px;--gap: 5px}.question-grid.slots-5{--tile-size: 58px;--gap: 5px}.question-card{border-radius:14px}.question-face-front{font-size:1.4rem}.play-center{top:0;right:0}.toolbar{grid-template-columns:auto}.transport-btn{min-height:38px;padding:6px 10px;gap:6px;font-size:.86rem}.play-triangle{border-left-width:10px;border-top-width:6px;border-bottom-width:6px;margin-left:1px}.bank-dock{padding:4px 8px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.bank-area:not(.chromatic-bank-area){padding-top:0}.bank-note{border-radius:15px}.bank-note .bell-composite{margin-top:-2px}.bank-note .note-label{bottom:3px;font-size:.6rem}.bank-grid.c-major-strip .bank-note .note-label{font-size:.6rem}:root:has(.bank-grid.c-major-strip){--dock-height: clamp(85px, 13vh, 105px);--dock-bg-height: clamp(60px, 9vh, 72px)}}@media(orientation:landscape)and (max-height:520px){:root{--tile-size: clamp(48px, 11vh, 62px);--bank-note-size: clamp(52px, 15vh, 68px);--dock-height: clamp(132px, 34vh, 166px);--dock-bg-height: 52px}.screen{padding-top:calc(12px + env(safe-area-inset-top))}.score-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:6px 0 4px}.score-chip,.score-skip-btn{padding:4px}.chip-label{font-size:.56rem}.chip-value{font-size:.88rem}.outcome-track{margin-bottom:4px;padding-bottom:4px}.outcome-track-head{margin-bottom:4px}.message{min-height:22px;margin:2px 0 4px;font-size:.84rem}.question-wrap{max-width:360px;margin:0 auto;padding:38px 0 18px}.question-grid.melody-stack{width:min(100%,320px);height:112px}.question-grid.slots-3{--tile-size: 72px;--gap: 6px}.question-grid.slots-4{--tile-size: 58px;--gap: 5px}.question-grid.slots-5{--tile-size: 48px;--gap: 4px}.play-center{top:0;right:0}.play-center.sequence-active{transform:translateY(6px)}.toolbar{grid-template-columns:auto;justify-content:end}.transport-btn{min-height:36px;padding:6px 10px;gap:6px;font-size:.84rem;border-width:2px}}.daily-streak-bar{min-height:24px;margin:0 0 8px;font-size:.88rem;font-weight:900;color:#e07b00;text-align:center;letter-spacing:.01em}.intro-daily-btn{min-height:52px;border-radius:18px;font-size:1rem;font-weight:900;background:var(--p-gold);color:var(--p-brown);border:2.5px solid #c9a000;cursor:pointer;transition:background .15s,transform .1s;box-shadow:inset 0 1px #ffffff59,0 2px #a07800}.intro-daily-btn:hover{background:#ffe07a}.intro-daily-btn:active{transform:scale(.97);box-shadow:inset 0 1px #fff3,0 1px #a07800}.intro-daily-btn:disabled{opacity:.65;cursor:default}.daily-result-overlay{z-index:var(--z-daily)}.daily-result-card{max-width:380px}.daily-streak-burst{font-size:1.5rem;font-weight:900;text-align:center;margin:10px 0 14px;min-height:44px;line-height:1.4;color:var(--ink)}.daily-song-title{display:block;font-size:1rem;font-weight:700;color:#007a7a;letter-spacing:.01em;margin-bottom:4px}.set-complete-overlay{z-index:var(--z-set)}.set-complete-card{max-width:380px}.set-complete-stars{display:flex;justify-content:center;gap:14px;margin:14px 0 12px}.set-star{font-size:2.8rem;line-height:1;color:#dde5f5;display:inline-block}.set-star.earned{color:#f2c94c;text-shadow:0 2px 14px rgba(242,201,76,.55);animation:starPop .42s cubic-bezier(.2,.9,.25,1.3) both}@keyframes starPop{0%{transform:scale(.3) rotate(-20deg);opacity:0}65%{transform:scale(1.25) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.set-complete-rewards{margin-bottom:16px}.set-complete-next-label{font-size:.82rem;line-height:1.3}.contour-hint-arrow{display:block;font-size:1.15rem;font-weight:900;line-height:1;animation:hintFadeIn .3s ease both}@keyframes hintFadeIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.hint-step-up{color:var(--p-teal)}.hint-step-down{color:var(--p-blue)}.hint-skip-up{color:var(--p-orange)}.hint-skip-down{color:var(--p-purple)}.hint-leap-up{color:var(--p-red);font-size:.85rem}.hint-leap-down{color:var(--p-pink);font-size:.85rem}.hint-same{color:#6b7a99;font-size:.9rem}.score-row-wrap{position:relative}.score-pop{position:absolute;top:100%;left:50%;transform:translate(-50%);font-size:1.15rem;font-weight:900;color:var(--p-teal);pointer-events:none;opacity:0;z-index:var(--z-float);white-space:nowrap;letter-spacing:-.01em}.score-pop.is-popping{animation:score-float 1.1s cubic-bezier(.22,1,.36,1) forwards}.score-pop.is-bonus{color:var(--p-gold);font-size:1.35rem;text-shadow:0 1px 8px rgba(255,210,91,.6)}@keyframes score-float{0%{opacity:0;transform:translate(-50%) translateY(0) scale(.8)}18%{opacity:1;transform:translate(-50%) translateY(4px) scale(1.22)}65%{opacity:.9;transform:translate(-50%) translateY(14px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(28px) scale(.9)}}.level-transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-top);display:flex;align-items:center;justify-content:center;background:#1a233de0;opacity:0;transition:opacity .4s var(--ease-ui);pointer-events:none}.level-transition-overlay.is-visible{opacity:1;pointer-events:auto}.level-transition-card{text-align:center;animation:none}.level-transition-overlay.is-visible .level-transition-card{animation:level-zoom-in .55s var(--ease-snap) both}.level-transition-label{font-size:1rem;font-weight:800;color:#fff9;letter-spacing:.25em;text-transform:uppercase;margin:0 0 6px}.level-transition-num{font-size:7rem;font-weight:900;color:#fff;margin:0;line-height:1;text-shadow:0 0 50px var(--p-teal),0 0 20px var(--p-teal)}.level-transition-concept{font-size:1.1rem;font-weight:700;color:#ffffffb3;letter-spacing:.08em;margin:10px 0 0;text-transform:uppercase;min-height:1.4em}@keyframes level-zoom-in{0%{opacity:0;transform:scale(.45)}to{opacity:1;transform:scale(1)}}.score-total-chip .chip-value{color:var(--p-teal)}.round-chip .chip-value{color:var(--p-purple)}.tries-chip .chip-value{color:var(--p-orange)}.last-chip .chip-value{color:var(--p-green)}.outcome-track-fill{background:linear-gradient(90deg,var(--p-teal),var(--p-green))}.reward-pill{border-color:#0993}.reward-pill .reward-value{color:var(--p-teal)}.reward-pill .reward-label{color:var(--p-purple)}.intro-card{position:relative}.intro-title-wrap{text-align:center}.intro-bell-deco{position:absolute;width:64px;height:auto;left:50%;top:-40px;pointer-events:none;filter:drop-shadow(0 3px 8px rgba(0,0,0,.22));transform-origin:50% 0%;animation:bell-idle-sway 4.4s ease-in-out infinite;animation-delay:.6s}.intro-bell-deco.is-ringing{animation:bell-ring .9s cubic-bezier(.36,.07,.19,.97) forwards}@keyframes bell-idle-sway{0%{transform:translate(-50%) rotate(0)}10%{transform:translate(-50%) rotate(-9deg)}26%{transform:translate(-50%) rotate(7deg)}40%{transform:translate(-50%) rotate(-4deg)}51%{transform:translate(-50%) rotate(2.5deg)}60%{transform:translate(-50%) rotate(-1deg)}67%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(0)}}@keyframes bell-ring{0%{transform:translate(-50%) rotate(0)}8%{transform:translate(-50%) rotate(-26deg)}22%{transform:translate(-50%) rotate(20deg)}34%{transform:translate(-50%) rotate(-12deg)}44%{transform:translate(-50%) rotate(7deg)}54%{transform:translate(-50%) rotate(-3.5deg)}63%{transform:translate(-50%) rotate(1.5deg)}73%{transform:translate(-50%) rotate(-.5deg)}to{transform:translate(-50%) rotate(0)}}.intro-bell-trio{position:absolute;bottom:calc(100% - 22px);left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:0;pointer-events:none;z-index:2}.intro-card:has(.intro-bell-trio){padding-top:52px}.intro-bell-trio .intro-bell-deco{position:relative;top:auto;left:auto;width:52px;transform-origin:50% 90%;filter:drop-shadow(0 2px 6px rgba(0,0,0,.18))}.intro-bell-c{margin-right:-10px;z-index:2;animation:bell-sway-c 3.8s cubic-bezier(.37,0,.63,1) infinite;animation-delay:0s}.intro-bell-e{z-index:1;animation:bell-sway-e 3.8s cubic-bezier(.37,0,.63,1) infinite;animation-delay:-1.4s}.intro-bell-g{margin-left:-10px;z-index:2;animation:bell-sway-g 3.8s cubic-bezier(.37,0,.63,1) infinite;animation-delay:-2.7s}.intro-bell-trio .intro-bell-deco.is-ringing{animation:bell-trio-ring .85s ease-out forwards!important;animation-delay:0s!important}@keyframes bell-sway-c{0%{transform:rotate(3deg)}50%{transform:rotate(-4deg)}to{transform:rotate(3deg)}}@keyframes bell-sway-e{0%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}to{transform:rotate(-3deg)}}@keyframes bell-sway-g{0%{transform:rotate(-3deg)}50%{transform:rotate(4deg)}to{transform:rotate(-3deg)}}@keyframes bell-trio-ring{0%{transform:translateY(0) rotate(0)}10%{transform:translateY(-6px) rotate(2deg)}30%{transform:translateY(-18px) rotate(3deg)}42%{transform:translateY(-22px) rotate(3deg)}52%{transform:translateY(-22px) rotate(-2deg)}60%{transform:translateY(-19px) rotate(2deg)}70%{transform:translateY(-10px) rotate(-1deg)}82%{transform:translateY(-2px) rotate(.5deg)}90%{transform:translateY(1px) rotate(0)}to{transform:translateY(0) rotate(0)}}.bank-dock .toolbar.arch-listen{position:absolute;bottom:calc(26px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:78px;height:78px;z-index:var(--z-hud);padding:0;display:flex;align-items:center;justify-content:center;grid-template-columns:unset}.bank-dock .toolbar.arch-listen .transport-btn{width:78px;height:78px;min-height:unset;border-radius:50%;padding:13px 0 10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:0;font-size:.7rem;box-shadow:0 3px 12px #1a233d38}.bank-dock .toolbar.arch-listen .play-triangle{border-width:11px 0 11px 19px;margin-left:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important}.boot-loader,.intro-overlay,.end-overlay,.quit-confirm-overlay,.level-transition-overlay,.bonus-burst,.score-pop{transition:opacity .15s linear!important;animation:none!important}.bank-note{transform:none!important;animation:none!important}.question-tile{animation:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/melody-memory-v1.css.map */