:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f7f2da}*{box-sizing:border-box}html,body,#game{margin:0;width:100%;height:100%;overflow:hidden;background:#a9ccd5}canvas{display:block}.provisional{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:4;background:#182e35e8;padding:6px 12px;font-size:11px;letter-spacing:.04em;white-space:nowrap}.hud{position:fixed;top:34px;left:22px;width:min(390px,calc(100vw - 44px));background:#182e35e8;border-left:4px solid #efc55b;padding:14px 17px;box-shadow:0 8px 30px #18343c36}.brand{font-weight:900;letter-spacing:.11em}.brand span{font-weight:500;color:#a8c9ce;font-size:11px;margin-left:6px}.stats{display:flex;gap:18px;align-items:baseline;margin-top:10px}.stats strong{font-size:26px;color:#efc55b}.stats span{font-size:15px}.objective{margin-top:8px;font-size:14px;font-weight:700}.distance{font-size:12px;color:#c5dadd;margin-top:3px}.help{position:fixed;left:22px;bottom:18px;background:#182e35db;padding:9px 12px;font-size:12px}.notice{position:fixed;left:50%;top:25%;transform:translate(-50%,-50%);background:#fff;color:#18343c;padding:11px 18px;border-radius:3px;font-weight:750;opacity:0;transition:opacity .18s;pointer-events:none}.notice.show{opacity:1}.interact,.new-round{position:fixed;right:22px;bottom:22px;border:0;background:#efc55b;color:#182e35;font:700 14px inherit;padding:13px 18px;cursor:pointer;box-shadow:0 5px 20px #18343c44}.interact:disabled{opacity:.45}.new-round{bottom:76px;background:#fff}.touch{display:none;position:fixed;left:15px;right:15px;bottom:18px;justify-content:space-between;align-items:flex-end;pointer-events:none}.touch button{pointer-events:auto;width:64px;height:64px;border:1px solid #fff8;background:#182e35c9;color:#fff;font-size:25px;border-radius:50%;touch-action:none}.pedals{display:flex;gap:8px}.pause{position:fixed;inset:0;background:#10252dbc;display:grid;place-content:center;text-align:center;font-size:40px;font-weight:850;z-index:10}.pause[hidden]{display:none}.pause small{font-size:14px;font-weight:500}.utility{position:fixed;right:22px;top:35px;display:flex;gap:6px}.utility button,.pause button{border:1px solid #ffffff88;background:#182e35d9;color:#fff;padding:8px 10px;font:600 12px inherit;cursor:pointer}.pause button{margin:16px auto 8px;background:#efc55b;color:#182e35;border:0;font-size:15px}@media(max-width:760px),(pointer:coarse){.touch{display:flex}.help{display:none}.interact{bottom:98px}.new-round{bottom:150px}.hud{left:12px;top:32px;width:calc(100vw - 24px)}.provisional{font-size:9px}.stats strong{font-size:22px}.utility{top:auto;left:15px;right:auto;bottom:100px;flex-direction:row}.utility button{padding:7px 9px;font-size:11px}}
/* Keep all three utility controls separate from touch pedals and trading. */
.utility button:focus-visible{outline:3px solid #efc55b;outline-offset:3px}
.utility button:disabled{opacity:.45;cursor:default}
#camera-toggle[aria-pressed=true]{border-color:#efc55b;color:#efc55b}
@media(max-width:760px),(pointer:coarse){.utility{top:198px;bottom:auto;left:12px;right:12px;flex-wrap:wrap}.utility button{min-height:40px}.notice{top:260px}}
@media(max-height:360px) and (min-width:520px){.utility{top:auto;bottom:100px;left:15px;right:auto}}