html,body{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}.volume-control{z-index:4;left:max(16px, env(safe-area-inset-left));color:#fff;background:#1e2d3ce6;border-radius:14px;width:132px;padding:8px 12px;font:600 16px/1.2 system-ui,sans-serif;position:fixed;top:96px}.volume-control input{accent-color:#ffd45c;touch-action:none;width:100%;height:40px;margin:0;display:block}.game-message{box-sizing:border-box}@media (width<=600px){.volume-control{top:auto;bottom:100px}}body{min-height:100dvh;position:fixed;inset:0}#game-canvas{touch-action:none;width:100%;height:100%;display:block}.audio-button{z-index:2;top:max(24px, env(safe-area-inset-top));left:max(24px, env(safe-area-inset-left));touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#1e2d3cb8;border:3px solid #fffc;border-radius:20px;width:64px;height:64px;padding:0;font-size:30px;line-height:1;position:fixed}.audio-button:active{transform:scale(.94)}.audio-button:focus-visible{outline-offset:4px;outline:5px solid #f2a900}.pause-button{z-index:2;top:max(24px, env(safe-area-inset-top));left:calc(max(24px, env(safe-area-inset-left)) + 76px);color:#fff;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#1e2d3cb8;border:3px solid #fffc;border-radius:20px;width:64px;height:64px;padding:0;font-size:28px;line-height:1;position:fixed}.pause-button:active{transform:scale(.94)}.pause-button:focus-visible{outline-offset:4px;outline:5px solid #f2a900}.touch-controls{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.touch-control-group{bottom:max(24px, env(safe-area-inset-bottom));pointer-events:auto;grid-template-columns:repeat(2,76px);gap:8px;display:grid;position:absolute}.touch-control-group--left{left:max(24px, env(safe-area-inset-left))}.touch-control-group--right{right:max(24px, env(safe-area-inset-right))}.touch-control{color:#fff;font:inherit;touch-action:none;-webkit-tap-highlight-color:transparent;background:#1e2d3cad;border:3px solid #fffc;border-radius:22px;padding:0;font-size:32px;line-height:1}.star-counter{z-index:1;top:max(24px, env(safe-area-inset-top));right:max(24px, env(safe-area-inset-right));color:#fff;pointer-events:none;background:#1e2d3cb8;border:3px solid #fffc;border-radius:999px;padding:12px 20px;font-family:system-ui,sans-serif;font-size:24px;font-weight:700;line-height:1;position:fixed}.level-counter{z-index:1;top:max(24px, env(safe-area-inset-top));color:#fff;pointer-events:none;background:#1e2d3cb8;border:3px solid #fffc;border-radius:999px;padding:12px 20px;font-family:system-ui,sans-serif;font-size:22px;font-weight:700;line-height:1;position:fixed;left:50%;transform:translate(-50%)}.game-message{z-index:3;top:max(96px, calc(env(safe-area-inset-top) + 80px));color:#fff;text-align:center;text-wrap:balance;pointer-events:none;background:#274b34e6;border:3px solid #ffffffe0;border-radius:999px;width:max-content;max-width:calc(100vw - 48px);padding:14px 24px;font-family:system-ui,sans-serif;font-size:24px;font-weight:750;line-height:1.25;animation:.18s ease-out game-message-enter;position:fixed;left:50%;transform:translate(-50%)}.game-message[hidden]{display:none}@keyframes game-message-enter{0%{opacity:0;transform:translate(-50%,-8px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}.debug-panel{z-index:20;right:max(16px, env(safe-area-inset-right));bottom:calc(max(16px, env(safe-area-inset-bottom)) + 96px);color:#b9ffba;white-space:pre-line;pointer-events:none;background:#000000c2;border-radius:10px;padding:10px 12px;font:600 13px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed}.debug-panel[hidden]{display:none}.start-overlay,.pause-overlay,.win-overlay{z-index:10;background:#142332ad;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.start-overlay[hidden],.pause-overlay[hidden],.win-overlay[hidden]{display:none}.start-card,.pause-card,.win-card{color:#472f1e;text-align:center;background:#fff4c7;border:4px solid #fff;border-radius:32px;width:min(440px,100vw - 48px);padding:38px 32px 32px;font-family:system-ui,sans-serif;box-shadow:0 18px 48px #00000052}.pause-card__icon{color:#248a48;font-size:54px;line-height:1}.start-card__goal{color:#f2a900;justify-content:center;align-items:center;gap:18px;font-size:42px;font-weight:800;line-height:1;display:flex}.start-card__goal span:last-child{color:#248a48;font-size:54px}.win-card__stars{color:#f2a900;letter-spacing:8px;font-size:48px;line-height:1}.start-card h1,.pause-card h1,.win-card h1{margin:20px 0 8px;font-size:48px;line-height:1}.start-card p,.pause-card p,.win-card p{margin:0 0 28px;font-size:24px;font-weight:650}.start-card button,.pause-card button,.win-card button{color:#fff;min-width:200px;min-height:64px;font:inherit;touch-action:manipulation;background:#248a48;border:0;border-radius:999px;padding:12px 28px;font-size:24px;font-weight:750}.start-card button:focus-visible,.pause-card button:focus-visible,.win-card button:focus-visible{outline-offset:5px;outline:5px solid #f2a900}.touch-control.is-pressed,.touch-control:active{background:#ffbe37eb;transform:scale(.94)}@media (width<=520px),(height<=520px){.audio-button{top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));border-radius:17px;width:56px;height:56px;font-size:26px}.pause-button{top:max(16px, env(safe-area-inset-top));left:calc(max(16px, env(safe-area-inset-left)) + 64px);border-radius:17px;width:56px;height:56px;font-size:24px}.touch-control-group{bottom:max(16px, env(safe-area-inset-bottom));grid-template-columns:repeat(2,64px);gap:6px}.touch-control-group--left{left:max(16px, env(safe-area-inset-left))}.touch-control-group--right{right:max(16px, env(safe-area-inset-right))}.touch-control{border-radius:18px;font-size:27px}.star-counter{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));padding:10px 16px;font-size:20px}.level-counter{top:max(82px, calc(env(safe-area-inset-top) + 66px));padding:9px 15px;font-size:18px}.game-message{top:max(138px, calc(env(safe-area-inset-top) + 122px));max-width:calc(100vw - 32px);padding:11px 18px;font-size:19px}.start-card,.pause-card,.win-card{border-radius:26px;padding:28px 22px 24px}.start-card__goal,.pause-card__icon,.win-card__stars,.start-card h1,.pause-card h1,.win-card h1{font-size:38px}.start-card p,.start-card button,.pause-card p,.pause-card button,.win-card p,.win-card button{font-size:20px}}