@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap";:root{color:#fffbe9;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#123839;font-family:Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}button:focus-visible{outline-offset:5px;outline:3px solid #fff}button:disabled{cursor:wait;opacity:.65}#app{isolation:isolate;position:relative}#game{touch-action:none;width:100%;height:100%;display:block}.vignette{pointer-events:none;z-index:1;background:linear-gradient(#06212380 0%,#0000 28% 70%,#0621237a 100%);position:absolute;inset:0}.topbar{top:max(28px,env(safe-area-inset-top));z-index:3;justify-content:space-between;align-items:center;display:flex;position:absolute;left:38px;right:38px}.wordmark{-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.mark{color:#113a38;background:#f6c847;border-radius:8px;place-items:center;width:43px;height:45px;font-family:system-ui;font-size:32px;line-height:1;display:grid;transform:skewY(-5deg);box-shadow:0 4px #b78b26}.wordmark strong{letter-spacing:1px;font-family:Barlow Condensed,Impact,sans-serif;font-size:29px;font-weight:800;line-height:1;display:block}.wordmark strong span{color:#f8d05b;margin-left:4px}.wordmark small{letter-spacing:2px;opacity:.75;margin-top:6px;font-size:10px;display:block}.header-actions{gap:10px;display:flex}.icon-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#153e3c59;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:43px;height:43px;font-size:23px;transition:background .15s,transform .15s;display:grid}.icon-button:hover{background:#ffffff35;transform:translateY(-2px)}.pause-glyph{letter-spacing:-3px;padding-right:3px;font-size:20px}.scoreboard{z-index:3;-webkit-user-select:none;user-select:none;text-shadow:0 2px 8px #153b3d44;position:absolute;top:115px;left:40px}.distance-stat{align-items:baseline;gap:5px;display:flex}.distance-stat>span{letter-spacing:2px;color:#eeead4;margin-right:5px;font-size:11px}.distance-stat strong{font-variant-numeric:tabular-nums;font-family:Barlow Condensed,Impact,sans-serif;font-size:52px;font-weight:700;line-height:1}.distance-stat em{opacity:.8;font-size:15px;font-style:normal}.coin-stat{align-items:center;gap:8px;margin-top:12px;display:flex}.coin-stat strong{font-family:Barlow Condensed,Impact,sans-serif;font-size:28px;font-weight:600}.coin-icon{color:#b17720;background:#ffc749;border:2px solid #ffdf76;border-radius:50%;place-items:center;width:23px;height:23px;font-family:Barlow Condensed,sans-serif;font-size:16px;font-style:normal;font-weight:900;display:grid;box-shadow:0 2px #bf8226}.best-stat{letter-spacing:.3px;opacity:.7;margin-top:11px;font-family:Barlow Condensed,sans-serif;font-size:15px}.best-stat span{letter-spacing:1px;margin-right:7px;font-family:Noto Sans SC,sans-serif;font-size:10px}.best-stat b{font-weight:600}.menu{z-index:4;filter:drop-shadow(0 8px 24px #1238382b);width:min(430px,84vw);transition:opacity .25s,transform .35s;position:absolute;top:50%;left:8%;transform:translateY(-44%)}.menu.hidden{opacity:0;pointer-events:none;transform:translateY(-40%)}.menu:before{content:"";z-index:-1;filter:blur(20px);pointer-events:none;background:radial-gradient(#153f3a96 0%,#153f3a26 60%,#0000 75%);position:absolute;inset:-50px -40px}.eyebrow{letter-spacing:3px;color:#f2dc9c;align-items:center;gap:9px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:600;display:flex}.eyebrow>span{background:#f8c83e;border-radius:50%;width:6px;height:6px;display:block;box-shadow:0 0 13px #ffcf61}h1{letter-spacing:-2px;margin:19px 0 17px;font-size:clamp(38px,4.4vw,64px);font-weight:900;line-height:1.19}h1 em{color:#f9cc46;text-shadow:0 3px #98782c75;font-style:normal}.menu p{letter-spacing:.3px;opacity:.83;margin:0 0 29px;font-size:13px;font-weight:400;line-height:1.8}.start-button{color:#193d36;background:#f7c73e;border-radius:9px;justify-content:space-between;align-items:center;width:290px;max-width:100%;height:66px;padding:0 24px;font-size:17px;font-weight:800;transition:background .15s,transform .15s,box-shadow .15s;display:flex;box-shadow:0 5px #b88729,0 13px 35px #092a3140}.start-button b{font-family:system-ui;font-size:27px;font-weight:500}.start-button:hover{background:#ffda5a;transform:translateY(-2px);box-shadow:0 7px #b88729,0 16px 35px #092a3140}.start-button:active{transform:translateY(4px);box-shadow:0 1px #b88729}.control-guide{opacity:.85;align-items:center;gap:17px;margin-top:26px;font-size:10px;display:flex}.control-guide>span{align-items:center;gap:3px;display:flex}.control-guide kbd{background:#ffffff15;border:1px solid #fff8;border-bottom:2px solid #fff9;border-radius:4px;place-items:center;width:21px;height:22px;margin-right:2px;font:11px system-ui;display:grid}.touch-guide{display:none}.result{gap:44px;margin:8px 0 28px;display:flex}.result[hidden]{display:none}.result>div{flex-direction:column;gap:7px;display:flex}.result span{opacity:.75;font-size:11px}.result strong{font-family:Barlow Condensed,sans-serif;font-size:44px;line-height:1}.result small{color:#ffdf7a;font-size:18px}.bottom-bar{z-index:3;bottom:max(28px,env(safe-area-inset-bottom));justify-content:space-between;align-items:center;gap:15px;display:flex;position:absolute;left:40px;right:40px}.asset-status{letter-spacing:.3px;opacity:.76;align-items:center;gap:8px;font-size:10px;display:flex}.status-light{background:#f3c74b;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #f3c74b55}.asset-status.ready .status-light{background:#84e2b0;box-shadow:0 0 8px #84e2b055}.import-button{letter-spacing:.3px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;background:#173f3d70;border:1px solid #ffffff40;border-radius:20px;padding:9px 15px;font-size:11px}.import-button:hover{background:#fff2}.progress-track{z-index:3;background:#163b3c;height:3px;position:absolute;bottom:0;left:0;right:0}.progress-track span{background:#f2c43b;width:0;height:100%;transition:width .5s;display:block}.toast{z-index:5;letter-spacing:.2px;opacity:0;pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#143c3ddb;border:1px solid #ffffff30;border-radius:30px;padding:11px 20px;font-size:12px;transition:opacity .2s,transform .2s;position:absolute;top:24%;left:50%;transform:translate(-50%,-8px)}.toast.show{opacity:1;transform:translate(-50%)}.fatal-error{z-index:10;text-align:center;background:#14393bf5;place-content:center;padding:40px;font-size:15px;line-height:1.8;display:grid;position:absolute;inset:0}.fatal-error[hidden]{display:none}body.playing .asset-status,body.playing .wordmark small{opacity:.5}body.playing .import-button{opacity:.6}@media (width<=700px){.topbar{top:max(22px,env(safe-area-inset-top));left:22px;right:22px}.wordmark{gap:9px}.mark{width:34px;height:37px;font-size:26px}.wordmark strong{font-size:22px}.wordmark small{letter-spacing:1.2px;font-size:8px}.icon-button{width:36px;height:36px;font-size:20px}.header-actions{gap:8px}.scoreboard{top:100px;left:23px}.distance-stat strong{font-size:42px}.distance-stat>span{font-size:9px}.coin-stat{margin-top:9px}.coin-stat strong{font-size:24px}.best-stat{font-size:13px}.menu{width:calc(100% - 50px);top:auto;bottom:16%;left:25px;transform:none}.menu.hidden{transform:translateY(12px)}h1{margin:15px 0 12px;font-size:42px}.eyebrow{letter-spacing:2.2px;font-size:11px}.menu p{margin-bottom:22px;font-size:11px}.start-button{border-radius:8px;width:260px;height:58px;font-size:15px}.control-guide{gap:13px;margin-top:23px}.bottom-bar{left:23px;right:23px;bottom:max(20px,env(safe-area-inset-bottom))}.asset-status{max-width:60%;font-size:8px;line-height:1.5}.import-button{padding:8px 11px;font-size:10px}.result strong{font-size:38px}.toast{white-space:normal;text-align:center;max-width:90%;font-size:11px}}@media (pointer:coarse){.control-guide{display:none}.menu .touch-guide{opacity:.7;margin-top:24px;margin-bottom:0;font-size:10px;display:block}}@media (height<=600px){.menu{top:50%;bottom:auto;transform:translateY(-35%)}h1{margin:10px 0;font-size:36px}.menu p{margin-bottom:17px}.start-button{height:52px}.control-guide{margin-top:18px}.scoreboard{top:90px}.bottom-bar{bottom:16px}.menu .touch-guide{margin-top:15px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.score-stat{color:#fff;text-shadow:0 2px 8px #133a39;margin-top:10px;font-size:16px}.score-stat span{opacity:.75;margin-right:8px;font-size:11px}.score-stat em{color:#e8f873;margin-left:6px;font-style:normal}.powerup-status{pointer-events:none;gap:10px;display:grid;position:absolute;top:118px;right:34px}.powerup-status>div{color:#f3f5e6;background:#143c3ade;border:1px solid #b5dbbd5c;border-radius:8px;min-width:150px;padding:10px 14px;font-size:12px}.powerup-status [hidden]{display:none}.powerup-status progress{accent-color:#d7ed7e;width:100%;height:4px;margin-top:8px;display:block}.powerup-status progress::-webkit-progress-bar{background:#42635c;border-radius:3px}.powerup-status progress::-webkit-progress-value{background:#d7ed7e;border-radius:3px}@media (width<=700px){.powerup-status{top:100px;right:20px}.powerup-status>div{min-width:110px;padding:8px 10px;font-size:10px}.score-stat{font-size:14px}}.board-button{color:#f0f5d9;cursor:pointer;background:#173e3bd9;border:1px solid #dfe9c566;border-radius:12px;padding:10px 14px;font:600 12px inherit}.board-button:disabled{opacity:.62;cursor:default}@media (width<=600px){.board-button{padding:9px 10px;font-size:11px}}.revive-button{color:#173e3b;background:#dcebd2;border-radius:8px;width:290px;max-width:100%;height:48px;margin-bottom:8px;font-size:15px;font-weight:700;display:block}.revive-button[hidden],#revive-note[hidden]{display:none}#revive-note{color:#e1ead7;margin-bottom:18px;font-size:10px;display:block}#chase-status{color:#ffe3ac;border-color:#f4ba6d}#chase-status progress::-webkit-progress-value{background:#f4ba6d}body.menu-open .scoreboard{visibility:hidden}.headstart-option{color:#e1ead7;cursor:pointer;flex-wrap:wrap;align-items:center;gap:8px;max-width:340px;margin:15px 0;font-size:13px;display:flex}.headstart-option input{accent-color:#e9c959;width:16px;height:16px}.headstart-option small{opacity:.75;font-size:10px}.headstart-option[hidden],.board-button[hidden]{display:none}