@import url('/styles.css?v=running-mascot-1');
:root{font-family:"Avenir Next",Avenir,"Segoe UI",system-ui,sans-serif;color:#edf2de;background:#edeacb;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#edeacb;min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #fff2a8;outline-offset:4px}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}.portal-header{max-width:1504px;padding:17px 32px;margin:auto;display:flex;align-items:center;gap:32px;color:#20373b}.portal-header .brand{font-size:24px;letter-spacing:-1px;gap:8px}.portal-header .brand img{width:38px;height:38px}.portal-header .brand span{font-weight:500}.back{font-size:13px;font-weight:700;margin-left:auto}.header-mode{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;border-left:1px solid #abb4a7;padding-left:28px}main{max-width:1504px;padding:0 24px;margin:auto}.game-shell{position:relative;height:min(790px,calc(100svh - 120px));min-height:520px;overflow:hidden;border-radius:18px;background:#91b9c1;box-shadow:0 12px 45px #1a3b3430;isolation:isolate}canvas{display:block;width:100%;height:100%;outline:none}.topline{position:absolute;top:29px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.eyebrow{font-size:9px;font-weight:800;letter-spacing:2.2px;margin:0 0 9px;color:inherit}.topline .eyebrow{color:#284956}h1{font-family:"Arial Narrow","Avenir Next Condensed","Avenir Next",sans-serif;font-size:clamp(21px,3vw,40px);font-weight:900;line-height:1;letter-spacing:-1.6px;color:#193d4b;margin:0;text-shadow:0 1px #e5eed55e}h1 em{font-style:normal;color:#fffbed}.alpha{display:flex;align-items:center;gap:10px;background:#f8d789;color:#263b3e;font-size:10px;font-weight:850;letter-spacing:1px;padding:9px 11px;border-radius:6px;box-shadow:0 2px 10px #263b3e13}.alpha span{border-left:1px solid #ae996c;padding-left:9px;font-weight:500;letter-spacing:0}.run-info{position:absolute;top:112px;left:34px;color:#345661;font-size:10px;font-weight:650;display:flex;align-items:center;gap:10px}.divider{opacity:.35}.live-dot{width:5px;height:5px;background:#236d66;border-radius:50%}.telemetry{position:absolute;bottom:72px;left:34px;display:flex;gap:35px;align-items:flex-end;pointer-events:none;text-shadow:0 2px 6px #122d3b66}.speed{position:relative;min-width:154px}.speed>span:first-child{font-size:66px;font-weight:550;line-height:.92;letter-spacing:-4px;font-variant-numeric:tabular-nums}.unit{font-size:10px;font-weight:650;letter-spacing:1px;margin-left:8px;color:#c7d9d4}.speed-track{margin-top:13px;height:3px;background:#c2d7d34d}.speed-track div{height:100%;width:38%;background:#7af0d3}.stat>span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1.6px;color:#cbd9d7;margin-bottom:8px}.stat strong{font-weight:550;font-size:24px;font-variant-numeric:tabular-nums}.stat small{font-size:12px;color:#cbd9d7}.bottomline{position:absolute;bottom:24px;left:34px;right:34px;display:flex;justify-content:space-between;font-size:10px;color:#bdd0cc;letter-spacing:.3px}.bottomline b{color:#eaf3df;margin-right:10px;font-weight:700}.bottomline>span:last-child b{margin-right:0;margin-left:9px}.pause{position:absolute;right:32px;bottom:78px;width:42px;height:42px;border:1px solid #cad9d577;border-radius:50%;background:#15313d55;color:#fff8df;font-size:16px;z-index:4}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-start;padding:145px 5.5% 120px;background:linear-gradient(90deg,#163644d9 0%,#16364477 38%,transparent 73%);z-index:3}.intro-panel{width:370px;max-width:100%;}.intro-panel>.eyebrow{color:#9fdfcb;font-size:9px}.intro-panel h2{font-size:clamp(32px,4.1vw,56px);letter-spacing:-2px;line-height:1.05;max-width:370px;margin:13px 0 19px;color:#fff9e5;font-weight:700}.panel-copy{font-size:14px;line-height:1.65;color:#d9e4dd;max-width:325px;margin:0 0 21px}.key-guide{display:flex;gap:17px;margin-bottom:25px}.key-guide>div{display:flex;gap:4px;align-items:center;position:relative;padding-bottom:20px}.key-guide span{position:absolute;left:0;bottom:0;font-size:9px;white-space:nowrap;color:#bed2cd}kbd{font:600 12px inherit;border:1px solid #adc6c07a;border-bottom:3px solid #adc6c05e;padding:7px 10px;border-radius:5px;color:#f3f5df;background:#dbede815}.start{min-height:48px;width:255px;max-width:100%;border:0;border-radius:6px;background:#f8d789;color:#213e41;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;font-weight:800;font-size:13px;box-shadow:0 3px 0 #92784c}.start:hover{background:#ffe4a8;transform:translateY(-1px)}.start span{font-size:21px}.fineprint{font-size:10px;color:#b6ceca;line-height:1.5;max-width:300px;margin:17px 0 0}.game-footer{display:flex;gap:20px;justify-content:space-between;padding:14px 8px 20px;font-size:10px;line-height:1.5;color:#49605d}.game-footer strong{color:#364d49}.touch-controls{position:absolute;bottom:115px;left:18px;right:18px;justify-content:space-between;display:none;pointer-events:none;z-index:5}.touch-controls>div{display:flex;gap:8px}.touch-controls button{width:48px;height:46px;border:1px solid #cee3d677;background:#153745ab;color:white;border-radius:9px;font-size:13px;font-weight:700;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.touch-controls button span{display:block;font-size:12px}.touch-controls button.active{background:#d0c88f;color:#133440}.noscript{background:#f8d789;color:#153745;padding:25px;margin:20px}@media(pointer:coarse){.touch-controls{display:flex}.game-shell[data-mode=ready] .touch-controls,.game-shell[data-mode=paused] .touch-controls,.game-shell[data-mode=crashed] .touch-controls{display:none}.desktop-hint{display:none}.telemetry{bottom:65px}}@media(max-width:700px){.portal-header{padding:13px 17px;gap:12px}.header-mode{display:none}.portal-header .brand{font-size:21px}.portal-header .brand img{width:31px;height:31px}.back{font-size:11px}main{padding:0 10px}.game-shell{height:calc(100svh - 114px);min-height:560px;border-radius:12px}.topline{top:21px;left:20px;right:17px}.topline .eyebrow{font-size:7px;letter-spacing:1.5px}h1{font-size:25px;letter-spacing:-1px}.alpha{font-size:8px;padding:7px;gap:6px}.alpha span{padding-left:6px}.run-info{top:89px;left:21px;font-size:8px;gap:6px}.overlay{padding:125px 25px 180px;align-items:center;background:linear-gradient(90deg,#163644e8,#16364477)}.intro-panel h2{font-size:42px;max-width:310px}.intro-panel .eyebrow{font-size:8px}.panel-copy{font-size:12px;max-width:280px}.key-guide{margin-bottom:19px}.fineprint{font-size:9px}.telemetry{left:21px;bottom:61px;gap:22px}.speed{min-width:108px}.speed>span:first-child{font-size:47px;letter-spacing:-2px}.unit{font-size:8px;margin-left:6px}.stat>span{font-size:7px;letter-spacing:.6px}.stat strong{font-size:19px}.bottomline{left:21px;right:19px;bottom:24px;font-size:8px}.pause{right:19px;bottom:173px;width:36px;height:36px}.game-footer{font-size:9px;padding:10px 5px;flex-wrap:wrap;gap:2px}.game-footer>span:last-child{display:none}}@media(max-height:680px) and (min-width:701px){.game-shell{min-height:460px}.overlay{padding-top:110px;padding-bottom:80px}.intro-panel h2{font-size:37px;margin:10px 0}.panel-copy{margin-bottom:12px;font-size:12px}.key-guide{margin-bottom:14px}.fineprint{font-size:9px;margin-top:11px}.topline{top:21px}.run-info{top:95px}}
.topline,.run-info{z-index:4}.game-shell[data-mode=ready] .telemetry,.game-shell[data-mode=paused] .telemetry,.game-shell[data-mode=crashed] .telemetry{opacity:0}.game-shell[data-mode=ready] .topline h1,.game-shell[data-mode=paused] .topline h1,.game-shell[data-mode=crashed] .topline h1{color:#e1e8d4}.game-shell[data-mode=ready] .topline .eyebrow,.game-shell[data-mode=paused] .topline .eyebrow,.game-shell[data-mode=crashed] .topline .eyebrow,.game-shell[data-mode=ready] .run-info,.game-shell[data-mode=paused] .run-info,.game-shell[data-mode=crashed] .run-info{color:#c2d6cc}