:root{font-family:Arial,Helvetica,sans-serif;color:#253a3b;background:#c7e5e1;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #dd693f;outline-offset:5px}button:disabled{opacity:.35;cursor:default}button{touch-action:manipulation}[hidden]{display:none!important}#game{position:fixed;inset:0;overflow:hidden;height:100dvh}#scene{display:block;width:100%;height:100%;touch-action:none;image-rendering:pixelated}.hud{position:absolute;top:max(28px,env(safe-area-inset-top));left:max(36px,env(safe-area-inset-left));right:max(36px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none}.hud>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-size:16px;font-weight:900;letter-spacing:2px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;background:#263b3b;color:#f7f3df;border-radius:12px;font-size:25px;letter-spacing:-3px;padding-right:3px;transform:rotate(-5deg)}.brand-sub{display:block;font-size:8px;letter-spacing:2.8px;margin-top:5px}.scoreboard{display:flex;gap:25px;align-items:center;background:#f9f8e9c7;border:1px solid #ffffff85;border-radius:16px;padding:12px 25px;box-shadow:0 4px 16px #38564a08}.scoreboard>div{min-width:54px}.label{font-size:8px;letter-spacing:2px;font-weight:700;display:block;color:#637875;margin-bottom:4px}.scoreboard strong{font-size:23px;letter-spacing:1px;font-variant-numeric:tabular-nums}.score-divider{width:1px;height:30px;background:#cad6c7}.actions{display:flex;gap:10px}.icon-button{border:1px solid #ffffff80;width:45px;height:45px;border-radius:50%;background:#f9f8e9c7;color:#2d4743;font-size:20px;font-weight:bold}.sound-state{font-size:6px;display:block;letter-spacing:1px}.menu{position:absolute;left:8%;top:24%;max-width:620px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:2.3px;display:flex;align-items:center;gap:9px}.eyebrow>span{width:19px;height:2px;background:#477166}h1{font-size:clamp(48px,6.4vw,96px);font-weight:900;line-height:.99;letter-spacing:-5px;margin:23px 0 22px}h1 em{font-style:normal;color:#e16e47}p{font-size:15px;line-height:1.65;color:#4a6360;margin:0 0 25px}.primary{background:#263f39;color:#fff9e7;border:0;border-radius:10px;font-size:11px;letter-spacing:1.7px;font-weight:800;padding:19px 25px;min-width:210px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 5px 0 #192e28;transition:transform .12s}.primary:hover{transform:translateY(-2px)}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #192e28}.primary span{font-size:21px;line-height:12px}.menu-note{font-size:10px;margin-top:23px;color:#526c61}.green-star{color:#66824c;font-size:16px;margin-right:5px}.footer{position:absolute;bottom:max(23px,env(safe-area-inset-bottom));left:max(36px,env(safe-area-inset-left));right:max(36px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:center;color:#f4f0dc;font-size:8px;letter-spacing:1.3px;font-weight:700;pointer-events:none}.control-hint{display:flex;align-items:center;gap:10px}.key{border:1px solid #e5e9d05c;border-radius:5px;padding:6px 8px;font-size:12px}.control-hint b{padding:0 8px;color:#bfd0ab}.footer-tag>span{padding:0 8px;color:#d5ddba}.wave{position:absolute;top:111px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:1.5px;font-weight:800;white-space:nowrap;background:#f9f8e9b0;border-radius:30px;padding:10px 15px;display:flex;gap:9px;align-items:center}.live-dot{width:6px;height:6px;border-radius:50%;background:#658850}.pause-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:40px;background:#fffbedf5;border:1px solid #fff;border-radius:20px;box-shadow:0 20px 100px #183b3440;min-width:300px}.pause-panel h2{font-size:34px;letter-spacing:-1.5px}.motion-option{display:flex;align-items:center;gap:8px;margin-top:24px;font-size:12px}.toast{position:absolute;top:28%;left:50%;transform:translateX(-50%);background:#fffbea;color:#365441;font-size:14px;font-weight:bold;padding:13px 22px;border-radius:40px;opacity:0;pointer-events:none;transition:opacity .2s;white-space:nowrap}.toast.visible{opacity:1}#load-error{position:absolute;inset:25%;padding:30px;background:white}@media(max-width:650px){.hud{top:max(18px,env(safe-area-inset-top));left:18px;right:18px;gap:8px}.brand{font-size:12px;gap:7px}.brand-mark{width:33px;height:33px;font-size:22px}.brand-sub{font-size:6px;letter-spacing:1.5px}.scoreboard{gap:12px;padding:9px 12px;border-radius:12px}.scoreboard>div{min-width:35px}.scoreboard strong{font-size:17px}.label{font-size:6px;letter-spacing:1px}.icon-button{width:33px;height:33px;font-size:15px}.actions{gap:6px}.menu{left:7%;top:20%;right:7%}h1{font-size:clamp(42px,12vw,66px);letter-spacing:-2.8px;margin:17px 0}.eyebrow{font-size:7px;letter-spacing:1.6px}p{font-size:12px;margin-bottom:20px}.primary{padding:16px 20px;min-width:190px}.menu-note{font-size:8px;margin-top:18px}.footer{left:18px;right:18px;bottom:max(18px,env(safe-area-inset-bottom));font-size:7px;letter-spacing:.6px}.footer-tag{display:none}.wave{top:86px;font-size:8px}.pause-panel{padding:28px}.toast{font-size:12px;max-width:94vw;white-space:normal;text-align:center}}@media(max-height:540px) and (min-width:651px){.menu{top:23%}h1{font-size:48px;margin:12px 0;letter-spacing:-2px}.menu p{font-size:11px;margin-bottom:12px}.menu-note{margin-top:12px}.hud{top:15px}.primary{padding:13px 20px}.footer{bottom:12px}.wave{top:84px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

@media(max-width:360px){.brand>span:last-child{display:none}.hud{gap:6px}.scoreboard{gap:10px}.menu-note{max-width:240px;line-height:1.5}}