:root{--runner-navy:#092f55;--runner-blue:#1a9bd3;--runner-gold:#ffc735;--runner-grass:#7bbd2b}.runner-shell{direction:rtl;background:radial-gradient(circle at 50% 10%,#49c8ef,#0875ad 55%,#062b54);place-items:center;width:100%;height:100dvh;display:grid;overflow:hidden}.runner-stage{isolation:isolate;color:#fff;background:#1a305c url(/runner-airport-portrait.png) 50%/cover no-repeat;width:min(100%,860px);height:100dvh;min-height:520px;position:relative;overflow:hidden;box-shadow:0 0 70px #052743aa}.runner-stage:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#071c4845 0 17%,#0000 33% 66%,#05101e6e 100%);position:absolute;inset:0}.runner-canvas{z-index:2;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.runner-brandbar{z-index:20;top:max(16px,env(safe-area-inset-top));direction:ltr;justify-content:space-between;align-items:center;display:flex;position:absolute;inset-inline:18px}.runner-brandbar a{color:#fff;text-shadow:0 3px #071a32;font-size:25px;font-style:italic;font-weight:1000;text-decoration:none}.runner-brandbar a span{color:var(--runner-gold);margin-left:3px;font-size:13px}.runner-brandbar button{color:#fff;cursor:pointer;background:linear-gradient(#228bd4,#075590);border:3px solid #f9cf59;border-radius:14px;width:48px;height:48px;font-size:24px;box-shadow:inset 0 0 0 2px #fff8,0 4px #06182f,0 7px 15px #0005}.runner-sun{background:#ffe782;border-radius:50%;width:95px;height:95px;position:absolute;top:13%;right:11%;box-shadow:0 0 0 14px #ffe68038,0 0 55px #fff4a9}.runner-cloud{filter:drop-shadow(0 6px #35a9d640);background:#ffffffd9;border-radius:99px;width:150px;height:32px;position:absolute}.runner-cloud:before,.runner-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute;bottom:0}.runner-cloud:before{width:62px;height:62px;left:25px}.runner-cloud:after{width:78px;height:53px;right:20px}.cloud-one{top:16%;left:8%;transform:scale(.8)}.cloud-two{opacity:.8;top:29%;right:6%;transform:scale(.55)}.runner-airport{z-index:-1;opacity:.9;align-items:flex-end;gap:2px;height:116px;display:flex;position:absolute;bottom:36%;left:0;right:0}.runner-airport:before{content:"";background:#d9eef2;border-top:7px solid #fff;height:65px;position:absolute;inset:auto 0 0}.runner-airport i{z-index:1;background:#2185a7;border:5px solid #aad0d6;border-bottom:0;border-radius:24px 24px 0 0;width:56px;height:48px;margin-inline:7px}.runner-airport b{color:#fff;text-shadow:0 4px #2c91b1;font-size:58px;position:absolute;top:-20px;left:21%;transform:rotate(-8deg)}.runner-title{z-index:5;text-align:center;text-shadow:0 4px #07152a,0 8px 20px #0009;background:linear-gradient(#103a68,#061a32);border:4px solid #f4bd2e;border-radius:25px 25px 50% 50%/22px 22px 24px 24px;width:min(92%,560px);margin:clamp(105px,16vh,155px) auto 0;padding:18px 12px 24px;position:relative;box-shadow:inset 0 0 0 3px #ffffff1f,0 6px #020b18,0 11px #d58f0c,0 18px 30px #0007}.runner-title>span{color:#ffe28a;text-shadow:none;background:#ffffff12;border-radius:999px;padding:5px 14px;font-size:13px;font-weight:800;display:inline-block}.runner-title h1{letter-spacing:-5px;margin:12px 0 5px;font-size:clamp(61px,14vw,105px);font-weight:1000;line-height:.76;transform:rotate(-1deg)}.runner-title h1 b{color:var(--runner-gold);-webkit-text-stroke:2px #fff0b7;font-size:.86em}.runner-title p{color:#fff7dd;margin:21px 0 0;font-size:clamp(14px,3.4vw,20px);font-weight:800}.runner-road-preview{z-index:6;border-bottom:7px solid #fff5d0;height:130px;position:absolute;bottom:22%;left:0;right:0}.runner-road-preview:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 50px,#fff5a7 50px 115px,#0000 115px 165px);height:9px;position:absolute;bottom:-49px;left:0;right:0}.runner-kid{width:76px;height:105px;animation:.55s ease-in-out infinite alternate runner-bob;position:absolute;bottom:5px;left:24%}.runner-head{z-index:4;background:#eaa96b;border:3px solid #5d361d;border-radius:45% 48% 50% 50%;width:43px;height:44px;position:absolute;top:0;left:19px;box-shadow:inset 0 9px #fff,0 -6px #164f83}.runner-head:before,.runner-head:after{content:"";border-left:4px solid #5b301a;border-radius:50%;width:7px;height:37px;position:absolute;top:25px}.runner-head:before{left:-5px}.runner-head:after{right:-5px}.runner-body{z-index:3;background:#fffdf0;border:3px solid #173c59;border-radius:15px 16px 8px 8px;width:51px;height:49px;position:absolute;top:40px;left:15px;transform:rotate(-6deg);box-shadow:17px 3px 0 -5px #d99526}.runner-leg{transform-origin:top;background:#163b61;border-radius:10px;width:15px;height:35px;position:absolute;bottom:2px;left:25px}.leg-a{transform:rotate(28deg)}.leg-b{left:45px;transform:rotate(-32deg)}.preview-coin{color:#9a6200;background:linear-gradient(#ffe96c,#f8b615);border:5px solid #fff4b0;border-radius:50%;place-items:center;width:48px;height:48px;font-size:23px;font-weight:1000;animation:.7s ease-in-out infinite alternate coin-float;display:grid;position:absolute;bottom:42px;right:28%;box-shadow:0 0 0 4px #c98400,0 0 25px #ffe062}.preview-case{background:#d67d27;border:4px solid #5c2f1b;border-radius:10px;width:55px;height:58px;position:absolute;bottom:0;right:12%;box-shadow:inset 0 0 0 6px #f3a64d}.preview-case:before{content:"";border:5px solid #5c2f1b;border-bottom:0;border-radius:7px 7px 0 0;width:20px;height:17px;position:absolute;top:-19px;left:14px}.runner-main-button{z-index:15;left:50%;bottom:max(56px,calc(env(safe-area-inset-bottom) + 46px));color:#4f3900;cursor:pointer;background:linear-gradient(#ffe768,#ffb51d);border:5px solid #fff;border-radius:28px;width:min(88%,430px);min-height:72px;font-size:clamp(26px,6vw,35px);font-weight:1000;position:absolute;translate:-50%;box-shadow:0 0 0 4px #d58b00,0 8px #875800,0 15px 28px #0005}.runner-main-button span{color:#fff;background:#da8c00;border-radius:50%;place-items:center;width:42px;height:42px;margin-right:10px;display:inline-grid}.runner-main-button:active{transform:translateY(5px);box-shadow:0 0 0 4px #d58b00,0 3px #875800}.runner-main-button:disabled{cursor:wait;filter:saturate(.65);opacity:.88}.runner-tap-hint{z-index:15;left:0;right:0;bottom:max(18px,env(safe-area-inset-bottom));text-align:center;text-shadow:0 2px 4px #174a52;font-weight:700;position:absolute}@keyframes runner-bob{to{transform:translateY(-5px)rotate(1deg)}}@keyframes coin-float{to{transform:translateY(-8px)rotate(8deg)}}@media (max-height:650px){.runner-title{margin-top:76px}.runner-title h1{font-size:64px}.runner-title p{margin-top:14px}.runner-road-preview{bottom:21%}.runner-main-button{min-height:58px;bottom:42px}.runner-tap-hint{bottom:8px}}@media (prefers-reduced-motion:reduce){.runner-kid,.preview-coin,.shield-badge{animation:none}}.runner-start-overlay{z-index:10;position:absolute;inset:0}.runner-hud{z-index:12;top:max(78px,calc(env(safe-area-inset-top) + 68px));pointer-events:none;direction:ltr;grid-template-columns:64px 1fr 96px;align-items:start;gap:12px;display:grid;position:absolute;left:18px;right:18px}.runner-hud button{color:#fff8e5;pointer-events:auto;cursor:pointer;background:linear-gradient(#2b99dd,#0a5c9b);border:4px solid #f6c84b;border-radius:17px;width:58px;height:58px;font-size:25px;font-weight:1000;box-shadow:inset 0 0 0 3px #ffffff8f,0 5px #071a33,0 9px 18px #0006}.runner-score{color:#fff6dd;text-shadow:0 3px #0008;direction:rtl;background:linear-gradient(#102f59ed,#06152ced);border:3px solid #e9b72a;border-radius:17px;justify-content:center;justify-self:center;align-items:baseline;gap:5px;min-width:148px;margin-top:2px;padding:5px 19px 8px;display:flex;box-shadow:inset 0 0 0 2px #ffffff18,0 5px #050c18,0 9px 18px #0005}.runner-score small{color:#ffd343;background:#07172ee8;border-radius:0 0 11px 11px;margin-top:55px;padding:3px 12px;font-size:12px;position:absolute}.runner-score b{font-size:clamp(32px,8vw,48px);line-height:1}.runner-score span{font-size:19px;font-weight:900}.runner-coins{direction:ltr;background:linear-gradient(#173d69ec,#07162cec);border:3px solid #e9b72a;border-radius:18px;justify-content:center;justify-self:end;align-items:center;gap:8px;min-width:89px;padding:8px 10px;display:flex;box-shadow:0 5px #050b16,0 8px 18px #0005}.runner-coins i{color:#895700;background:linear-gradient(#ffe56a,#f3ae0c);border:3px solid #fff0a4;border-radius:50%;place-items:center;width:34px;height:34px;font-style:normal;font-weight:1000;display:grid;box-shadow:0 0 0 2px #c47c04}.runner-coins b{font-size:26px}.runner-banner{z-index:14;opacity:0;text-align:center;color:#ffd548;text-shadow:0 3px #000;pointer-events:none;background:linear-gradient(#123f70f4,#06172ff4);border:4px solid #f6c33b;border-radius:17px 17px 30px 30px;width:min(88%,520px);padding:14px 18px;font-size:clamp(24px,6vw,36px);font-weight:1000;transition:all .22s;position:absolute;top:31%;left:50%;translate:-50% -15px;box-shadow:inset 0 0 0 2px #fff3,0 5px #030b16,0 9px 25px #0008}.runner-banner.visible{opacity:1;translate:-50%}.best-marker{z-index:11;color:#fff;background:#17355ddc;border-radius:99px;padding:6px 14px;font-size:13px;font-weight:900;position:absolute;top:27%;left:50%;translate:-50%}.shield-badge{z-index:13;top:max(151px,calc(env(safe-area-inset-top) + 141px));color:#eafdff;background:#075684e8;border:2px solid #9cecff;border-radius:99px;padding:7px 12px;font-size:13px;font-weight:1000;animation:.8s ease-in-out infinite alternate shield-pulse;position:absolute;right:18px;box-shadow:0 0 18px #49d9ff99}.boost-meter{z-index:13;left:50%;bottom:max(24px,calc(env(safe-area-inset-bottom) + 15px));color:#fff;text-align:center;background:#061931e8;border:4px solid #ffd74b;border-radius:17px;width:min(80%,380px);padding:10px;font-size:17px;font-weight:1000;position:absolute;overflow:hidden;translate:-50%;box-shadow:0 0 25px #ffe33588}.boost-meter span{z-index:-1;background:linear-gradient(90deg,#137bd7,#2fc4ee);transition:width .1s linear;position:absolute;top:0;bottom:0;right:0}.boost-meter.ending{animation:.45s ease-in-out infinite alternate boost-warning}@keyframes boost-warning{to{opacity:.58}}@keyframes shield-pulse{to{transform:scale(1.04);box-shadow:0 0 28px #49d9ff}}.runner-modal{z-index:30;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#061425a8;place-items:center;padding:22px;display:grid;position:absolute;inset:0}.runner-modal>div{text-align:center;color:#142a43;background:linear-gradient(#fff9e8,#f0dba8);border:5px solid #efbd38;border-radius:30px;width:min(100%,430px);padding:48px 24px 28px;position:relative;box-shadow:inset 0 0 0 3px #fff,0 8px #06162c,0 15px 38px #0009}.runner-modal .modal-icon{color:#fff;background:linear-gradient(#218dd4,#074c86);border:5px solid #f6cb4b;border-radius:22px;place-items:center;width:76px;height:76px;font-size:31px;font-style:normal;display:grid;position:absolute;top:-38px;left:50%;translate:-50%;box-shadow:inset 0 0 0 3px #fff8,0 5px #06172d}.runner-modal h2{color:#0a2747;margin:5px 0 8px;font-size:clamp(34px,9vw,52px);line-height:1}.runner-modal h2 small{font-size:.42em}.runner-modal p{margin:5px 0 20px;font-size:19px;font-weight:800}.runner-modal button{color:#fff;cursor:pointer;background:linear-gradient(#83ce33,#3c8c11);border:4px solid #fff8b6;border-radius:18px;width:100%;min-height:60px;font-size:23px;font-weight:1000;box-shadow:0 0 0 3px #286b0b,0 6px #174508,0 10px 18px #0003}.runner-modal button.secondary{color:#fff;background:linear-gradient(#269bd6,#08609a);border-color:#fff;min-height:50px;margin-top:17px;font-size:17px;box-shadow:0 0 0 3px #064d7d,0 5px #043356}.runner-modal a{color:#164d78;text-underline-offset:4px;margin-top:22px;font-weight:800;display:block}.runner-results{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 24px;display:grid}.runner-results span{background:#fffaf0;border:2px solid #d2a43a;border-radius:14px;padding:12px;font-weight:800}.runner-results b{color:#0b3d68;margin-top:2px;font-size:24px;display:block}.runner-debug{z-index:40;color:#7eff8d;pointer-events:none;background:#001b;padding:8px;font:12px/1.35 monospace;position:absolute;bottom:8px;left:8px}.runner-accessible-instructions{clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.runner-running .runner-brandbar a,.runner-paused .runner-brandbar a{opacity:.65;font-size:19px}.runner-brand-splash{z-index:100}@media (orientation:landscape) and (min-width:700px){.runner-stage{background-image:url(/runner-airport-landscape.png)}.runner-hud{top:max(70px,calc(env(safe-area-inset-top) + 60px))}.runner-title{margin-top:95px}.runner-title h1{font-size:76px}.runner-main-button{bottom:42px}.runner-tap-hint{bottom:9px}}@media (max-width:480px){.runner-brandbar{inset-inline:12px}.runner-brandbar a{font-size:21px}.runner-brandbar button{width:44px;height:44px}.runner-hud{grid-template-columns:56px 1fr 82px;gap:7px;left:10px;right:10px}.runner-hud button{width:52px;height:52px}.runner-score{min-width:126px;padding-inline:10px}.runner-score b{font-size:35px}.runner-coins{min-width:76px;padding:7px 6px}.runner-coins i{width:30px;height:30px}.runner-coins b{font-size:21px}.runner-title{width:88%}.runner-title h1{font-size:62px}.runner-title p{font-size:13px}.runner-main-button{font-size:26px}}