@font-face{font-family:Alegreya;src:url(/assets/AlegreyaSansSC-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{font-family:Arial,Helvetica,sans-serif;color:#303c28;background:#e9eadb;font-synthesis:none;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}body,h1,p{margin:0}button{font:inherit;color:inherit;cursor:pointer;border:0;touch-action:manipulation}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #48682d;outline-offset:4px}button:active:not(:disabled){transform:translateY(2px)}.page{min-height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 50% 30%,#fafbec,#e5e8d8)}.cabinet{position:relative;width:min(100%,450px);height:min(850px,calc(100dvh - 40px));background:#fbfbe9;border:1px solid #79836855;border-radius:22px;overflow:hidden;box-shadow:0 15px 65px #303c2820}.playfield{position:absolute;inset:0;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.screen{position:absolute;inset:0;background:#fbfbe9 url(/assets/background.jpg) repeat;background-size:450px;display:flex;align-items:center;justify-content:safe center;flex-direction:column;text-align:center;padding:max(24px,env(safe-area-inset-top)) 26px max(24px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}.screen>*{flex-shrink:0}.center{gap:24px}.mascot{width:100px;height:auto;object-fit:contain}.menu .mascot{width:112px;margin-bottom:30px}.float{animation:bob 3s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-7px) rotate(-3deg)}}.brand{font-family:Alegreya,sans-serif;font-size:70px;line-height:.8;letter-spacing:-2px;transform:rotate(-3deg);text-shadow:2px 3px #d3dbb7}.brand>span{display:block}.brand>span:last-child{font-size:84px;margin-top:5px}.brand-dot{color:#83a43b}.primary{width:100%;min-height:60px;padding:12px 24px;border:2px solid #354526;border-radius:14px;background:#cde785;box-shadow:0 4px #354526;font:700 28px Alegreya,sans-serif}.primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #354526}.primary:hover:not(:disabled){background:#daed96}.play-button{max-width:250px;margin:44px 0 25px;font-size:32px;display:flex;align-items:center;justify-content:center;gap:18px}.play-button>span{font:20px Arial,sans-serif}.instructions{font-size:16px;line-height:1.7;color:#657058}.settings{display:flex;justify-content:center;gap:18px;margin-top:28px}.tool-button{width:48px;height:48px;border-radius:12px;border:1px solid #87987365;background:#fffff4bb;display:grid;place-items:center}.tool-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hud{position:absolute;top:max(18px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));display:flex;justify-content:flex-end;pointer-events:none}.hud button{pointer-events:auto}.score{position:absolute;left:50%;transform:translate(-50%);font:700 54px/1 Alegreya,sans-serif;text-shadow:1px 2px #fff}.overlay{position:absolute;inset:0;display:flex;align-items:safe center;justify-content:center;padding:24px;background:#eef1db85;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto}.card{width:100%;max-width:310px;text-align:center;background:#ffe;border:1px solid #82946b;border-radius:22px;padding:28px 26px 18px;box-shadow:0 10px #303c2810}.card h1{font:700 44px Alegreya,sans-serif;margin-bottom:25px}.text-button{min-height:48px;padding:12px 20px;margin-top:12px;background:transparent;font-size:16px}.card .settings{margin-top:12px}.final-score{font:700 76px/.9 Alegreya,sans-serif}.final-score span{display:block;font:14px Arial,sans-serif;margin-top:10px}.record{font-size:14px;color:#657058;margin:20px 0 26px}.notice{margin-top:16px;max-width:280px;font-size:13px;line-height:1.6;color:#7e5d2a}.sensor-help{margin-top:8px}.sensor-help summary{cursor:pointer;text-decoration:underline;padding:8px 0}.sensor-help p{margin:8px 0}.update-button{margin-top:14px;background:transparent;text-decoration:underline;font-size:12px;min-height:44px}.fallback{display:grid;place-content:center;min-height:100dvh;gap:20px}:fullscreen .page{padding:0}:fullscreen .cabinet{height:100dvh;border:0;border-radius:0}@media(max-width:600px){.page{padding:0}.cabinet{width:100%;max-width:500px;height:100dvh;border:0;border-radius:0;box-shadow:none}}@media(max-height:650px){.menu .mascot{width:74px;margin-bottom:22px}.brand{font-size:52px}.brand>span:last-child{font-size:62px}.play-button{margin:28px 0 20px;min-height:54px}.settings{margin-top:20px}}@media(prefers-reduced-motion:reduce){.float{animation:none}}.stats-link{margin:-14px 0 12px;padding:10px 20px;min-height:44px;background:transparent;font-size:14px;text-decoration:underline;text-underline-offset:3px;color:#657058}.stats-screen h1{font:700 40px Alegreya,sans-serif}.stats-best{display:flex;flex-direction:column;gap:8px;margin:20px 0 30px}.stats-best strong{font:700 76px/1 Alegreya,sans-serif}.stats-best span{font-size:14px;color:#657058}.stats-grid{width:100%;max-width:340px;display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;border:1px solid #a4b08b70;border-radius:14px;overflow:hidden;background:#a4b08b70}.stats-grid>div{padding:20px 8px;background:#fafbec}.stats-grid dt{font-size:12px;color:#657058}.stats-grid dd{margin:8px 0 0;font:700 26px Alegreya,sans-serif}@media(max-height:650px){.stats-best{margin:12px 0 20px}.stats-best strong{font-size:60px}.stats-grid>div{padding:14px 6px}}.primary{white-space:nowrap}