.mouse-game{min-height:100vh;background:linear-gradient(180deg,#f7fcfa,#fdfaf2);padding-bottom:60px}.mouse-header{height:78px;align-items:center;padding:0 max(5vw,24px);background:#ffffffdf;border-bottom:1px solid var(--line)}.mouse-header,.mouse-intro{display:flex;justify-content:space-between}.mouse-intro{width:min(1100px,calc(100% - 40px));margin:45px auto 24px;align-items:flex-end;gap:30px}.mouse-intro h1{font:900 clamp(38px,5vw,62px)/1.04 Nunito;letter-spacing:-2px;margin:10px 0}.mouse-intro h1 span{color:var(--coral)}.mouse-intro p{color:var(--muted);font-size:16px;max-width:680px;margin:0}.mouse-record{display:flex;align-items:center;gap:12px;background:#fff7db;border:1px solid #f4df9a;border-radius:16px;padding:14px 18px;white-space:nowrap}.mouse-record>i{font-size:25px;color:#e7a72b}.mouse-record span{display:flex;flex-direction:column}.mouse-record small{font-size:9px;color:var(--muted);font-weight:800;letter-spacing:1px}.mouse-record b{font:900 17px Nunito}.mode-picker{width:min(1100px,calc(100% - 40px));margin:0 auto 18px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.mode-picker button{border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink);padding:14px;display:flex;align-items:center;gap:12px;text-align:left;transition:.2s}.mode-picker button>i{width:39px;height:39px;display:grid;place-items:center;background:var(--mint);color:var(--green-dark);border-radius:11px}.mode-picker button span{display:flex;flex-direction:column}.mode-picker button small{color:var(--muted);font-size:11px;margin-top:2px}.mode-picker button.active{border-color:var(--coral);box-shadow:0 0 0 3px #ffe5df}.mode-picker button.active>i{background:var(--coral);color:#fff}.mode-picker button:disabled{cursor:not-allowed}.mouse-board{width:min(1100px,calc(100% - 40px));margin:auto;border:1px solid #dce8e8;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 24px 70px #17373317}.mouse-hud{display:grid;grid-template-columns:1fr 1fr 1.35fr 1fr 1fr;align-items:center;border-bottom:1px solid var(--line);background:#fff;padding:13px 18px}.mouse-hud>span{display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--line)}.mouse-hud>span:last-child{border:0}.mouse-hud small{font-size:9px;letter-spacing:1px;color:var(--muted);font-weight:800}.mouse-hud b{font:900 20px Nunito;margin-top:2px}.mouse-hud .target-panel{background:var(--ink);color:#fff;border:0;border-radius:13px;padding:8px 14px;margin:-3px 12px}.mouse-hud .target-panel small{color:#b9d5ce}.mouse-hud .target-panel b{font-size:clamp(20px,3vw,28px);max-width:190px;overflow:hidden;text-overflow:ellipsis}.hearts{color:var(--coral);display:flex;gap:3px}.sky{height:540px;position:relative;overflow:hidden;background:linear-gradient(180deg,#c9eff7,#e9f8f2 72%,#cdebbd 0,#9ed183);isolation:isolate}.sky:after{content:"";position:absolute;left:0;right:0;bottom:20%;height:38px;background:#84c66c;border-radius:50% 50% 0 0/100% 100% 0 0;z-index:-1}.cloud{position:absolute;width:120px;height:36px;border-radius:40px;background:#ffffffa8;filter:blur(.3px)}.cloud:after,.cloud:before{content:"";position:absolute;background:inherit;border-radius:50%}.cloud:before{width:50px;height:50px;left:18px;bottom:0}.cloud:after{width:65px;height:65px;right:12px;bottom:0}.cloud-one{top:55px;left:8%;animation:cloudMove 18s linear infinite}.cloud-two{top:120px;right:10%;transform:scale(.7);animation:cloudMove 23s linear infinite reverse}@keyframes cloudMove{50%{translate:60px 8px}}.balloon{position:absolute;width:clamp(72px,9vw,105px);height:clamp(88px,11vw,125px);border:0;border-radius:52% 48% 46% 54%/55% 55% 45% 45%;color:#fff;display:grid;place-items:center;box-shadow:inset -12px -14px 0 #00000010,0 12px 24px #17373320;z-index:2;animation:balloonFloat 7s ease-in-out infinite;transition:filter .15s,scale .15s;transform-origin:center bottom}.balloon:hover{filter:brightness(1.08);scale:1.08}.balloon span{font:900 clamp(15px,2vw,24px) Nunito;max-width:90%;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 2px #0003}.balloon:before{content:"";position:absolute;top:12px;left:20px;width:14px;height:25px;border-radius:50%;background:#ffffff5c;transform:rotate(25deg)}.balloon>i{position:absolute;bottom:-9px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:13px solid;filter:brightness(.78)}.balloon>i:after{content:"";position:absolute;width:1px;height:45px;background:#ffffffb8;top:8px;left:0}.balloon.coral{background:#ee7665;color:#ee7665}.balloon.green{background:#43a77f;color:#43a77f}.balloon.purple{background:#8173c9;color:#8173c9}.balloon.yellow{background:#efb83f;color:#efb83f}.balloon.blue{background:#4b9fc9;color:#4b9fc9}.balloon.pink{background:#d76fa5;color:#d76fa5}.balloon.popped{animation:pop .25s ease-out forwards}.balloon.wrong{animation:shake .32s linear;background:#d24d45}@keyframes balloonFloat{0%,to{translate:0 5px;rotate:-2deg}50%{translate:8px -16px;rotate:3deg}}@keyframes pop{40%{scale:1.28}to{scale:0;opacity:0}}@keyframes shake{0%,to{translate:0}25%{translate:-9px}75%{translate:9px}}.game-overlay{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;z-index:8;width:min(430px,calc(100% - 32px));background:#fffffff2;border:1px solid #fff;border-radius:24px;padding:30px;text-align:center;box-shadow:0 20px 70px #17373333;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-overlay>i{width:62px;height:62px;display:grid;place-items:center;margin:auto;border-radius:18px;background:var(--mint);color:var(--green);font-size:27px}.game-overlay h2{font:900 29px Nunito;margin:15px 0 8px}.game-overlay p{color:var(--muted);line-height:1.55;margin:0 0 18px}.result-chips{display:flex;justify-content:center;gap:8px;margin:-5px 0 17px}.result-chips span{background:var(--cream);border-radius:20px;padding:6px 10px;font-size:12px;font-weight:700}.mouse-footer-stats{display:flex;align-items:center;gap:25px;padding:15px 20px;color:var(--muted);font-size:13px}.mouse-footer-stats i{color:var(--coral);margin-right:4px}.mouse-footer-stats b{color:var(--ink)}.mouse-tip{margin-left:auto}@media(max-width:760px){.mouse-intro{align-items:flex-start;flex-direction:column;margin-top:32px}.mouse-record{align-self:stretch}.mode-picker{grid-template-columns:1fr}.mode-picker button{padding:10px}.mouse-hud{grid-template-columns:repeat(4,1fr);padding:8px 5px}.mouse-hud>span:nth-child(4){border:0}.mouse-hud>span:last-child{display:none}.mouse-hud b{font-size:15px}.mouse-hud .target-panel{order:-1;grid-column:1/-1;margin:0 0 8px;padding:5px}.sky{height:500px}.balloon{width:70px;height:88px}.mouse-footer-stats{flex-wrap:wrap;gap:9px 18px}.mouse-tip{width:100%;margin:0}.mouse-header{height:66px}.mouse-header .back-link{font-size:0}.mouse-header .back-link i{font-size:18px}.mouse-game{padding-bottom:30px}}.balloon span{color:#111;text-shadow:0 1px 1px rgba(255,255,255,.35)}.balloon.motion-0{animation-name:balloonSweepRight}.balloon.motion-1{animation-name:balloonSweepLeft}.balloon.motion-2{animation-name:balloonBounce}.balloon.motion-3{animation-name:balloonOrbit}.balloon.popped{animation-name:pop}.balloon.wrong{animation-name:shake}@keyframes balloonSweepRight{0%,to{translate:-8px 10px;rotate:-4deg}35%{translate:18px -18px;rotate:4deg}70%{translate:-2px -32px;rotate:-1deg}}@keyframes balloonSweepLeft{0%,to{translate:12px 2px;rotate:4deg}40%{translate:-22px -24px;rotate:-5deg}75%{translate:8px -36px;rotate:2deg}}@keyframes balloonBounce{0%,to{translate:0 12px;rotate:-2deg}30%{translate:12px -30px;rotate:5deg}60%{translate:-12px -10px;rotate:-4deg}}@keyframes balloonOrbit{0%,to{translate:-10px 5px;rotate:-5deg}25%{translate:15px -18px;rotate:3deg}50%{translate:6px -38px;rotate:6deg}75%{translate:-18px -20px;rotate:-2deg}}@media (max-width:760px){.balloon{width:58px;height:76px}.balloon span{font-size:13px}}.sky{transition:background .9s ease,box-shadow .4s ease}.scene-label{position:absolute;z-index:6;top:14px;left:16px;display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.65);border-radius:13px;color:#173733;background:rgba(255,255,255,.72);box-shadow:0 8px 24px rgba(23,55,51,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.scene-label>i{color:#ef9e2f;font-size:20px}.scene-label span{display:flex;flex-direction:column}.scene-label small{font-size:8px;letter-spacing:.8px;font-weight:800;opacity:.7}.scene-label b{font:800 13px Nunito}.scene-moon,.scene-planet,.scene-sun{position:absolute;z-index:0;right:8%;top:42px;width:78px;height:78px;border-radius:50%;transition:opacity .7s,transform .8s}.scene-sun{background:#ffd864;box-shadow:0 0 0 18px #ffd86430,0 0 55px #ffd34f99}.scene-moon{opacity:0;background:#fff5c9;box-shadow:inset -17px -8px 0 #d9d7de,0 0 35px #fff7c6aa}.scene-planet{opacity:0;background:linear-gradient(145deg,#9c7bea,#6046ae);box-shadow:inset -18px -12px 0 #39287955,0 0 40px #b897ff88}.scene-planet:after{content:"";position:absolute;inset:30px -25px;border:7px solid #e9b863;border-radius:50%;rotate:-15deg}.scene-stars{position:absolute;inset:0;z-index:0;opacity:0;transition:opacity .7s}.scene-stars i{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff6bc;box-shadow:0 0 9px #fff;animation:starTwinkle 1.2s ease-in-out infinite alternate}@keyframes starTwinkle{to{scale:2.2;opacity:.35}}.scene-ground{position:absolute;z-index:1;left:0;right:0;bottom:10%;height:64px;display:flex;justify-content:space-around;align-items:flex-end;pointer-events:none}.scene-ground i{width:16px;height:45px;border-radius:70% 0 70% 0;background:#58a85d;transform-origin:bottom;animation:plantSway 2.4s ease-in-out infinite alternate}.scene-ground i:nth-child(2n){height:62px;animation-delay:-1s;background:#3e9250}@keyframes plantSway{to{rotate:8deg;translate:5px 0}}.sky.scene-0{background:linear-gradient(180deg,#bfeef8,#eaf9f3 72%,#cdebbd 0,#8dcc73)}.sky.scene-1{background:linear-gradient(180deg,#846fae,#f28c73 45%,#ffd58c 72%,#8bb974 0,#609353)}.sky.scene-1 .scene-sun{transform:translateY(120px);background:#ffbe55;box-shadow:0 0 65px #ffad4dbb}.sky.scene-1 .cloud{background:#ffe1c0a6}.sky.scene-1 .scene-label>i{color:#d96c55}.sky.scene-2{background:linear-gradient(180deg,#0d183d,#263b68 62%,#4c6174 72%,#274b43 0,#173b35)}.sky.scene-2 .scene-sun{opacity:0}.sky.scene-2 .scene-moon,.sky.scene-2 .scene-stars{opacity:1}.sky.scene-2 .cloud{background:#d6dcf12b}.sky.scene-2 .scene-ground i{background:#2c6650}.sky.scene-2 .scene-label>i{color:#766bb6}.sky.scene-3{background:radial-gradient(circle at 30% 25%,#30447a 0,#111c40 32%,#070d24 72%,#030616 100%)}.sky.scene-3:after{background:#151b35;border-radius:50% 50% 0 0/100% 100% 0 0;box-shadow:inset 0 12px 0 #252c4c}.sky.scene-3 .cloud,.sky.scene-3 .scene-ground,.sky.scene-3 .scene-moon,.sky.scene-3 .scene-sun{opacity:0}.sky.scene-3 .scene-planet,.sky.scene-3 .scene-stars{opacity:1}.sky.scene-3 .scene-label{color:#fff;background:#172449cc;border-color:#ffffff25}.sky.scene-3 .scene-label>i{color:#f3bd4f}.sky.scene-celebrate{box-shadow:inset 0 0 85px 16px rgba(255,255,255,.82)}.sky.scene-celebrate .scene-moon,.sky.scene-celebrate .scene-planet,.sky.scene-celebrate .scene-sun{transform:scale(1.16) rotate(8deg)}.sky.scene-celebrate .scene-stars i{animation-duration:.2s}@media(max-width:760px){.scene-label{top:8px;left:8px;padding:6px 8px}.scene-label>i{font-size:16px}.scene-label small{display:none}.scene-moon,.scene-planet,.scene-sun{width:58px;height:58px;right:7%;top:58px}}.target-panel em{display:inline-flex;align-items:center;gap:5px;margin-top:4px;padding:4px 9px;border-radius:20px;font:800 10px DM Sans;font-style:normal;letter-spacing:.2px;white-space:nowrap}.target-panel em.left{color:#173733;background:#f3bd4f}.target-panel em.right{color:#fff;background:#ef7c69}.target-panel em i{font-size:11px}.target-panel>b{line-height:1}.mode-picker button:first-child>i{background:#def3e8;color:#1f7058}.mode-picker button:nth-child(2)>i{background:#fff0c9;color:#a66d08}.mode-picker button:nth-child(3)>i{background:#ebe7ff;color:#6755bd}.mode-picker button.active:first-child>i,.mode-picker button.active:nth-child(2)>i,.mode-picker button.active:nth-child(3)>i{background:var(--coral);color:#fff}@media(max-width:760px){.mouse-hud .target-panel{padding-bottom:7px}.target-panel em{margin-top:3px;font-size:9px}}