@font-face{font-family:Host;src:url(/fonts/host.woff2)format("woff2");font-weight:300 800;font-display:swap}@font-face{font-family:Plex Arabic;src:url(/fonts/ar.woff2)format("woff2");font-display:swap}:root{--ink:#10211f;--ink2:#10211f9e;--ink3:#10211f5c;--hair:#10211f1f;--paper:244,238,226;--panel:#faf6ee;--swim:#0b9aa0;--bike:#f0471a;--run:#1d4dff;--shadow:0 24px 70px #1e241e33,0 2px 8px #1e241e0f;--ease:cubic-bezier(.22,.8,.2,1)}body[data-tone=night]{--ink:#f5f1e8;--ink2:#f5f1e8a8;--ink3:#f5f1e861;--hair:#f5f1e824;--paper:9,13,17;--panel:#141a1e;--shadow:0 24px 70px #00000080}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;background:#efe7d6;margin:0;font-family:Host,-apple-system,system-ui,sans-serif;transition:color .9s;overflow:hidden}canvas#world{touch-action:none;cursor:grab;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}canvas#world.drag{cursor:grabbing}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.num{font-variant-numeric:tabular-nums}.colon{margin:0 -.045em;font-style:normal;position:relative;top:-.05em}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}#ui>#labels,#ui>.scrim{pointer-events:none}.fades{transition:opacity .6s var(--ease),transform .6s var(--ease)}body.quiet #ui .fades{opacity:0}body.quiet #ui .fades:not(.scrim){transform:translateY(3px)}.scrim{transition:height .55s var(--ease),opacity .6s var(--ease);position:absolute;left:0;right:0}.scrim:before,.scrim:after{content:"";position:absolute;inset:0}#scrimB{height:158px;bottom:0}#scrimB:before{background:linear-gradient(to top,rgba(var(--paper),.97),rgba(var(--paper),.9) 46%,rgba(var(--paper),.5) 72%,rgba(var(--paper),0));transition:opacity .9s}#scrimB:after{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-mask-image:linear-gradient(#0000,#000 50%);mask-image:linear-gradient(#0000,#000 50%)}body.capon #scrimB{height:278px}#scrimT{height:112px;top:0}#scrimT:before{background:linear-gradient(to bottom,rgba(var(--paper),.82),rgba(var(--paper),.5) 50%,rgba(var(--paper),0))}#race{left:max(28px,env(safe-area-inset-left));top:max(20px,env(safe-area-inset-top));text-align:left;position:absolute}#racechip{letter-spacing:-.018em;align-items:center;gap:9px;font-size:17px;font-weight:560;line-height:1.2;display:flex}#racechip svg{opacity:.5;transition:transform .35s var(--ease);flex:none}body.sheet #racechip svg{transform:rotate(180deg)}#planbtn{color:var(--ink2);white-space:nowrap;margin-top:2px;font-size:13.5px;line-height:1.3;transition:color .2s;display:block}#planbtn:hover{color:var(--ink)}#right{right:max(22px,env(safe-area-inset-right));top:max(20px,env(safe-area-inset-top));align-items:center;gap:6px;height:26px;font-size:14px;display:flex;position:absolute}#wx{white-space:nowrap;align-items:center;gap:13px;margin-right:4px;display:flex}#wx i{color:var(--ink2);font-style:normal}#wx svg{vertical-align:-2px;transition:transform .9s var(--ease);margin-right:4px;display:inline-block}#tourbtn{background:var(--ink);height:30px;color:var(--panel);transition:transform .25s var(--ease);border-radius:15px;margin:0 2px;padding:0 13px;font-size:14px;font-weight:560}#tourbtn:hover{transform:scale(1.03)}#menubtn{border-radius:17px;place-items:center;width:34px;height:34px;transition:background .2s;display:grid}#menubtn:hover{background:var(--hair)}#strip{left:max(28px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));grid-template-columns:auto 1fr auto;align-items:end;gap:28px;height:58px;display:grid;position:absolute}#clock{min-width:124px}#clock .t{letter-spacing:-.022em;font-size:33px;font-weight:440;line-height:1}#clock .s{color:var(--ink2);white-space:nowrap;margin-top:6px;font-size:13px}#clock .s b{color:var(--ink);font-weight:560}#profile{cursor:ew-resize;touch-action:none;min-width:0;height:46px;margin-bottom:6px;position:relative}#profile svg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}#rest{background:rgba(var(--paper),.5);pointer-events:none;position:absolute;top:0;bottom:0;right:0}#head{background:var(--ink);pointer-events:none;width:1.5px;margin-left:-.75px;position:absolute;top:-4px;bottom:-1px}#head:before{content:"";background:var(--ink);border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;left:-2.75px}#hover{white-space:nowrap;pointer-events:none;opacity:0;background:var(--panel);box-shadow:var(--shadow);border-radius:10px;padding:5px 10px;font-size:13px;transition:opacity .16s;position:absolute;top:-34px;transform:translate(-50%)}#hover.on{opacity:1}#hover b{font-weight:560}.moment{background:var(--ink);opacity:0;width:3px;height:3px;transition:opacity .25s,transform .2s var(--ease);border-radius:50%;margin-left:-1.5px;position:absolute;bottom:-7px}.moment:after{content:"";position:absolute;inset:-12px -6px -6px}#profile:hover .moment{opacity:.55}.moment:hover,.moment.on{transform:scale(1.8);opacity:1!important}#ctl{align-items:center;gap:4px;height:58px;display:flex}#play{background:var(--ink);width:42px;height:42px;color:var(--panel);transition:transform .25s var(--ease);border-radius:21px;flex:none;place-items:center;display:grid}#play:hover{transform:scale(1.05)}#play:active{transform:scale(.95)}#speed{width:44px;height:34px;color:var(--ink2);font-size:13.5px;font-weight:500;transition:color .2s}#speed:hover{color:var(--ink)}#modes{margin-left:6px;display:flex;position:relative}#modes button{height:34px;color:var(--ink2);padding:0 10px;font-size:14px;font-weight:500;transition:color .25s}#modes button:hover{color:var(--ink)}#modes button.on{color:var(--ink);font-weight:560}#modes i{background:var(--ink);height:1.5px;transition:transform .4s var(--ease),width .4s var(--ease);position:absolute;bottom:2px;left:0}#cap{left:max(28px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));opacity:0;transition:opacity .4s var(--ease),transform .45s var(--ease);pointer-events:none;grid-template-columns:minmax(0,640px) auto;justify-content:space-between;align-items:end;gap:24px;display:grid;position:absolute;bottom:102px;transform:translateY(6px)}#cap.on{opacity:1;pointer-events:auto;transform:none}#cap h3{letter-spacing:-.022em;margin:0 0 4px;font-size:21px;font-weight:540}#cap p{color:var(--ink);opacity:.76;letter-spacing:-.006em;margin:0;font-size:15.5px;line-height:1.38}#cap .nav{white-space:nowrap;align-items:center;gap:2px;display:flex}#cap .nav button{height:32px;color:var(--ink2);padding:0 10px;font-size:14px;font-weight:500;transition:color .2s}#cap .nav button:hover{color:var(--ink)}#cap .nav span{color:var(--ink3);margin-right:8px;font-size:13px}#labels{position:absolute;inset:0;overflow:hidden}.lab{white-space:nowrap;letter-spacing:.015em;color:#17302d;text-shadow:0 0 7px #faf5e9f2,0 0 2px #faf5e9e6;will-change:transform,opacity;font-size:12.5px;font-weight:520;transition:opacity .4s;position:absolute;top:0;left:0}.lab.big{letter-spacing:-.005em;font-size:15px;font-weight:540}.lab.sea{color:#eaf7f3;text-shadow:0 0 8px #05323299;font-size:14px;font-style:normal;font-weight:460}body[data-tone=night] .lab{color:#efe9dc;text-shadow:0 0 8px #000000e6}#tip{white-space:nowrap;pointer-events:none;background:var(--panel);box-shadow:var(--shadow);opacity:0;z-index:3;border-radius:10px;padding:5px 10px;font-size:13px;transition:opacity .14s;position:absolute;top:0;left:0}#tip.on{opacity:1}#tip b{font-weight:560}.pop{background:var(--panel);box-shadow:var(--shadow);opacity:0;transition:opacity .22s var(--ease),transform .3s var(--ease),background .8s;z-index:4;border-radius:20px;position:absolute;transform:translateY(-6px);pointer-events:none!important}.pop.on{opacity:1;transform:none;pointer-events:auto!important}#sheet{left:max(20px,env(safe-area-inset-left));width:300px;padding:6px;top:76px}#plan{left:max(20px,env(safe-area-inset-left));scrollbar-width:none;width:328px;max-height:calc(100vh - 190px);padding:18px 20px;top:76px;overflow:auto}#menu{right:max(20px,env(safe-area-inset-right));width:230px;padding:6px;top:62px}#dial{right:max(20px,env(safe-area-inset-right));width:280px;padding:16px 18px 14px;font-size:13.5px;top:62px}#about{right:max(20px,env(safe-area-inset-right));scrollbar-width:none;width:min(372px,100vw - 40px);max-height:calc(100vh - 180px);padding:20px 22px;top:62px;overflow:auto}.row{text-align:left;letter-spacing:-.012em;border-radius:14px;justify-content:space-between;align-items:baseline;gap:12px;width:100%;padding:10px 12px 11px;font-size:15px;font-weight:520;transition:background .18s;display:flex}.row:hover{background:var(--hair)}.row small{color:var(--ink2);letter-spacing:0;white-space:nowrap;font-size:13px;font-weight:420}.row.on{font-weight:600}.mrow{border-radius:12px;justify-content:space-between;align-items:center;width:100%;height:38px;padding:0 12px;font-size:14.5px;font-weight:500;transition:background .18s;display:flex}.mrow:hover{background:var(--hair)}.mrow kbd{font:inherit;color:var(--ink3);font-size:12.5px}.mrow.on:after{content:"";background:var(--bike);border-radius:50%;order:1;width:6px;height:6px;margin-left:auto;margin-right:10px}.mrow.on kbd{order:2}#plan h4{color:var(--ink2);margin:16px 0 8px;font-size:13px;font-weight:480}#plan h4:first-child{margin-top:0}.chips{flex-wrap:wrap;gap:4px;margin:0 -4px;display:flex}.chip{height:30px;color:var(--ink2);border-radius:15px;padding:0 9px;font-size:14px;transition:background .2s,color .2s}.chip:hover{color:var(--ink)}.chip.on{background:var(--ink);color:var(--panel);font-weight:500}.slide{grid-template-columns:38px 1fr 76px;align-items:center;gap:10px;height:34px;font-size:14px;display:grid}.slide em{color:var(--ink2);font-style:normal}.slide output{text-align:right}input[type=range]{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:22px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--hair);border-radius:2px;height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);width:15px;height:15px;box-shadow:0 0 0 3px var(--panel);border-radius:50%;margin-top:-6.5px}input[type=range]::-moz-range-track{background:var(--hair);border-radius:2px;height:2px}input[type=range]::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:15px;height:15px}.splits{grid-template-columns:1fr auto auto;gap:5px 14px;font-size:14px;display:grid}.splits span:nth-child(3n+1){color:var(--ink2)}.splits .tot{font-weight:580;color:var(--ink)!important}.note{color:var(--ink2);margin:14px 0 0;font-size:13px;line-height:1.4}#dial .h{color:var(--ink2);justify-content:space-between;margin-bottom:6px;display:flex}#dial .h button{color:var(--ink);font-weight:520}#dial svg{touch-action:none;cursor:ew-resize;width:100%;display:block}#about h3{letter-spacing:-.016em;margin:0 0 8px;font-size:17px;font-weight:560}#about h4{margin:15px 0 4px;font-size:14px;font-weight:540}#about p{color:var(--ink2);margin:0;font-size:14px;line-height:1.42}#about .fine{color:var(--ink3);margin-top:15px;font-size:12.5px}#about kbd{font:inherit;color:var(--ink);box-shadow:inset 0 0 0 .5px var(--ink3);border-radius:5px;margin-left:6px;padding:0 5px}#about kbd:first-child{margin-left:0}#about kbd+kbd{margin-left:2px}#fail{text-align:center;color:#10211f;z-index:9;background:#efe7d6;place-items:center;padding:40px;font-size:16px;display:grid;position:fixed;inset:0}#title{text-align:center;color:#fff;pointer-events:none;transition:opacity 1.2s var(--ease);z-index:5;place-items:center;display:grid;position:fixed;inset:0}#title .ar{opacity:.92;text-shadow:0 1px 18px #061e2280;direction:rtl;margin-bottom:6px;font-family:Plex Arabic,sans-serif;font-size:19px}#title h1{letter-spacing:-.045em;text-shadow:0 2px 50px #061e2259;margin:0;font-size:clamp(46px,8.6vw,118px);font-weight:420;line-height:1}#title p{letter-spacing:-.005em;opacity:.95;text-shadow:0 1px 18px #061e228c;margin:16px 0 0;font-size:16px}#curtain{transition:opacity 1.6s var(--ease);z-index:4;background:#efe7d6;place-items:center;display:grid;position:fixed;inset:0}#curtain .bar{background:#10211f1f;border-radius:2px;width:min(220px,50vw);height:2px;overflow:hidden}#curtain .bar i{transform-origin:0 0;width:100%;height:100%;transition:transform .4s var(--ease);background:#10211f;display:block;transform:scaleX(0)}#foot{text-align:center;color:#ffffffe0;z-index:5;pointer-events:none;text-shadow:0 1px 10px #00000073;font-size:12.5px;transition:opacity 1s;position:fixed;bottom:18px;left:0;right:0}body.noui #ui{display:none}@media (max-width:1000px){#scrimB{height:196px}body.capon #scrimB{height:356px}#strip{height:auto;left:18px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));grid-template-columns:1fr auto;gap:8px 12px}#clock{grid-area:1/1}#ctl{grid-area:1/2;height:42px}#profile{grid-area:2/1/auto/3;height:40px}#modes{grid-area:3/1/auto/3;justify-content:space-between;margin:0 -10px}#ctl{display:contents}#play{grid-area:1/2;justify-self:end}#speed{grid-area:1/2;place-self:center end;margin-right:50px}#cap{grid-template-columns:1fr;gap:6px;bottom:178px;left:18px;right:18px}#cap .nav{margin-left:-10px}#race{left:18px}#right{right:12px}#sheet,#plan{top:70px;left:12px}#wx span:nth-child(n+3){display:none}}@media (max-width:560px){#clock .t{font-size:28px}#cap h3{font-size:18px}#cap p{font-size:14.5px}#plan{width:calc(100vw - 24px)}#racechip{font-size:15.5px}#planbtn{font-size:13px}#wx{display:none}}@media (prefers-reduced-motion:reduce){*{transition-duration:10ms!important}}