html,body{-webkit-user-select:none;user-select:none;touch-action:none;background-color:#2e2a33;margin:0;padding:0;font-family:"Baloo 2",Varela Round,Arial Rounded MT Bold,Hiragino Maru Gothic ProN,Yu Gothic UI,Segoe UI,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}#game-root{position:fixed;top:0;left:0;overflow:hidden}#play-bg{z-index:0;background:linear-gradient(#7fd8a4 0%,#f5e6a3 100%);position:absolute}#game-canvas{z-index:1;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#hud{z-index:2;pointer-events:none;color:#fff;position:absolute}#hud>*{pointer-events:auto}.hud-score-wrap{top:calc(.9em + env(safe-area-inset-top,0px));text-align:center;pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.hud-score{text-shadow:0 2px #0000004d,0 4px 14px #00000040;font-size:2.6em;font-weight:900;line-height:1}.hud-best{opacity:.85;text-shadow:0 1px #0000004d;font-size:.85em;font-weight:700}.hud-progress{top:calc(5.4em + env(safe-area-inset-top,0px));pointer-events:none;align-items:center;gap:.5em;width:60%;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hud-progress-num{text-shadow:0 1px #0000004d;font-size:.9em;font-weight:800}.hud-progress-track{background:#00000038;border-radius:.3em;flex:1;height:.55em;overflow:hidden}.hud-progress-fill{background:linear-gradient(90deg,#ffd94a,#ff9d3c);border-radius:.3em;width:0%;height:100%;transition:width .2s ease-out}.hud-icon-btn{color:#fff;cursor:pointer;touch-action:none;background:#0000004d;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.4em;height:2.4em;font-size:1em;display:flex;position:absolute}.hud-pause{top:calc(.9em + env(safe-area-inset-top,0px));left:calc(.9em + env(safe-area-inset-left,0px))}.hud-sound{top:calc(.9em + env(safe-area-inset-top,0px));right:calc(.9em + env(safe-area-inset-right,0px))}.hud-guide{text-align:center;pointer-events:none;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.hud-guide-hand{font-size:2.4em;animation:1.2s ease-in-out infinite guide-swipe}@keyframes guide-swipe{0%,to{transform:translate(-1.2em)}50%{transform:translate(1.2em)}}.hud-guide-text{text-shadow:0 1px #0006;background:#00000059;border-radius:1em;margin-top:.4em;padding:.4em .9em;font-size:.95em;font-weight:700;display:inline-block}.panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;background:#14101cb8;border-radius:1em;flex-direction:column;align-items:center;gap:.7em;max-width:86%;padding:1.6em 2.2em;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 40px #00000059}.panel-title{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer;background:0 0;border-radius:0;justify-content:center;gap:clamp(6px,1.5vh,16px);max-width:none;padding:clamp(14px,3vh,36px) 20px;position:absolute;inset:0;transform:none;container-type:inline-size}.panel-title:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(62% 44% at 50% 52%,#120c1e9e,#120c1e00 74%),linear-gradient(#120c1e6b 0%,#120c1e1f 34%,#120c1e8c 88%,#120c1eb3 100%);position:absolute;inset:0}.panel-logo{object-fit:contain;filter:drop-shadow(0 8px 20px #00000059);width:min(16em,72vw);height:auto;max-height:22vh}.fs-cta{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:clamp(4px,.9vh,12px);width:clamp(280px,52%,880px);min-height:clamp(64px,16%,200px);padding:0;transition:transform 80ms;display:flex;position:relative}.fs-disc{isolation:isolate;aspect-ratio:1;background:radial-gradient(78% 78% at 34% 26%,#fff7cf 0%,#ffe07a 24%,#ffc02e 54%,#f09a00 82%,#d97f00 100%);border-radius:50%;flex:none;place-items:center;width:clamp(96px,min(30vh,62%),300px);display:grid;position:relative;box-shadow:inset 0 0 0 3px #fff6cde6,inset 0 -14px 22px #8c4a0052,inset 0 12px 18px #ffffff52,0 16px 34px #0000006b,0 0 58px #ffb22861}.fs-disc:before{content:"";z-index:-1;background:repeating-conic-gradient(from 4deg,#ffdb805c 0deg 3.2deg,#ffdb8000 3.2deg 15deg);border-radius:50%;position:absolute;inset:-38%;-webkit-mask:radial-gradient(closest-side,#000000f2 28%,#0006 56%,#0000 78%);mask:radial-gradient(closest-side,#000000f2 28%,#0006 56%,#0000 78%)}.fs-disc:after{content:"";pointer-events:none;background:radial-gradient(60% 100% at 50% 0,#ffffff80,#fff0 70%);border-radius:50%;height:46%;position:absolute;inset:5% 12% auto}.fs-disc svg{fill:#4a2a08;width:38%;height:auto;translate:7%}.fs-labelwrap{text-align:center;white-space:nowrap;letter-spacing:.02em;font-size:clamp(24px,14vh,140px);font-weight:900;line-height:1;display:inline-grid}@supports (font-size:1cqw){.fs-labelwrap{font-size:min(clamp(24px,14vh,140px),22cqw)}}.fs-labelwrap>*{grid-area:1/1}.fs-label-outline{color:#42230a;-webkit-text-stroke:.07em #42230a;text-shadow:0 .1em #5e2c08,0 .2em .3em #0000008c}.fs-label{color:#ffd34a}.fs-cta:active{transform:translateY(4px)}.fs-cta:focus-visible{outline-offset:6px;border-radius:20px;outline:3px solid #fff}.panel-start-hint{color:#ffffffd9;box-shadow:none;text-shadow:0 2px 6px #0009;background:0 0;border-radius:0;margin-top:.2em;padding:0;font-size:.82em;font-weight:700;animation:none}#hud.title-mode .hud-score-wrap,#hud.title-mode .hud-progress,#hud.title-mode .hud-pause,#hud.title-mode .hud-sound{display:none}.panel-sub{text-shadow:0 2px 6px #0006;font-size:1em;font-weight:700}.panel-best{text-shadow:0 2px 6px #0006;font-size:1.1em;font-weight:800}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.panel-heading{letter-spacing:.04em;text-shadow:0 2px #00000059;font-size:1.7em;font-weight:900}.panel-heading.gold{color:#ffd166}.panel-record{color:#ffd94a;font-size:1.05em;font-weight:900;animation:1s ease-in-out infinite pulse}.panel-big{font-size:3em;font-weight:900;line-height:1}.panel-line{opacity:.9;font-size:.95em;font-weight:700}.panel-line.dim{opacity:.55;font-size:.8em}.panel-nearmiss{color:#ffb3ba;font-size:1em;font-weight:800}.panel-btn{cursor:pointer;color:#fff;touch-action:none;background:#ffffff29;border:none;border-radius:2em;padding:.65em 1.8em;font-family:inherit;font-size:1.05em;font-weight:900;box-shadow:0 3px #00000040}.panel-btn:active{box-shadow:none;transform:translateY(2px)}.panel-btn.primary{color:#4a2c00;background:linear-gradient(#ffd94a,#ff9d3c);box-shadow:0 4px #c96f1e}.panel-btn.revive{color:#0d3d17;background:linear-gradient(#7ce38b,#3fae5a);box-shadow:0 4px #2b7a3e}.hud-toast{pointer-events:none;background:#14101cd9;border-radius:1em;padding:.6em 1.2em;font-size:.95em;font-weight:700;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.hud-buffer{cursor:pointer;text-shadow:0 2px 6px #00000080;background:#0a08108c;justify-content:center;align-items:center;font-size:1.3em;font-weight:900;display:flex;position:absolute;inset:0}.hidden{display:none!important}