:root{color:#17241e;background:#f4efdf;font-family:Georgia,Times New Roman,serif;font-synthesis:none;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{touch-action:none;user-select:none}.app{position:relative;isolation:isolate}canvas{position:absolute;inset:0;width:100%;height:100%;outline:none}.hud{position:absolute;z-index:2;top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.brand{display:flex;align-items:center;gap:9px;font:800 clamp(10px,2.8vw,13px)/1 ui-monospace,"SFMono-Regular",Consolas,monospace;letter-spacing:.18em}.brand-mark{position:relative;display:inline-block;width:23px;height:23px;border:4px solid #c58b2b;border-radius:50%}.brand-mark:after{content:"";position:absolute;top:7px;left:-8px;width:31px;height:3px;background:#17241e}.brand-mark i{display:none}.scores{display:flex;gap:clamp(14px,5vw,32px)}.scores div{display:grid;justify-items:end}.scores span,.result-score span,.result-score small{font:700 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em;opacity:.58}.scores strong{margin-top:3px;font:400 clamp(22px,6vw,31px)/.9 Georgia,serif;font-variant-numeric:tabular-nums}.panel{position:absolute;z-index:4;width:min(86vw,430px);left:50%;top:50%;transform:translate(-50%,-48%);text-align:center}.panel[hidden]{display:none}.start-panel:before,.result-panel:before,.pause-panel:before{content:"";position:absolute;z-index:-1;inset:-34px -28px;border-radius:50%;background:radial-gradient(ellipse,#f4efdffa 58%,#f4efdf00 76%)}.kicker{display:flex;justify-content:center;align-items:center;gap:10px;margin:0 0 18px;font:800 clamp(9px,2.4vw,11px)/1 ui-monospace,"SFMono-Regular",Consolas,monospace;letter-spacing:.18em;color:#ba5438}.kicker span{width:28px;height:1px;background:currentColor}h1,h2{margin:0;font-weight:400;letter-spacing:-.055em}h1{font-size:clamp(55px,16vw,92px);line-height:.78}h2{font-size:clamp(48px,13vw,74px);line-height:.88}h1 em{color:#c58b2b;font-weight:400}.intro,.result-panel>p,.pause-panel>p{margin:27px 0;font:600 clamp(12px,3vw,15px)/1.55 ui-monospace,"SFMono-Regular",Consolas,monospace;letter-spacing:.02em}.gesture{display:flex;justify-content:center;align-items:center;gap:13px;width:fit-content;margin:0 auto 25px;padding:10px 16px 10px 10px;border:1px solid rgba(23,36,30,.28);border-radius:100px}.finger{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#17241e;color:#f4efdf;font:700 18px/1 sans-serif;animation:bob 1.25s ease-in-out infinite}.gesture div{display:grid;text-align:left;gap:4px}.gesture strong,.gesture small,.key-hint{font:800 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em}.gesture small{opacity:.48}.action{display:flex;justify-content:space-between;align-items:center;width:min(100%,320px);min-height:58px;margin:0 auto;padding:0 20px;border:0;border-radius:2px;background:#17241e;color:#f8f3e5;box-shadow:7px 7px #c58b2b;cursor:pointer;font:800 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;transition:transform .14s ease,box-shadow .14s ease}.action span{color:#e3aa42;font-size:20px}.action:active{transform:translate(5px,5px);box-shadow:2px 2px #c58b2b}.action:focus-visible{outline:3px solid #d35f3d;outline-offset:5px}.key-hint{display:block;margin-top:20px;opacity:.42}.result-score{display:grid;justify-items:center;margin:25px auto 12px}.result-score strong{font-size:clamp(72px,22vw,120px);font-weight:400;line-height:.9;color:#c58b2b}.result-score small{margin-top:5px}.result-panel>p{margin:16px 0 25px}.progress{height:4px;background:#17241e26;overflow:hidden}.progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:#c58b2b}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes bob{0%,to{transform:translateY(2px)}50%{transform:translateY(-3px)}}@media(max-height:620px){.panel{transform:translate(-50%,-43%) scale(.82)}.intro{margin:18px 0}.gesture{margin-bottom:18px}.key-hint{margin-top:15px}}@media(min-aspect-ratio:4/3){.panel{left:72%;width:min(39vw,460px)}.start-panel,.result-panel{text-align:left}.kicker{justify-content:flex-start}.gesture,.action{margin-left:0}.result-score{justify-items:start}}@media(max-height:440px)and (min-aspect-ratio:4/3){.panel{top:50%;transform:translate(-50%,-50%) scale(.7)}.panel .kicker{margin-bottom:10px}.panel h1{font-size:min(10vw,78px)}.panel h2{font-size:min(9vw,64px)}.panel .intro,.panel>p{margin:12px 0}.panel .gesture{margin-bottom:12px;padding-block:7px}.panel .action{min-height:52px}.panel .key-hint{display:none}.result-score{margin-block:12px 8px}.result-score strong{font-size:72px}}@media(prefers-reduced-motion:reduce){.finger{animation:none}.action{transition:none}}[hidden]{display:none!important}button{touch-action:manipulation}button:disabled{cursor:wait;opacity:.45}.platform-paused *,.platform-paused *:before,.platform-paused *:after{animation-play-state:paused!important}#loading{position:absolute;z-index:20;inset:0;display:grid;place-items:center;background:#f4efdf;font:12px ui-monospace,monospace}.board-button,.text-button,.dialog-close{border:0;background:none;color:#17241e;cursor:pointer;min-height:44px;font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace}.board-button{position:absolute;z-index:5;top:max(62px,calc(env(safe-area-inset-top) + 40px));right:max(18px,env(safe-area-inset-right));padding:8px 0 8px 16px}.board-button span,.text-button span{color:#ad7a24;margin-left:9px}.text-button{margin-top:14px;padding:8px 16px}.text-button:focus-visible,.board-button:focus-visible,.dialog-close:focus-visible{outline:2px solid #ad7a24;outline-offset:3px}.section-hud{position:absolute;z-index:2;left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));font:10px ui-monospace,SFMono-Regular,Consolas,monospace;background:linear-gradient(transparent,#f4efdf 35%);padding-top:15px;pointer-events:none}.section-top,.section-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-top{margin-bottom:11px;letter-spacing:.1em}.section-top time{font-size:15px;letter-spacing:0;font-variant-numeric:tabular-nums}.section-bottom{margin-top:10px;font-size:9px;color:#53645a}#scoreboard{width:min(92vw,460px);max-height:calc(100dvh - 36px);max-height:calc(100svh - 36px);padding:30px 24px 22px;border:1px solid #d0c9b5;background:#f4efdf;color:#17241e;box-shadow:8px 8px #17241e26;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}#scoreboard::backdrop{background:#17241e66;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:8px;top:5px;width:44px;font-size:26px}#scoreboard .kicker{justify-content:flex-start;font-size:9px;margin:8px 0 16px}#scoreboard h2{font-size:clamp(36px,10vw,48px)}.board-best{display:flex;align-items:baseline;gap:12px;margin:24px 0 8px;padding-bottom:16px;border-bottom:1px solid #cec8b5}.board-best span{font:8px ui-monospace,monospace;letter-spacing:.06em}.board-best strong{color:#ac7723;font-size:38px;font-weight:400}#board-empty{padding:28px 0;text-align:center;font:12px/1.8 ui-monospace,monospace;color:#53645a}#run-list{margin:0;padding:0;list-style:none}#run-list li{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #e0dac8}.rank{font:12px ui-monospace,monospace;color:#b5812c}#run-list li>div{display:grid;gap:5px}#run-list li>div strong{font-size:15px;font-weight:400}#run-list small{font:8px ui-monospace,monospace;color:#637469;letter-spacing:.04em}.board-score{margin-left:auto;font-weight:400;font-size:21px;white-space:nowrap}.board-footer{margin-top:21px;font:10px/1.6 ui-monospace,monospace;color:#59695f}.board-footer strong{font-size:9px;color:#ad7a24;letter-spacing:.05em}.board-footer p{margin:8px 0}.board-footer small{font-size:9px}@media(max-width:340px){.section-bottom{flex-wrap:wrap}.section-top{font-size:9px}#scoreboard{padding-inline:16px}}@media(max-height:620px){.panel{transform:translate(-50%,-50%)}h1{font-size:clamp(44px,11vw,70px)}h2{font-size:clamp(38px,9vw,60px)}.intro,.result-panel>p{margin:14px 0;font-size:11px}.result-score{margin:14px auto 8px}.result-score strong{font-size:64px}.gesture{padding-block:6px;margin-bottom:14px}.action{min-height:48px}.key-hint{margin-top:12px;font-size:8px}}@media(max-height:440px)and (min-aspect-ratio:4/3){.panel{left:69%;width:min(46vw,380px);top:44%;transform:translate(-50%,-50%)}.panel .kicker{margin:0 0 12px;font-size:8px}.panel h1{font-size:46px}.panel h1 br{display:none}.panel h1 em{margin-left:.12em}.panel h2{font-size:39px}.panel .intro,.panel>p{font-size:10px;margin:14px 0}.panel .gesture{display:none}.panel .action{min-height:46px;font-size:10px}.panel .key-hint{display:block;font-size:7px}.result-panel .key-hint{display:none}.result-score{margin:12px 0 8px}.result-score strong{font-size:48px}.text-button{margin-top:4px;min-height:44px}.section-hud{bottom:14px;padding-top:8px}.section-top{margin-bottom:7px}.section-bottom{margin-top:7px}.board-button{right:auto;left:max(18px,env(safe-area-inset-left));padding-left:0}}