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}.panel-logo{filter:drop-shadow(0 8px 20px #00000059);width:min(16em,72vw);height:auto}.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}.panel-start-hint{color:#4a2c00;background:linear-gradient(#ffd94a,#ff9d3c);border-radius:2em;margin-top:1.2em;padding:.6em 1.4em;font-size:1.05em;font-weight:800;animation:1.6s ease-in-out infinite pulse;box-shadow:0 4px #c96f1e,0 8px 20px #0000004d}@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}