:root{color:#f9eedc;font-synthesis:none;--cream:#faebd1;--green:#204d3e;--pink:#eeb4b1;--mint:#bde1c3;background:#132d28;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:5px;outline:3px solid #fff2c8}button:active{transform:scale(.96)}[hidden]{display:none!important}#app,#world,.screen,#hud,#vignette{position:absolute;inset:0}#app{height:100dvh;overflow:hidden}#world canvas{width:100%;height:100%;display:block}.screen{z-index:10;justify-content:center;align-items:center;display:flex}.home{background:radial-gradient(at 50% 55%,#365044,#102920 80%);flex-direction:column}.artwork{aspect-ratio:1672/941;flex:none;width:min(100vw,177.683dvh);position:relative;box-shadow:0 30px 100px #071c2499}.artwork img{object-fit:contain;width:100%;height:100%;display:block}#start{background:0 0;border:0;border-radius:999px;width:17.5%;height:5.55%;padding:0;transition:box-shadow .2s,background .2s;position:absolute;top:80.02%;left:41.2%}#start:hover,#start:focus-visible{background:#fff1cd1c;box-shadow:0 0 28px #ffddb76b}#start:active{background:#fff3c955;transform:none}.orientation-note{text-align:center;color:#f7e4c7;padding:25px;font:italic 24px/1.5 Georgia,serif;display:none}.orientation-note span{color:#b9cfc1;font:12px ui-sans-serif,system-ui}.veil{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#163e3545;padding:18px;overflow:auto}.card{text-align:center;color:#284c3c;background:#fff7e9f2;border:1px solid #fff8e7;border-radius:24px;max-width:680px;max-height:100%;padding:36px 42px;overflow:auto;box-shadow:0 24px 100px #182f3440}.eyebrow{letter-spacing:.23em;color:inherit;font-size:10px;font-weight:750;line-height:1.5}h1{letter-spacing:-.04em;margin:16px 0;font-family:Georgia,Times New Roman,serif;font-size:42px;font-weight:400;line-height:1.1}p{color:#667361;margin:14px 0;font-size:14px;line-height:1.7}.instructions{grid-template-columns:repeat(3,1fr);gap:24px;margin:26px 0;display:grid}.instructions>div{flex-direction:column;gap:8px;display:flex}.control-icon{color:#a66f58;background:#efeadb;border-radius:50%;align-self:center;width:46px;height:46px;font-size:26px;line-height:46px}.instructions strong{font-size:13px}.instructions small,.small-note{color:#7b8271;font-size:11px;line-height:1.6}.primary,.secondary{border:0;border-radius:12px;width:100%;margin:12px auto 0;padding:15px 24px;font-size:14px;font-weight:650;display:block}.primary{color:#fff0d7;background:#285640;box-shadow:0 5px #1b3e30}.primary span{margin-left:20px}.primary:hover{background:#356950}.secondary{color:#385842;background:#e7e7d8}.text-button{color:#667663;background:0 0;border:0;padding:16px;font-size:12px}.compact{width:390px}.compact h1{font-size:36px}.topbar{top:max(22px,env(safe-area-inset-top));left:max(26px,env(safe-area-inset-left));right:max(26px,env(safe-area-inset-right));text-shadow:0 1px 6px #263d3188;align-items:center;gap:28px;display:flex;position:absolute}.route-label{flex-direction:column;gap:5px;display:flex}.route-label strong{font:25px Georgia,serif}.race-stats{gap:26px;margin-left:auto;display:flex}.race-stats>div{flex-direction:column;gap:4px;min-width:85px;display:flex}.race-stats small{letter-spacing:.18em;font-size:9px}.race-stats strong{font-variant-numeric:tabular-nums;font-size:21px;font-weight:500}.muted{opacity:.65;font-size:13px}.utility{gap:9px;display:flex}.icon-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff2d9;background:#284c3c77;border:1px solid #ffffff60;border-radius:50%;width:44px;height:44px;font-size:20px}.progress-track{left:max(26px,env(safe-area-inset-left));right:max(26px,env(safe-area-inset-right));background:#fff5d333;height:3px;position:absolute;top:94px;overflow:visible}#progress{background:#fbe0a4;width:0;height:100%;box-shadow:0 0 10px #fff2b0}.progress-track i{background:#ffeed287;width:2px;height:7px;position:absolute;top:-2px}#notice{text-align:center;color:#fff6df;text-shadow:0 2px 8px #283b2d;pointer-events:none;width:90%;font:italic 22px Georgia,serif;position:absolute;top:128px;left:50%;transform:translate(-50%)}#countdown{text-align:center;color:#fff1d0;text-shadow:0 4px 20px #49503c77;font:90px Georgia,serif;position:absolute;top:32%;left:0;right:0}.bottom-hud{bottom:max(24px,env(safe-area-inset-bottom));left:max(26px,env(safe-area-inset-left));right:max(26px,env(safe-area-inset-right));justify-content:space-between;align-items:flex-end;gap:24px;display:flex;position:absolute}.touch-group{gap:12px;padding-bottom:20px;display:flex;position:relative}.touch-group>small{letter-spacing:.18em;text-align:center;color:#f6edd49c;width:100%;font-size:9px;position:absolute;bottom:0}.touch-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff0d3;touch-action:none;-webkit-user-select:none;user-select:none;background:#183f32a6;border:1px solid #fff2d17a;border-radius:22px;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.steering .touch-button{padding-bottom:6px;font-size:48px;line-height:1}.touch-button.held{background:#e6ce96aa;transform:scale(.95)}.actions .touch-button{flex-direction:column;gap:3px}.touch-button span{font-size:27px}.touch-button small{letter-spacing:.13em;font-size:9px}.jump-button{color:#28513c;background:#f6e4c4e6;width:88px}.boost-button[aria-disabled=true]{color:#c8d2bb99;background:#193b3099;border-color:#e8e3c63d}.boost-button.ready{background:#9a784bbd;border-color:#fff0ab;box-shadow:0 0 24px #f8d38c88}.momentum{text-shadow:0 1px 5px #183d32;width:260px;max-width:30%;padding-bottom:23px}.momentum>div:first-child{letter-spacing:.15em;justify-content:space-between;align-items:center;gap:15px;font-size:9px;display:flex}.momentum strong{letter-spacing:0;font-weight:500}.meter{background:#163e3580;border:1px solid #eedeb340;border-radius:9px;height:7px;margin:9px 0;position:relative;overflow:hidden}.meter>div{background:linear-gradient(90deg,#b7ddbb,#f2d191);border-radius:9px;height:100%}.meter i{background:#fff5d9;width:1px;position:absolute;top:0;bottom:0;left:50%}.momentum>small{color:#f5ead0c9;font-size:10px}.result-card{width:540px}.result-card h1{font-size:38px}.medal{color:#a57a37;background:#f2dfb4;border:1px solid #d9ba78;border-radius:50%;width:68px;height:68px;margin:18px auto;font-size:35px;line-height:65px}.result-time{letter-spacing:-.03em;margin:22px 0 8px;font:50px Georgia,serif}.result-stats{border-top:1px solid #d6dcc9;border-bottom:1px solid #d6dcc9;justify-content:space-around;gap:15px;margin:25px 0;padding:20px 0;display:flex}.result-stats>div{flex-direction:column;gap:8px;display:flex}.result-stats strong{font-size:20px;font-weight:500}.result-stats small{color:#7b8271;font-size:10px}.targets{color:#8b846a;font-size:10px}#hud{z-index:3;pointer-events:none}#hud button{pointer-events:auto}#vignette{z-index:2;pointer-events:none;opacity:0;background:linear-gradient(#173d3345,#0000 25% 60%,#133d366b)}body.playing #vignette{opacity:1}body.boosting #vignette{box-shadow:inset 0 0 100px #ffda8680}body.bump #vignette{box-shadow:inset 0 0 90px #dc936f8c}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (orientation:portrait){.artwork{width:100vw}.orientation-note{display:block}.home{justify-content:center}.card{padding:27px 22px}h1{font-size:35px}.instructions{gap:12px}.instructions small{font-size:10px}.topbar{left:18px;right:18px;top:max(20px,env(safe-area-inset-top));flex-wrap:wrap;gap:12px}.route-label{flex:1}.route-label strong{font-size:20px}.route-label .eyebrow{font-size:8px}.utility{order:1}.race-stats{order:2;gap:24px;width:100%;margin:2px 0 0}.race-stats>div{flex-direction:row;align-items:center;gap:10px}.race-stats strong{font-size:18px}.progress-track{top:120px;left:18px;right:18px}#notice{font-size:20px;top:144px}.bottom-hud{left:15px;right:15px;bottom:max(25px,env(safe-area-inset-bottom));flex-wrap:wrap;gap:10px}.momentum{width:240px;max-width:75%;padding:0;position:absolute;bottom:114px;left:50%;transform:translate(-50%)}.touch-group{gap:8px}.touch-button{border-radius:20px;width:64px;height:68px}.jump-button{width:76px}.result-card h1{font-size:32px}.result-time{font-size:43px}.result-stats{gap:8px}.result-stats strong{font-size:17px}}@media (height<=560px) and (orientation:landscape){.card{max-width:700px;padding:20px 30px}h1{margin:9px 0;font-size:29px}.intro-card>p{margin:8px 0;font-size:12px}.instructions{gap:22px;margin:14px 0}.instructions>div{gap:4px}.control-icon{display:none}.small-note{font-size:10px}.primary{margin-top:8px;padding:12px}.text-button{padding:11px}.topbar{top:max(12px,env(safe-area-inset-top))}.route-label strong{font-size:20px}.progress-track{top:73px}#notice{font-size:19px;top:90px}.bottom-hud{bottom:max(12px,env(safe-area-inset-bottom))}.touch-button{width:65px;height:60px}.jump-button{width:76px}.touch-group{padding-bottom:14px}.momentum{padding-bottom:15px}.medal{width:40px;height:40px;margin:8px auto;font-size:25px;line-height:38px}.result-card{max-width:540px}.result-card h1{font-size:28px}.result-card p{margin:8px 0}.result-time{margin:8px;font-size:32px}.result-stats{margin:12px 0;padding:12px 0}.result-stats strong{font-size:17px}.result-card .eyebrow{font-size:8px}.result-card .text-button{padding:8px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}#start:before{content:"";border-radius:999px;width:max(100%,84px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.icon-button svg{vertical-align:middle}html,body{overscroll-behavior:none;-webkit-text-size-adjust:100%;width:100%;height:100%}#app{isolation:isolate;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100dvh;position:fixed}#app img,#app button,#app svg,#app canvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}#world,#hud,#home,button,input[type=range]{touch-action:none}.veil,.card{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.veil{-webkit-backdrop-filter:blur(8px)}button:disabled{cursor:wait}.home{background:#18392f;overflow:hidden}.home-ambience{filter:blur(4px);pointer-events:none;background:linear-gradient(#112e3077,#172f2166 35%,#163b30e6 85%),url(/nauras-new-journey/assets/home-ambience.webp) 50%/cover;position:absolute;inset:-8%}.home-header{top:max(18px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));z-index:4;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute}.home-header>.eyebrow{letter-spacing:.19em;text-shadow:0 2px 6px #173c32;opacity:.85;font-size:8px}.home-header button{pointer-events:auto;background:#183e32b3;place-items:center;display:grid}.home-header svg{width:22px;height:22px}.home-center{z-index:2;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.artwork{background:#29453d url(/nauras-new-journey/assets/home-ambience.webp) 50%/cover;width:min(100vw,177.683dvh);max-width:100%;overflow:visible;box-shadow:0 22px 90px #051e2480}.artwork picture{width:100%;height:100%;display:block}.artwork img{opacity:0;pointer-events:none;transition:opacity .4s}.art-ready .artwork img{opacity:1}#start{z-index:2;touch-action:none;width:17.5%;height:5.55%;top:82.795%;left:50%;transform:translate(-50%,-50%)}#start:active{transform:translate(-50%,-50%)scale(.97)}.start-label{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}#start:disabled{visibility:hidden}#art-loading{color:#f1dfbd;letter-spacing:.1em;text-align:center;background:#1e443dc2;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;font-size:12px;display:flex;position:absolute;inset:0}#art-loading .loading-hoof{border:0;width:42px;height:42px;margin:0;font-size:32px}.home-caption{display:none}.home-footer{bottom:max(15px,env(safe-area-inset-bottom));text-align:center;z-index:3;pointer-events:none;position:absolute;left:18px;right:18px}.home-footer p{color:#d1d9c7b3;letter-spacing:.02em;margin:8px 0 0;font-size:10px}.journey-facts{letter-spacing:.18em;color:#eedeb7;justify-content:center;align-items:center;gap:12px;font-size:8px;display:flex}.journey-facts i{background:#e8ba9e;border-radius:50%;width:3px;height:3px}.fireflies{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:hidden}.fireflies i{left:var(--x);opacity:0;width:3px;height:3px;animation:firefly 11s var(--delay) ease-in-out infinite;background:#ffe2a0;border-radius:50%;position:absolute;bottom:12%;box-shadow:0 0 10px 3px #ffe4a844}@keyframes firefly{0%,to{opacity:0;transform:translate(0)}15%,65%{opacity:.65}80%{opacity:0}90%{transform:translate(var(--drift),-65dvh)}}.loading-screen{z-index:20;background:radial-gradient(at 50% 20%,#577569,#173c31 72%);padding:25px}.loading-card{text-align:center;color:#fbe7c4;width:100%;max-width:400px}.loading-card h1{font-size:38px}.loading-card p{color:#dddfc9;min-height:22px;font-size:12px}.loading-card small{color:#c5d6c5a3;letter-spacing:.08em;margin-top:18px;font-size:10px;display:block}.loading-hoof{border:1px solid #ecdfb74d;border-radius:50%;place-items:center;width:62px;height:62px;margin:0 auto 25px;font:35px Georgia,serif;animation:2s ease-in-out infinite heartbeat;display:grid}@keyframes heartbeat{50%{transform:scale(1.08);box-shadow:0 0 30px #e0d99b22}}progress{appearance:none;background:#ffffff18;border:0;border-radius:8px;width:230px;max-width:90%;height:5px;overflow:hidden}progress::-webkit-progress-bar{background:#ffffff18;border-radius:8px}progress::-webkit-progress-value{background:#ebd39c;border-radius:8px;transition:width .12s}progress::-moz-progress-bar{background:#ebd39c;border-radius:8px}.settings-card{width:430px;padding:24px 30px}.settings-card h1{font-size:30px}.settings-card>p{margin:10px 0}.settings-preview{background:#e3e5d7;border-radius:18px;justify-content:center;align-items:center;gap:18px;min-height:104px;margin:10px 0;padding:10px;display:flex}.preview-control{color:#ffeac8;width:var(--button-size,72px);height:var(--button-size,72px);background:#2e5b45;border:1px solid #4e7156;border-radius:24%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;display:flex}.preview-jump{color:#2c5842;background:#f7e5c2;border-color:#d7c497}.preview-control svg,.touch-button svg{width:var(--icon-size,30px);height:var(--icon-size,30px);pointer-events:none;flex-shrink:0}.preview-control small{letter-spacing:.12em;font-size:9px}.setting-row{text-align:left;color:#34533e;margin:16px 0;font-size:12px;display:block}.setting-row>span{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.setting-row output{color:#829075;font-size:11px}.setting-row input{accent-color:#3e6f51;cursor:pointer;width:100%;height:30px;margin:0;display:block}.setting-toggle{color:#34533e;justify-content:space-between;align-items:center;margin:14px 0;font-size:12px;display:flex}.setting-toggle input{accent-color:#315f48;cursor:pointer;width:21px;height:21px}.bottom-hud{left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));flex-wrap:nowrap;gap:14px}.touch-group{flex-shrink:0;gap:10px;padding-bottom:18px}.touch-button,.steering .touch-button{width:var(--button-size,72px);height:var(--button-size,72px);border-radius:26%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background 80ms,transform 80ms;display:flex;box-shadow:0 3px 10px #10352820}.touch-button svg{filter:drop-shadow(0 1px 1px #143c2520)}.touch-button small{pointer-events:none}.icons-only .touch-button small,.icons-only .preview-control small{display:none}body[data-view=home] #world,body[data-view=loading] #world{visibility:hidden}@media (orientation:portrait){.home-header{top:max(22px,env(safe-area-inset-top))}.home-header>.eyebrow{letter-spacing:.23em;max-width:215px;font-size:9px;line-height:1.8}.home-center{margin-top:8px}.artwork{border-radius:16px;width:calc(100vw - 24px);box-shadow:0 20px 60px #071d2877,0 0 0 1px #efdabc66}.artwork img{border-radius:16px}#start{color:#453a2e;letter-spacing:.18em;text-transform:uppercase;background:#ffedca;border:1px solid #fff4d0;width:184px;height:46px;font-size:10px;box-shadow:0 6px 24px #442c2477}#start:hover,#start:focus-visible{background:#fff0d2;box-shadow:0 0 25px #ffddb778}#start:before{width:100%;height:100%}.start-label{clip:auto;justify-content:center;align-items:center;gap:13px;width:auto;height:auto;display:flex;position:static;overflow:visible}.start-label>span{font-size:10px}.home-caption{text-align:center;color:#ebd5b7;margin:28px 0 0;display:block}.home-caption p{color:#ffebd1;letter-spacing:-.03em;margin:13px 0;font:italic clamp(25px,7.7vw,38px)/1.17 Georgia,serif}.home-hint{color:#c6d6c0;letter-spacing:.06em;font-size:11px}.tiny-flourish{color:#ecc4a5;font-size:15px}.home-footer{bottom:max(24px,env(safe-area-inset-bottom))}.home-footer p{font-size:10px;line-height:1.6}.home-ambience{filter:blur(5px);background:linear-gradient(#193c3570,#1c3d3259 40%,#0d322ee8 82%),url(/nauras-new-journey/assets/home-ambience.webp) 64% 30%/auto 115%}.momentum{bottom:calc(var(--button-size,72px) + 37px);width:250px;max-width:85%;padding-bottom:0}.topbar{gap:9px}.race-stats{gap:18px}.race-stats>div{min-width:0}.route-label strong{font-size:clamp(16px,5vw,20px)}#notice{font-size:18px;top:143px}.settings-card{padding:24px 22px}}@media (height<=600px) and (orientation:portrait){.home-caption{margin-top:19px}.home-caption p{margin:7px 0;font-size:25px}.home-footer{bottom:12px}.home-header{top:12px}.home-center{margin-top:8px}.home-hint{font-size:10px}.tiny-flourish{font-size:11px}.home-footer p{margin-top:5px;font-size:9px}}@media (orientation:landscape){.home-footer,.home-header>.eyebrow{display:none}.home-header button{width:40px;height:40px}.home-header{top:max(14px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right))}}@media (height<=560px) and (orientation:landscape){.touch-group{padding-bottom:0}.touch-group>small{display:none}.bottom-hud{bottom:max(14px,env(safe-area-inset-bottom))}.momentum{max-width:30%;padding-bottom:8px}.momentum>small{font-size:9px}.settings-card{max-width:500px;padding:18px 26px}.settings-card h1{font-size:26px}.settings-preview{min-height:88px;margin:8px 0}.setting-row{margin:10px 0}#countdown{font-size:64px;top:32%}}@media (width<=359px){.touch-group{gap:7px}.bottom-hud{gap:14px;left:12px;right:12px}.topbar{left:12px;right:12px}.route-label .eyebrow{font-size:7px}.icon-button{width:40px;height:40px}.race-stats strong{font-size:16px}.settings-card h1{font-size:27px}.journey-facts{gap:9px;font-size:7px}}@media (prefers-reduced-motion:reduce){.fireflies{display:none}.loading-hoof{animation:none}.artwork img{transition:none}}@media (orientation:landscape){.home-header button{margin-left:auto}}@media (pointer:coarse){.touch-group{padding-bottom:0}.touch-group>small{display:none}}@media (pointer:coarse) and (orientation:portrait){.momentum{bottom:calc(var(--button-size,72px) + 24px)}}@media (height<=600px) and (orientation:portrait){.progress-track{top:106px}#notice{font-size:15px;top:121px}#countdown{font-size:58px}.momentum>small{display:none}.momentum>div:first-child{font-size:8px}.meter{margin:7px 0}.topbar .race-stats{margin-top:0}}.topbar{gap:clamp(8px,2vw,28px)}.route-label{flex:1;min-width:0}.route-label strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.utility,.race-stats{flex-shrink:0}@media (height<=560px) and (orientation:landscape){.race-stats{gap:16px}.race-stats>div{min-width:70px}.race-stats strong,.route-label strong{font-size:18px}}.settings-card{flex-direction:column;width:460px;max-height:100%;display:flex;overflow:hidden;padding:0!important}.settings-head{text-align:left;border-bottom:1px solid #d9deca;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 22px 10px;display:flex}.settings-head h1{margin:5px 0;font-size:27px}.settings-head .eyebrow{font-size:8px}.close-button{color:#33563e;background:#e5e8d8;border:0;border-radius:50%;flex-shrink:0;width:44px;height:44px;font-size:30px;line-height:1}.settings-body{touch-action:pan-y;overscroll-behavior:contain;min-height:0;padding:0 22px;overflow-y:auto}.settings-foot{border-top:1px solid #d9deca;flex-shrink:0;padding:10px 22px 18px}.settings-foot .primary{margin:0}.settings-preview{gap:12px}.home-tools{pointer-events:auto;gap:8px;margin-left:auto;display:flex}.mode-picker{gap:10px;margin:18px 0;display:flex}.mode-picker button{color:#385641;background:#e7eadb;border:1px solid #ccd4ba;border-radius:12px;flex:1;padding:14px 10px}.mode-picker button[aria-pressed=true]{color:#fff0d3;background:#315e45;border-color:#315e45;box-shadow:0 3px #203f30}.mode-picker strong,.mode-picker small{display:block}.mode-picker strong{font-size:12px}.mode-picker small{margin-top:7px;font-size:10px;line-height:1.4}.control-icon svg{vertical-align:middle;width:27px;height:27px}.touch-button small{display:none}#vignette{transition:box-shadow .2s}@media (height<=380px){.settings-head{padding:8px 18px}.settings-head h1{font-size:22px}.settings-head .eyebrow{display:none}.settings-foot{padding:8px 18px 12px}.settings-body{padding:0 18px}.veil{padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left))}}@media (height<=560px) and (orientation:landscape){.instructions .control-icon{place-items:center;width:32px;height:32px;line-height:1;display:grid}.instructions .control-icon svg{width:23px;height:23px}.instructions{margin:10px 0}.mode-picker{margin:12px 0}.mode-picker button{padding:10px}}body[data-mode=endless] .progress-track i{display:none}@media (height<=560px) and (orientation:landscape){.result-card .medal{display:none}.result-card h1{margin:8px 0;font-size:25px}.result-card .result-stats{margin:8px 0;padding:8px 0}.result-card .result-time{margin:5px;font-size:30px}.result-card>p{margin:6px 0;font-size:11px}}@media (height<=380px) and (orientation:landscape){.settings-preview{display:none}.settings-body .setting-row{margin:8px 0}}:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}html,body{background:#173f35;min-height:100%;overflow:hidden}#app{width:var(--app-width,100%);height:var(--app-height,100%);min-height:0;position:fixed;inset:0 auto auto 0}#world{width:100%;height:100%}.artwork{width:min(100vw,calc(var(--app-height,100vh)*1.77683))}.standalone #fullscreen{display:none}.home-header{top:calc(var(--safe-top) + 14px);left:max(18px,var(--safe-left));right:max(18px,var(--safe-right))}.home-footer{bottom:calc(var(--safe-bottom) + 16px)}.veil{padding:calc(var(--safe-top) + 12px) max(18px,var(--safe-right)) calc(var(--safe-bottom) + 12px) max(18px,var(--safe-left))}.hud-top{top:calc(var(--safe-top) + 12px);left:max(18px,var(--safe-left));right:max(18px,var(--safe-right));flex-direction:column;gap:12px;display:flex;position:absolute}.hud-top .topbar{text-shadow:0 1px 6px #263d3188;flex-wrap:nowrap;gap:14px;display:flex;position:static}.hud-top .race-stats{order:0;gap:20px;width:auto;margin:0}.hud-top .utility{order:0}.hud-top .race-stats>div{flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.hud-top .progress-track{flex-shrink:0;width:100%;height:3px;position:relative;top:auto;left:auto;right:auto}.hud-top #notice{width:100%;min-height:23px;font-size:18px;line-height:1.3;position:static;transform:none}.run-details{flex-wrap:wrap;align-items:center;gap:7px;min-height:26px;display:flex}.challenge-chip,.combo-chip,.ability-chip{color:#fff1d4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#204c3db3;border:1px solid #fff1d340;border-radius:99px;align-items:center;gap:5px;padding:5px 9px;font-size:10px;line-height:1.2;display:inline-flex}.challenge-chip{margin-right:auto}.combo-chip{font-variant-numeric:tabular-nums;font-weight:750}.combo-chip.hot{color:#fff6dc;background:#c99555d9;border-color:#ffe7b3}.ability-chip{color:#315941;background:#ddf1cbe6}.ability-chip svg{width:15px;height:15px}.pickup-guide{background:#e7ecdb;border-radius:14px;justify-content:center;gap:14px;padding:12px;display:flex}.pickup-guide>span{color:#526d50;flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:4px;font-size:10px;display:flex}.pickup-guide svg{flex-shrink:0;width:21px;height:21px}.pickup-guide b{font-weight:650}.bottom-hud{bottom:calc(var(--safe-bottom) + 14px);left:max(14px,var(--safe-left));right:max(14px,var(--safe-right));align-items:flex-end;gap:12px}.actions,.touch-group{gap:8px}.jump-button{width:calc(var(--button-size)*1.12)}.duck-button{color:#31593e;background:#e2eacfe6}.active-ability{box-shadow:0 0 0 2px #fff0c4,inset 0 0 16px #e6d4a8!important}.momentum{width:220px;max-width:25%;padding-bottom:18px}.momentum>small{font-size:10px}.momentum>div:first-child{letter-spacing:.11em;font-size:9px}@media (orientation:portrait){.artwork{width:calc(100vw - 24px)}.hud-top{left:max(14px,var(--safe-left));right:max(14px,var(--safe-right));gap:10px}.hud-top .topbar{flex-wrap:wrap;gap:9px}.hud-top .route-label{flex:1}.hud-top .route-label strong{font-size:19px}.hud-top .route-label .eyebrow{font-size:8px}.hud-top .utility{order:1}.hud-top .race-stats{flex-basis:100%;order:2;gap:20px}.hud-top .race-stats>div{flex-direction:row;align-items:center;gap:6px}.hud-top .race-stats small{letter-spacing:.12em;font-size:8px}.hud-top .race-stats strong{font-size:17px}.run-details{gap:5px}.challenge-chip,.combo-chip,.ability-chip{padding:5px 7px;font-size:9px}.ability-chip svg{width:13px;height:13px}.hud-top #notice{min-height:21px;font-size:16px}.momentum{bottom:calc(var(--button-size) + 19px);width:230px;max-width:85%;padding:0;position:absolute;left:50%;transform:translate(-50%)}.momentum>small{display:none}.meter{margin:8px 0}.touch-group{padding-bottom:0}.touch-group>small{display:none}.intro-card{padding:24px 18px}.intro-card h1{font-size:32px}.instructions{gap:10px;margin:18px 0}.instructions small{font-size:10px}.pickup-guide{gap:7px;padding:10px}}@media (height<=560px) and (orientation:landscape){.hud-top{top:calc(var(--safe-top) + 9px);gap:7px}.hud-top .route-label strong{font-size:18px}.hud-top .race-stats{gap:16px}.hud-top .race-stats strong{font-size:18px}.hud-top .race-stats small{font-size:8px}.hud-top #notice{min-height:20px;font-size:16px}.run-details{min-height:24px}.challenge-chip,.combo-chip,.ability-chip{padding:4px 8px;font-size:9px}.momentum{max-width:25%;padding-bottom:6px}.momentum>small{display:none}.momentum>div:first-child{font-size:8px}.intro-card h1{font-size:28px}.intro-card .instructions{margin:12px 0}.pickup-guide{padding:8px}.intro-card .small-note{margin:9px 0}.result-card .result-wish{font-size:11px;font-style:italic}.result-stats{gap:10px}.result-stats strong{font-size:19px}}@media (width<=359px){.bottom-hud{gap:8px;left:10px;right:10px}.actions,.steering{gap:6px}.hud-top .race-stats{gap:12px}.hud-top .race-stats strong{font-size:15px}.hud-top .race-stats small{font-size:7px}.challenge-chip{max-width:200px}.hud-top .route-label strong{font-size:17px}}@media (height<=600px) and (orientation:portrait){.hud-top{top:calc(var(--safe-top) + 9px);gap:7px}.run-details{min-height:22px}.hud-top #notice{font-size:14px}.hud-top .route-label strong{font-size:17px}}html,body{height:var(--app-height,100%);min-height:var(--app-height,100%)}@media (height<=300px) and (orientation:landscape){.hud-top .run-details,.hud-top #notice{display:none}.hud-top .route-label strong{font-size:15px}.hud-top{gap:6px}.bottom-hud{bottom:calc(var(--safe-bottom) + 9px)}}