@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#182c39;background:#dceaf4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #256d98;outline-offset:5px}#game{width:100%;height:100dvh;min-height:520px;overflow:hidden;position:relative}#world{position:absolute;inset:0;touch-action:none}#world canvas{display:block;width:100%;height:100%}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(240,247,250,.89) 0%,rgba(237,245,250,.58) 25%,transparent 58%),linear-gradient(0deg,rgba(225,239,248,.66),transparent 20%);transition:opacity .7s}body.playing .vignette{opacity:.15}header{position:absolute;top:0;left:0;right:0;padding:32px 40px;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:3;pointer-events:none}header>*{pointer-events:auto}.brand{color:#1c3444;text-decoration:none;display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;letter-spacing:-1px}.brand svg{height:37px;width:37px;color:#ec713e}.brand-light{font-weight:400;margin-left:3px}.brand small{display:block;font-size:9px;letter-spacing:2.1px;margin-top:3px;font-weight:600}.header-right{display:flex;align-items:center;gap:17px}.conditions{font-size:11px;font-weight:700;letter-spacing:1.4px;display:flex;align-items:center;gap:11px}.sun{font-size:25px;font-weight:400;color:#d87935}.weather-divider{opacity:.35;margin:0 6px}.icon-button{width:39px;height:39px;border:1px solid #25485e33;background:#f7fbfd90;border-radius:50%;display:grid;place-items:center;font-size:18px;color:#233f51}.icon-button:hover{background:white}.intro{position:absolute;top:50%;left:6%;transform:translateY(-42%);z-index:2;max-width:560px}.eyebrow{font-size:11px;letter-spacing:2.7px;font-weight:700;display:flex;align-items:center;gap:10px}.eyebrow>span{width:22px;height:2px;background:#e77645}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(68px,7.5vw,112px);font-weight:600;line-height:.96;letter-spacing:-2px;margin:24px 0 23px}h1 em{font-style:normal;color:#db683b}p{font-size:16px;line-height:1.75;color:#506271}.intro p{margin:0 0 29px}.primary{border:0;background:#ed7847;color:#fff;border-radius:5px;min-height:54px;padding:16px 24px;display:flex;align-items:center;justify-content:center;gap:45px;font-weight:700;font-size:16px;box-shadow:0 6px 18px #99462616;transition:background .2s,transform .2s}.primary:hover{background:#d96332;transform:translateY(-1px)}.button-key{font-size:10px;letter-spacing:1px;border:1px solid #ffffff60;padding:4px 5px;border-radius:3px;font-weight:500}.intro-controls{display:flex;align-items:center;gap:8px;margin-top:23px;font-size:12px;color:#5b6e7b}.keys{font-size:14px;letter-spacing:3px;color:#203d51;margin-left:7px}.keys:first-child{margin-left:0}.keys.space{font-size:9px;letter-spacing:1px;border:1px solid #849cac6b;border-radius:3px;padding:4px}.intro-note{margin-top:35px;color:#6e808d;font-size:11px}.bottom-left{position:absolute;bottom:30px;left:40px;display:flex;align-items:center;gap:13px}.trail-mark{color:#37849e;font-size:25px}.bottom-left strong{display:block;font-size:11px;letter-spacing:2px}.bottom-left small{display:block;font-size:12px;color:#657e8e;margin-top:5px}.bottom-right{position:absolute;bottom:32px;right:40px;display:flex;gap:17px;align-items:center;font-size:10px;line-height:1.6;letter-spacing:2px;font-weight:600;text-align:right;color:#546d7c}.tiny-line{display:block;background:#657e8e;width:32px;height:1px}.live-hud{position:absolute;top:115px;right:42px;text-align:right;pointer-events:none;text-shadow:0 1px 10px #fff}.hud-label{font-size:11px;font-weight:700;letter-spacing:2px}.distance{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:68px;line-height:1.15}.distance small{font:400 23px 'DM Sans',sans-serif;margin-left:5px}.run-meta{display:flex;justify-content:flex-end;align-items:center;gap:14px;font-size:13px}.divider{height:13px;width:1px;background:#9ab2c3}#lives{letter-spacing:3px;color:#e77848}#toast{position:absolute;left:50%;top:23%;transform:translateX(-50%);color:#163e53;font-weight:700;font-size:18px;letter-spacing:1px;text-align:center;text-shadow:0 2px 12px #fff;opacity:0;transition:opacity .15s;pointer-events:none;white-space:nowrap}#toast.visible{opacity:1}.play-footer{position:absolute;bottom:30px;right:40px;display:flex;gap:18px;color:#4c687c;font-size:12px}.play-footer span{display:flex;align-items:center;gap:5px}kbd{font:10px 'DM Sans',sans-serif;border:1px solid #53758a50;padding:4px 5px;border-radius:3px;background:#ffffff70}.overlay{position:absolute;inset:0;z-index:7;background:#dcebf16e;backdrop-filter:blur(6px);display:grid;place-items:center}.menu-card{background:#f5f9fcee;border:1px solid white;border-radius:10px;padding:38px;width:370px;max-width:calc(100% - 32px);box-shadow:0 20px 80px #284c6620;text-align:center}.menu-card .eyebrow{justify-content:center}.menu-card h2,dialog h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:48px;font-weight:600;margin:15px 0 6px;letter-spacing:-1px}.menu-card p{margin:0 0 24px;font-size:14px}.menu-card .primary,dialog .primary{width:100%}.secondary{background:none;border:0;padding:17px 0 0;color:#5d7788;font-size:13px}.results{display:flex;justify-content:center;gap:40px;padding:0 0 26px}.results span{display:block;font-size:10px;letter-spacing:2px;margin-bottom:7px}.results strong{font-size:25px}dialog{border:1px solid white;border-radius:12px;background:#f2f8fc;padding:36px;color:#182c39;width:470px;max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);box-shadow:0 25px 100px #163a4930}dialog::backdrop{background:#18394d55;backdrop-filter:blur(5px)}dialog p{font-size:14px}dialog dl{font-size:13px;margin:24px 0}dialog dl>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #ccdce6}dialog dt{font-weight:700}dialog dd{margin:0;color:#577386}.help-note{font-size:13px}.close-help{position:absolute;top:12px;right:15px;background:none;border:0;font-size:28px;color:#526b7b}#loading{position:absolute;z-index:9;inset:0;background:#e6eff6;display:flex;justify-content:center;align-items:center;font-size:14px;letter-spacing:1px;gap:12px}#loading span{height:15px;width:15px;border:2px solid #d2e0e9;border-top-color:#ef7743;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.touch-controls{position:absolute;left:20px;right:20px;bottom:max(22px,env(safe-area-inset-bottom));display:none;justify-content:space-between;gap:12px;z-index:4;pointer-events:none}.touch-controls>div{display:flex;gap:9px}.touch-controls button{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;height:57px;width:57px;border:1px solid #fff9;background:#f9fcfcd9;color:#204354;border-radius:13px;font-size:20px;box-shadow:0 3px 20px #426c8615}.touch-controls .touch-small,.touch-controls .touch-jump{font-size:10px;letter-spacing:1px;font-weight:700}.touch-controls .touch-jump{background:#ed7847;color:white;border-color:#ed7847}.touch-controls button:active{transform:scale(.95);background:#bcd8e8}.hidden{display:none!important}@media(pointer:coarse){.touch-controls{display:flex}.play-footer{display:none}.intro-controls{display:none}.intro-note{margin-top:20px}body.playing .bottom-left{bottom:99px}}@media(max-width:700px){header{padding:22px}.brand{font-size:20px}.brand svg{width:31px;height:31px}.brand small{font-size:8px;letter-spacing:1.6px}.conditions{display:none}.header-right{gap:9px}.intro{left:8%;top:48%;transform:translateY(-35%)}h1{font-size:79px}.intro p{font-size:14px}.eyebrow{font-size:10px;letter-spacing:2px}.intro-note{font-size:10px}.bottom-left{bottom:22px;left:23px}.bottom-right{right:23px;font-size:8px;letter-spacing:1px}.bottom-right .tiny-line{display:none}.bottom-left strong{font-size:10px}.bottom-left small{font-size:10px}.live-hud{top:91px;right:24px}.distance{font-size:54px}.run-meta{font-size:11px;gap:10px}.vignette{background:linear-gradient(90deg,#e9f2f8dd,transparent),linear-gradient(0deg,#e3eff4bb,transparent 25%)}.play-footer{right:20px;gap:8px;font-size:10px}.play-footer kbd{font-size:9px}body.playing .bottom-left{display:none}#toast{top:29%;font-size:15px}}@media(max-height:600px){.intro{top:49%}h1{font-size:65px;margin:12px 0}.intro p{margin-bottom:14px;font-size:13px}.intro-controls{margin-top:12px}.intro-note{margin-top:12px}header{padding-top:16px}.bottom-left,.bottom-right{bottom:15px}#game{min-height:360px}.menu-card{padding:22px}.menu-card h2{font-size:37px}}

.tuck-status{display:inline-block;margin-top:14px;padding:7px 10px;border:1px solid #728e9f45;border-radius:4px;background:#f4f9fbb0;color:#547286;font-size:10px;font-weight:700;letter-spacing:1.2px;transition:background .15s,color .15s}.tuck-status.active{color:#fff;background:#e87441;border-color:#e87441;text-shadow:none}.intro-controls{flex-wrap:wrap}.touch-controls .touch-tuck{border-color:#e8744180;color:#bc4e24}.touch-controls .touch-tuck:active{background:#e87441;color:white}@media(pointer:coarse){.tuck-status:not(.active){display:none}}@media(max-width:420px){.touch-controls{left:12px;right:12px;gap:8px}.touch-controls>div{gap:6px}.touch-controls button{width:51px;height:55px}.play-footer{flex-wrap:wrap;max-width:220px;justify-content:flex-end}}