:root{--game-safe-width: 960px;color:#21160f;background:#c98b49;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none}button,a{font:inherit}button,[href]{cursor:pointer}button:focus-visible,a:focus-visible{outline:4px solid #fff5c6;outline-offset:4px}#game-shell{position:relative;width:100%;height:100dvh;overflow:hidden;isolation:isolate;background:#d8a15e;user-select:none;-webkit-user-select:none}#game-canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;z-index:4;top:max(12px,env(safe-area-inset-top));left:50%;width:min(100%,var(--game-safe-width));padding-inline:12px;display:flex;justify-content:space-between;pointer-events:none;transform:translate(-50%)}.sound-toggle{position:absolute;z-index:7;top:max(12px,env(safe-area-inset-top));left:50%;display:grid;place-items:center;width:42px;height:38px;padding:0;border:2px solid #2b2117;border-radius:999px;background:#ffefb8eb;box-shadow:3px 3px #2b21177a;font-size:20px;line-height:1;transform:translate(-50%)}.sound-toggle:active{transform:translate(-50%) translateY(2px)}.brand-attribution{position:absolute;z-index:4;right:max(10px,env(safe-area-inset-right));bottom:max(72px,calc(env(safe-area-inset-bottom) + 58px));margin:0;color:#fff8d7b8;font:800 10px/1.25 Arial Narrow,PingFang SC,sans-serif;letter-spacing:.02em;text-shadow:0 1px 3px rgba(33,25,16,.8);pointer-events:none}.score-chip{display:flex;align-items:center;min-width:78px;padding:7px 12px 5px;border:2px solid #2b2117;border-radius:5px;background:#ffefb8eb;box-shadow:4px 4px #2b21177a;font:900 18px/1.1 Arial Black,PingFang SC,sans-serif;transform:rotate(-1.5deg)}.score-chip--best{transform:rotate(1.5deg);text-align:right}.score-chip span{font-size:13px;font-weight:700}.score-chip strong{font:900 25px/.9 Arial Black,sans-serif}.screen{position:absolute;z-index:5;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:max(20px,env(safe-area-inset-top)) max(22px,calc((100vw - var(--game-safe-width)) / 2 + 22px)) max(28px,env(safe-area-inset-bottom));text-align:center}.screen[hidden],.hud[hidden],.tap-hint[hidden],.runner-quote[hidden]{display:none}.screen--start{justify-content:flex-end;padding-bottom:max(38px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#fff2b900 14%,#2a22160d 46%,#23170ed6)}.screen--result{background:linear-gradient(180deg,#1c120b0d 3%,#1c120b94 39%,#1c120bf5);color:#fff0bd}.eyebrow{margin:0 0 7px;font-size:13px;font-weight:800;letter-spacing:.16em}h1,h2{margin:0}h1{color:#fff0bd;font:1000 clamp(54px,17vw,82px)/.9 "Arial Black","PingFang SC",sans-serif;letter-spacing:-.08em;text-shadow:0 5px 0 #7f3525,3px 8px 0 rgba(33,25,16,.58);transform:rotate(-1.5deg)}h2{font:1000 clamp(40px,12vw,58px)/1 "Arial Black","PingFang SC",sans-serif;letter-spacing:-.06em;text-shadow:0 4px 0 #7f3525;transform:rotate(-1.5deg)}.lede{margin:18px 0;color:#fff8d7;font-size:17px;font-weight:700;line-height:1.35;text-shadow:0 2px 4px rgba(33,25,16,.75)}.lede--story{max-width:min(360px,88vw)}.primary-button,.secondary-button{width:min(280px,82vw);min-height:54px;border:3px solid #2b2117;border-radius:6px;font-weight:900;box-shadow:5px 6px #2b2117;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary-button{background:#f27a45;color:#241b12;font-size:22px}.secondary-button{background:#fff0bd;color:#241b12;font-size:18px}.primary-button:active,.secondary-button:active{transform:translate(4px,5px);box-shadow:1px 1px #2b2117}.microcopy{margin:15px 0 0;color:#fff8d7;font-size:13px;letter-spacing:.08em}.tap-hint{position:absolute;z-index:4;left:50%;bottom:max(18px,env(safe-area-inset-bottom));margin:0;padding:8px 13px;width:max-content;max-width:calc(100vw - 28px);min-width:210px;border:2px solid rgba(43,33,23,.86);border-radius:999px;background:#fff0bde6;font-weight:800;line-height:1.35;text-align:center;white-space:pre-line;transform:translate(-50%) rotate(-1deg);pointer-events:none;transition:transform 90ms ease,background 90ms ease}#game-shell.is-pressing .tap-hint{background:#f27a45f0;transform:translate(-50%) translateY(2px) rotate(1deg) scale(.97)}.runner-quote{position:absolute;z-index:4;top:0;left:0;max-width:min(210px,54vw);margin:0;padding:9px 12px;border:2px solid #2b2117;border-radius:14px 14px 14px 4px;background:#fff8d7f5;box-shadow:3px 3px #2b21175c;font-size:14px;font-weight:900;line-height:1.35;pointer-events:none;transform:rotate(-1deg)}.runner-quote:after{position:absolute;left:-9px;bottom:5px;width:15px;height:15px;border-left:2px solid #2b2117;border-bottom:2px solid #2b2117;background:#fff8d7;content:"";transform:rotate(45deg)}.result-copy{margin:12px 0 0;font-size:17px}.result-duration{margin:5px 0 0;font-size:14px;font-weight:800}.result-copy strong{color:#f8a45f;font-size:34px}.best-message{min-height:22px;margin:4px 0 13px;color:#f8d76d;font-weight:800}.result-actions{display:grid;gap:10px}.text-link{color:#fff0bd;font-weight:800;text-underline-offset:5px}.share-status{min-height:35px;margin:10px 0 0;max-width:290px;font-size:13px}.score-card-preview{position:absolute;z-index:10;inset:0;display:grid;place-items:center;gap:10px;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));overflow:auto;background:#1a100af0;color:#fff0bd;text-align:center}.score-card-preview[hidden]{display:none}.score-card-preview img{display:block;width:auto;max-width:min(82vw,420px);max-height:72dvh;border:3px solid #fff0bd;border-radius:8px;box-shadow:8px 10px #0000005c;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}.score-card-preview p{margin:0;font-weight:800}.score-card-preview__actions{display:grid;justify-items:center;gap:12px}.score-card-preview__actions .secondary-button{display:grid;place-items:center;text-decoration:none}.score-card-preview__actions .text-link{border:0;background:transparent}@media(max-height:620px){h1{font-size:49px}h2{font-size:38px}.lede{margin:12px 0;font-size:15px}.screen,.screen--start{padding-bottom:max(14px,env(safe-area-inset-bottom))}.result-actions{gap:7px}.primary-button,.secondary-button{min-height:45px}.best-message{margin-bottom:8px}.share-status{min-height:26px;margin-top:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}