@charset "UTF-8";
:root{--ink:#3d4230;--muted:#8e9279;--cream:#fff9e9;--yellow:#f6ce55;--line:#e8e6d4;--green:#617a4f;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#eeeee3}body{min-height:100dvh;background-image:radial-gradient(ellipse at 72% 25%,#fff9df 0,transparent 55%),radial-gradient(ellipse at 12% 85%,#e2e8d4 0,transparent 50%)}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,canvas:focus-visible{outline:3px solid #638651;outline-offset:4px}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}.arcade{min-height:100dvh;display:flex;justify-content:center;align-items:center;gap:70px;padding:24px 36px}.game-shell{position:relative;flex:none;width:min(430px,calc((100dvh - 48px)*480/854));aspect-ratio:480/854;overflow:hidden;border-radius:30px;background:var(--cream);box-shadow:0 25px 70px #4850391c,0 0 0 8px #ffffff75;container-type:inline-size;isolation:isolate}#game{display:block;width:100%;height:100%;touch-action:none;outline:none}.screen{position:absolute;inset:0;z-index:4}.menu-screen{display:flex;flex-direction:column;padding:6.4cqw 7cqw 5cqw;background:linear-gradient(180deg,#fffbed 0%,#fff8df 55%,#fffdf4 100%)}.menu-screen:before{position:absolute;content:"";inset:0;z-index:-1;background-image:radial-gradient(#d7d1b980 .7px,transparent .7px);background-size:14px 14px;opacity:.3}.menu-brand{font-size:2.5cqw;letter-spacing:.14em;font-weight:750;display:flex;align-items:center;gap:2cqw}.brand-dot{display:inline-block;width:9px;height:9px;background:var(--green);border-radius:50%}.tiny-pill{margin-left:auto;border:1px solid #dfdfcb;border-radius:30px;padding:1cqw 1.8cqw;font-size:2.1cqw;letter-spacing:.06em}.menu-heading{position:relative;padding-top:6.5cqw}.eyebrow{display:block;color:var(--green);font-size:2.65cqw;letter-spacing:.1em;font-weight:650}.menu-heading h2{font-size:12.4cqw;line-height:1.08;letter-spacing:-.065em;font-weight:900;margin:2.9cqw 0 3cqw}.menu-heading h2 span{color:#668251}.title-spark{position:absolute;left:57cqw;top:20cqw;font-size:10cqw;color:#eac450;font-style:normal;transform:rotate(-12deg)}.menu-heading p{margin:0;color:#91947a;font-size:3cqw;letter-spacing:.035em}.hero-scene{position:relative;flex:1;min-height:0;display:flex;justify-content:center;align-items:center}.hero-halo{position:absolute;width:55cqw;height:55cqw;border-radius:50%;background:radial-gradient(circle,#f7e8b8 0,#f9edc9 57%,#fbf1d5 58%,transparent 70%);top:47%;transform:translateY(-50%)}.hero-frog{position:relative;height:56cqw;width:auto;object-fit:contain;z-index:2;transform:rotate(-3deg);animation:frog-bob 3.4s ease-in-out infinite;filter:drop-shadow(0 8px 3px #b9a85720)}.hero-shadow{position:absolute;bottom:8cqw;width:37cqw;height:5cqw;background:#dfd2a64d;border-radius:50%;filter:blur(2px)}.hero-caption{position:absolute;bottom:1cqw;font-size:2.45cqw;color:#9b9a7e;letter-spacing:.04em}.floating-item{position:absolute;width:20cqw;height:20cqw;z-index:3;animation:item-float 4s ease-in-out infinite}.float-one{left:0;top:11cqw;transform:rotate(-14deg)}.float-two{right:0;top:3cqw;transform:rotate(15deg);animation-delay:-1.4s}.float-three{right:0;bottom:8cqw;width:17cqw;height:17cqw;animation-delay:-2.7s}.menu-bottom{text-align:center;padding-top:2cqw}.record-pill{display:inline-flex;align-items:center;gap:2cqw;border-radius:99px;font-size:2.7cqw;background:#f0f0e2;padding:1.8cqw 4cqw;margin-bottom:3.3cqw;color:#777e63}.record-pill>span{color:#baaa69}.record-pill strong{color:var(--ink);font-size:3.3cqw}.button{width:100%;border:0;border-radius:4cqw;padding:3.5cqw 4.5cqw;font-size:3.8cqw;font-weight:800;transition:transform .15s,filter .15s;min-height:11.5cqw}.button:hover{filter:brightness(1.025);transform:translateY(-1px)}.button:active{transform:translateY(2px)}.button.primary{background:linear-gradient(180deg,#f9d86e,#f3ca4b);box-shadow:0 4px 0 #d6b34a,0 9px 18px #d9bb5528;color:#46452d}.button.primary>span{float:right;font-size:5cqw;line-height:1}.button.secondary{background:#eff0e7;font-size:3.2cqw;margin-top:3cqw;color:#757d63}.menu-tools{display:flex;align-items:center;justify-content:center;gap:4cqw;margin-top:4cqw}.text-button{border:0;background:none;padding:1cqw 2cqw;font-size:2.9cqw;color:#7b826a;display:flex;align-items:center;gap:1.6cqw}.text-button>span{border:1px solid #bfc4ac;border-radius:50%;width:3.8cqw;height:3.8cqw;font-size:2.6cqw;display:inline-flex;align-items:center;justify-content:center}.divider{width:1px;height:3cqw;background:#dfe2d1}.control-note{font-size:2.4cqw;color:#a3a78e;margin-top:2.7cqw}.control-note>span{font-size:3.5cqw;vertical-align:middle;margin-right:1cqw}.desktop-intro{width:310px;align-self:center}.brand-mark{font-size:11px;font-weight:800;letter-spacing:.2em;display:flex;align-items:center;gap:10px}.edition{display:block;margin-top:54px;font-size:12px;color:#8e947b;letter-spacing:.2em}.desktop-intro h1{font-size:58px;line-height:1.18;letter-spacing:-.055em;margin:20px 0 24px;font-weight:850}.desktop-intro h1 em{font-style:normal;color:#6f855a}.desktop-intro p{font-size:14px;color:#858c73;line-height:1.95}.desktop-tags{display:flex;gap:10px;margin-top:24px}.desktop-tags span{font-size:11px;border:1px solid #d6dac7;border-radius:30px;padding:8px 12px;color:#7b8369}.desktop-how{display:flex;align-items:center;gap:6px;margin-top:58px;font-size:11px;color:#8a9277}.desktop-how>span:last-child{margin-left:7px}.keycap{background:#fffdf3;border:1px solid #dddcca;border-bottom-width:3px;width:27px;height:28px;text-align:center;line-height:24px;border-radius:6px}.desktop-footer{font-size:11px;color:#8d957c;margin-top:55px}.desktop-footer span{display:block;margin-top:9px;font-size:8px;letter-spacing:.2em;color:#acb09e}.desktop-side{display:flex;align-items:center;writing-mode:vertical-rl;font-size:11px;color:#939c80;letter-spacing:.3em;gap:24px}.desktop-side i{width:1px;height:70px;background:#cdd3be}.game-hud{position:absolute;inset:0 0 auto;z-index:2;padding:5cqw 6cqw 4cqw;background:linear-gradient(180deg,#fff9ec 65%,#fff9ec00);pointer-events:none}.hud-row{display:flex;justify-content:space-between;align-items:center}.score-wrap>span{display:block;font-size:2.5cqw;color:#94987d;letter-spacing:.05em}.score-wrap strong{font-size:9cqw;line-height:1.2;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.hud-actions{display:flex;gap:2cqw;pointer-events:auto}.icon-button{border:1px solid #dfe3cf;background:#fffff4c9;border-radius:3.3cqw;width:9cqw;height:9cqw;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:4cqw}.icon-button svg,.text-button svg{width:4.3cqw;height:4.3cqw}.hud-secondary{display:flex;align-items:center;justify-content:space-between;margin-top:1.8cqw}#hearts{font-size:4.3cqw;letter-spacing:.07em;color:#d98873}#hearts .empty{color:#e6e0cf}#best-label{font-size:2.6cqw;color:#93997f}.combo-line{display:flex;justify-content:space-between;align-items:center;margin-top:3.1cqw;font-size:2.8cqw;color:#7e866c}#multiplier{font-size:3.4cqw;color:#6b844f;font-weight:800}.combo-dots{display:flex;gap:1.2cqw;margin-top:1.5cqw}.combo-dots i{flex:1;height:1.2cqw;border-radius:10px;background:#e4e7d9}.combo-dots i.on{background:#eac957}.combo-dots.super i.on{background:#8aa96b}.status-strip{position:absolute;z-index:2;left:4cqw;right:4cqw;bottom:19cqw;display:flex;gap:1.6cqw;flex-wrap:wrap;pointer-events:none}.buff-chip{font-size:2.3cqw;border-radius:3cqw;padding:1.5cqw 2.4cqw;background:#ffffffdf;border:1px solid #d9e5d1;color:#698153}.buff-chip.ice{color:#5d91a8;border-color:#c0dfea}.buff-chip.double{color:#8f76af;border-color:#ded0ef}.buff-chip.rich{color:#a58845;border-color:#edddb1}.tutorial-note{position:absolute;bottom:5cqw;left:5cqw;right:5cqw;border-radius:3cqw;padding:2.5cqw 3cqw;background:#fffdf1dd;font-size:2.65cqw;color:#7d886b;text-align:center;pointer-events:none;z-index:2}.shade-screen{display:flex;align-items:center;justify-content:center;background:#404a303d;backdrop-filter:blur(7px);padding:6cqw}.panel{width:100%;background:#fffbee;border:1px solid #fffffff0;border-radius:6cqw;padding:6cqw;box-shadow:0 12px 45px #3c452322;text-align:center}.panel h2{font-size:5.5cqw;margin:2.5cqw 0 3.5cqw;letter-spacing:-.05em}.panel-description,.panel>p{font-size:2.75cqw;color:#8a9075;line-height:1.8}.item-guide{text-align:left;margin:3cqw 0}.item-guide>div{display:flex;align-items:center;gap:3cqw;border-bottom:1px solid #e9e8d7;padding:1.4cqw 0}.item-guide>div:last-child{border:0}.item-guide canvas{width:13cqw;height:13cqw}.item-guide strong{display:block;font-size:3cqw}.item-guide small{display:block;font-size:2.4cqw;color:#92967d;margin-top:1cqw}.combo-help{background:#eff0df;border-radius:3cqw;padding:2.5cqw 1cqw;font-size:2.45cqw;display:flex;gap:2cqw;align-items:center;justify-content:center;color:#6c8052}.help-footnote{font-size:2.15cqw!important;margin:3cqw 0 4cqw}.pause-frog{height:37cqw;width:auto;object-fit:contain;margin:3cqw 0 1cqw}.pause-panel>p{margin-bottom:5cqw}.result-score{position:relative;padding:4cqw 0 7cqw}.result-score>span:first-child{display:block;font-size:2.8cqw;color:#9c9f85}.result-score strong{display:block;font-size:20cqw;font-weight:850;letter-spacing:-.055em;line-height:1.2;color:#64814e}.new-record{display:block;font-size:2.8cqw;color:#bc9440;padding-top:1cqw}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:4cqw 0;margin:1cqw 0 4cqw}.result-stats div+div{border-left:1px solid var(--line)}.result-stats strong{display:block;font-size:4.3cqw;color:#727e5c}.result-stats span{display:block;font-size:2.3cqw;color:#a0a58b;margin-top:1.6cqw}.result-best{font-size:2.7cqw;color:#929a7e;margin:0 0 5cqw}.result-best b{color:#73835e;margin-left:2cqw}.countdown{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fff9eaa8;backdrop-filter:blur(3px);pointer-events:none}.countdown span{font-size:3.5cqw;color:#768560}.countdown strong{font-size:32cqw;color:#6b834d;line-height:1.2}.loading{position:absolute;inset:0;z-index:10;background:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:3.1cqw;color:#8a9475}.loading-dot{width:8cqw;height:8cqw;border-radius:50%;background:#f4cd5b;animation:frog-bob .8s ease-in-out infinite}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.game-shell.playing{cursor:ew-resize}.game-shell.burst{animation:celebrate .4s ease-out}.game-shell.burst .combo-dots i{background:#a1bc7b}
@keyframes frog-bob{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes item-float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes celebrate{0%,100%{box-shadow:0 25px 70px #4850391c,0 0 0 8px #ffffff75}50%{box-shadow:0 25px 70px #e6c34135,0 0 0 8px #ecd574}}
@media(max-width:1100px){.arcade{gap:38px}.desktop-intro{width:260px}.desktop-intro h1{font-size:49px}.desktop-side{display:none}}@media(max-width:780px){.desktop-intro,.desktop-side{display:none}.arcade{padding:16px}.game-shell{width:min(440px,calc((100dvh - 32px)*480/854));border-radius:25px}}@media(max-width:500px){html,body{overflow:hidden;background:#fff9e9}.arcade{height:100dvh;min-height:0;padding:0}.game-shell{width:min(100vw,calc(100dvh*480/854));border-radius:0;box-shadow:none}}@media(prefers-reduced-motion:reduce){.hero-frog,.floating-item,.loading-dot{animation:none}.button{transition:none}}