@font-face{font-family:Outfit;src:url(../fonts/outfit-latin.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{color:#faf7e8;font-synthesis:none;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#777565;font-family:Outfit,Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;touch-action:manipulation;margin:0}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;color:inherit}button:focus-visible{outline-offset:5px;outline:3px solid #f3e39d}button:disabled{cursor:default}[hidden]{display:none!important}.game{height:100vh;isolation:isolate;touch-action:pinch-zoom;-webkit-user-select:none;user-select:none;height:100svh;min-height:460px;position:relative;overflow:hidden}.game button,.game canvas{touch-action:manipulation}.stage,.stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.stage{z-index:-2}.game:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#1d251e60 0%,#1d251e00 27% 63%,#1c201d50 100%);position:absolute;inset:0}.header{top:max(27px,env(safe-area-inset-top));z-index:3;justify-content:center;align-items:center;display:flex;position:absolute;left:32px;right:32px}h1{letter-spacing:-.06em;text-shadow:0 2px 12px #18211f20;align-items:center;gap:.19em;margin:0;font-size:clamp(27px,3.3vw,43px);font-weight:900;line-height:1.1;display:flex}h1>span{color:#c8e7a0}h1 img{border-radius:.2em;width:.86em;height:.86em;margin-left:.08em;transform:rotate(-8deg)}.sound{background:#29372b40;border:1px solid #fff9db4a;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:0;right:0;box-shadow:inset 0 1px #ffffff13}.sound svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;stroke-linecap:round;width:20px}.sound:active{transform:scale(.94)}.sound[aria-pressed=false] .sound-waves,.sound-slash{display:none}.sound[aria-pressed=false] .sound-slash{display:block}.stage-intro{text-align:center;pointer-events:none;position:absolute;top:86px;left:0;right:0}#phase-label{letter-spacing:3px;color:#eae8d8c7;margin:0;font-size:10px;font-weight:500}#stage-copy{display:none}.hud{pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:153px;left:max(40px,50% - 545px);right:max(40px,50% - 545px)}.best{color:#f5edda;background:#29372b45;border:1px solid #fdf7dd25;border-radius:50px;align-items:center;gap:9px;padding:9px 14px;display:flex}.best>span{letter-spacing:1.5px;font-size:10px;font-weight:500}.best strong{font-variant-numeric:tabular-nums;font-size:18px;font-weight:600;line-height:1}.score{background:#26312885;border:1px solid #fef7dc55;border-radius:23px;flex-direction:column;align-items:center;min-width:126px;padding:17px 20px 15px;display:flex;box-shadow:0 8px 24px #20281812}#band-count{letter-spacing:-.06em;font-variant-numeric:tabular-nums;transform-origin:50% 80%;font-size:76px;font-weight:750;line-height:.9}.score-label{letter-spacing:3px;color:#eee9d1cc;margin-top:9px;padding-left:3px;font-size:12px;font-weight:500}.controls{bottom:max(28px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#2e372ed9,#292d25ee);border:1px solid #f1e5c647;border-radius:27px;grid-template-columns:1.2fr 1fr;align-items:center;gap:28px;width:min(610px,100% - 40px);padding:17px 24px 20px;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #fffae11c,0 12px 45px #1d211e30}.meter-panel{min-width:0;display:grid}.meter-visual,.result{grid-area:1/1}.meter-visual{flex-direction:column;align-items:center;display:flex}#meter{width:100%;height:150px;display:block}#meter-title{letter-spacing:.07em;color:#f0edda;margin-top:5px;font-size:11px;font-weight:500;line-height:1.4}.action-group{min-width:0}.action{color:#24422a;letter-spacing:.35px;background:linear-gradient(#cbe8a4,#b4d788);border:1px solid #d7edb4;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:59px;padding:13px 32px 13px 15px;font-size:18px;font-weight:750;line-height:1.1;display:flex;position:relative;box-shadow:inset 0 2px #effad070,0 4px #70894e,0 7px 16px #111b2130}.action:active{transform:translateY(2px);box-shadow:inset 0 1px #f5f9d950,0 2px #70894e}#action-icon{font-size:19px;font-weight:500;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.hint{color:#eee7cba8;letter-spacing:.4px;white-space:nowrap;justify-content:space-between;gap:5px;margin:15px 0 0;font-size:8px;display:flex}.hint kbd{font:inherit;border:1px solid #f7ebc332;border-bottom-width:2px;border-radius:3px;padding:1px 4px}#sound-hint{letter-spacing:.8px;font-size:7px}.retry-message{text-align:center;color:#d8dfc3;letter-spacing:.035em;margin:0 0 14px;font-size:11px;font-weight:500;display:none}.feedback{white-space:nowrap;color:#314730;letter-spacing:.2px;opacity:0;pointer-events:none;background:#eff5cc;border-radius:50px;align-items:center;gap:7px;padding:8px 15px;font-size:16px;font-weight:750;display:flex;position:absolute;top:-48px;left:50%;transform:translate(-50%);box-shadow:0 3px 14px #22291f25}.feedback.show{opacity:1}.feedback[data-grade=good]{color:#5a6142;background:#ebe6d2}.feedback[data-grade=miss]{color:#835235;background:#f3d2b7}.result{text-align:center;align-self:center;min-height:153px}#result-title{letter-spacing:1.8px;color:#d4ddad;margin:3px 0 12px;font-size:9px;font-weight:600}.result[data-new-best=true] #result-title{color:#d6eda4}.result-body{justify-content:center;align-items:center;gap:23px;display:flex}.result-score{flex-direction:column;align-items:center;display:flex}#result-count{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:76px;font-weight:750;line-height:.92}.result-score>span:last-child{letter-spacing:2.8px;color:#dedfc7;margin-top:7px;font-size:9px}.result-stats{text-align:left;border-left:1px solid #f9f0cc28;flex-direction:column;gap:10px;padding-left:22px;display:flex}.result-stats>span{letter-spacing:1px;color:#d6d9c0;flex-direction:column;gap:1px;font-size:8px;display:flex}.result-stats b{color:#f8f6df;letter-spacing:0;font-variant-numeric:tabular-nums;font-size:21px;font-weight:600;line-height:1.1}.loading{text-align:center;letter-spacing:3px;color:#f3efd9;font-size:11px;font-weight:600;position:absolute;top:43%;left:0;right:0}.loading>span{letter-spacing:.05em;margin-top:12px;font-size:11px;font-weight:400;display:block}.render-error{z-index:6;text-align:center;background:#292f27f5;border:1px solid #f5e8c655;border-radius:20px;width:min(330px,100% - 40px);padding:25px 22px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.render-error strong{font-size:16px}.render-error p{color:#dcdcca;font-size:12px;line-height:1.7}.render-error button{color:#263e28;background:#c7dfa2;border:0;border-radius:10px;padding:11px 20px}.game[data-render=ready] .loading{display:none}.game:not([data-render=ready]) .stage{opacity:.2}.game:not([data-render=ready]) .action{opacity:.55}.game[data-render=unavailable] .loading{display:none}.game[data-phase=playing] .stage-intro,.game[data-phase=result] .score,.game[data-phase=result] .meter-visual{visibility:hidden}.game[data-phase=result] .retry-message{display:block}.game[data-phase=cracking] .stage-intro,.game[data-phase=bursting] .stage-intro{visibility:hidden}.game[data-phase=cracking] .action,.game[data-phase=bursting] .action{color:#43513c;background:#9ca78b;border-color:#aab99b;box-shadow:0 4px #69765a}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (hover:hover){.action:hover:not(:disabled){background:linear-gradient(#d5eeb5,#c2e198)}.sound:hover{background:#34412b75}}@media (max-width:600px){.header{top:max(23px,env(safe-area-inset-top));justify-content:flex-start;left:20px;right:20px}h1{font-size:29px}.sound{width:40px;height:40px;top:-4px}.stage-intro{top:72px}#phase-label{letter-spacing:2.2px;font-size:8px}#stage-copy{margin-top:7px;font-size:13px}.hud{top:128px;left:22px;right:22px}.best{gap:6px;padding:7px 10px}.best>span{font-size:8px}.best strong{font-size:14px}.score{border-radius:16px;min-width:72px;padding:12px 12px 11px}#band-count{font-size:44px}.score-label{letter-spacing:2px;margin-top:6px;font-size:8px}.controls{width:min(350px,100% - 32px);bottom:max(17px,env(safe-area-inset-bottom));border-radius:25px;grid-template-columns:1fr;gap:10px;padding:11px 19px 15px}#meter{width:270px;max-width:100%;height:135px}#meter-title{margin-top:2px;font-size:10px}.action{min-height:53px;font-size:18px}.hint{margin-top:12px;font-size:8px}.hint #sound-hint{font-size:7px}.retry-message{display:none!important}.result{min-height:151px}.result-body{gap:26px}#result-count{font-size:77px}.feedback{font-size:15px;top:-45px}}@media (max-height:700px) and (orientation:portrait){.header{top:max(16px,env(safe-area-inset-top))}.stage-intro{top:64px}#stage-copy{display:none}.hud{top:95px}.score{min-width:65px;padding:10px}#band-count{font-size:39px}.controls{bottom:max(10px,env(safe-area-inset-bottom));gap:7px;padding:8px 17px 11px}#meter{width:235px;height:101px}#meter-title{font-size:9px}.action{min-height:46px;font-size:16px}.hint{margin-top:10px;font-size:7px}.result{min-height:115px}#result-title{margin:1px 0 7px;font-size:8px}#result-count{font-size:60px}.result-stats{gap:5px}.result-stats b{font-size:18px}.feedback{padding:7px 13px;font-size:13px;top:-38px}}@media (max-width:350px){.header{left:16px;right:16px}h1{font-size:25px}.hud{left:18px;right:18px}.sound{width:36px;height:36px}.sound svg{width:18px}.best{padding:6px 9px}.controls{width:calc(100% - 28px)}}@media (orientation:landscape) and (max-height:560px){.game{min-height:300px}.header{justify-content:flex-start;top:15px;left:22px;right:22px}h1{font-size:25px}.sound{width:36px;height:36px;top:-3px}.stage-intro{display:none}.hud{top:69px;left:25px;right:25px}.best{padding:6px 10px}.best>span{font-size:8px}.best strong{font-size:14px}.score{border-radius:13px;min-width:62px;padding:9px}#band-count{font-size:39px}.score-label{margin-top:5px;font-size:8px}.controls{border-radius:20px;grid-template-columns:1fr;gap:8px;width:43%;max-width:360px;padding:9px 16px 12px;bottom:16px;left:auto;right:20px;transform:none}#meter{width:220px;max-width:100%;height:96px}#meter-title{margin:0;font-size:9px}.action{min-height:42px;font-size:16px}.hint,.retry-message{display:none!important}.result{min-height:110px}#result-title{margin:0 0 5px;font-size:8px}#result-count{font-size:56px}.result-stats{gap:6px}.result-stats b{font-size:17px}.feedback{padding:6px 12px;font-size:13px;top:-35px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (prefers-reduced-transparency:reduce){.controls{-webkit-backdrop-filter:none;background:#2c342b}.score{background:#30392d}}@media (prefers-contrast:more){.controls,.score,.best,.sound{background:#253022;border-color:#f5efd4}.hint,#phase-label{color:#f8f3df}}