@font-face{font-family:Doto;src:url(/fonts/Doto-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--bg:#010101;--plate:#0a0a0a;--line:#232323;--text:#adadad;--text-hi:#cacaca;--pad-x:57px;--fs-l:clamp(16px, 1.39vw, 24px);--fs-m:clamp(14px, 1.273vw, 22px);--fs-s:clamp(12px, .985vw, 17px);--f:"Doto", ui-monospace, "SF Mono", Menlo, monospace;--w-semi:600;--w-bold:700;--w-black:900;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (width:round(1.5px, 1px)){:root{--fs-l:round(clamp(16px, 1.39vw, 24px), 1px);--fs-m:round(clamp(14px, 1.273vw, 22px), 1px)}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--f);font-weight:var(--w-semi);font-feature-settings:"lnum" 1;text-transform:uppercase;-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;text-transform:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}button:focus-visible{outline:1px solid var(--text);outline-offset:6px}.app{height:100dvh;min-height:560px;position:relative}.bar{top:25px;left:var(--pad-x);right:var(--pad-x);z-index:2;justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.city-wrap{position:relative}.city{white-space:nowrap;align-items:flex-start;gap:20px;display:flex}.city-dot{--dot:calc(var(--fs-l) * .8333);width:var(--dot);height:var(--dot);margin-top:calc((var(--row-l) - var(--dot)) / 2 + var(--fs-l) * var(--dot-nudge,0));border-radius:50%;flex:none;transition:transform .2s;position:relative}.tick{display:inline-grid}.tick>*{grid-area:1/1}.tick-final{opacity:0}.tick-live{white-space:pre;inline-size:0}.tick-rest{opacity:.4}.tick[data-locked] .tick-final{opacity:1;animation:.42s ease-out tick-lock}.tick[data-locked] .tick-live{display:none}@keyframes tick-lock{0%{filter:brightness(2.2)}}.city-dot{animation:.35s ease-out backwards paused led-on}[data-board] .city-dot{animation-play-state:running}@keyframes led-on{0%{opacity:0;transform:scale(.4)}}.city-dot:after{--arm:calc(var(--dot) * .3);content:"";left:calc(50% - var(--arm) / 2);top:calc(50% - var(--arm) / 2);width:var(--arm);height:var(--arm);box-sizing:border-box;border:solid var(--bg);border-width:0 calc(var(--dot) * .1) calc(var(--dot) * .1) 0;opacity:0;transition:opacity .15s,transform .2s;position:absolute;transform:translateY(-22%)rotate(45deg)}.city:focus-visible .city-dot,.city[aria-expanded=true] .city-dot{transform:scale(1.2)}.city:focus-visible .city-dot:after,.city[aria-expanded=true] .city-dot:after{opacity:1}.city[aria-expanded=true] .city-dot:after{transform:translateY(22%)rotate(225deg)}@media (hover:hover){.city:hover .city-dot{transform:scale(1.2)}.city:hover .city-dot:after{opacity:1}}.city-text{flex-direction:column;gap:6px;display:flex}.bar{--head-lh:.9;--row-l:calc(var(--fs-l) * .9);--row-m:calc(var(--fs-m) * .9)}@supports (width:round(1.5px, 1px)){.bar{--row-l:round(calc(var(--fs-l) * .9), 1px);--row-m:round(calc(var(--fs-m) * .9), 1px)}}.city-head{font-size:var(--fs-l);line-height:var(--row-l);color:var(--text);align-items:baseline;gap:16px;display:flex}.city-name,.city-time{font-weight:var(--w-black)}.city-tz,.city-tag{font-size:var(--fs-m);line-height:var(--row-m);color:#fff}.city-tag{font-weight:var(--w-black);color:var(--text)}@supports (text-box:trim-both cap alphabetic){.city-name,.city-time,.city-tz,.city-tag{text-box:trim-both cap alphabetic}.city-text{gap:calc(var(--fs-l) * .4167)}.city-head{align-items:center}.city-dot{margin-top:calc((var(--fs-l) * .69 - var(--dot)) / 2 + var(--fs-l) * var(--dot-nudge,0))}}.stage{justify-content:center;align-items:center;display:flex;position:absolute;inset:119px 130px 78px}.dial{aspect-ratio:1;max-width:100%;height:100%;overflow:visible}.dial-num{font-size:44px;font-weight:var(--w-black);fill:#ddd;opacity:.45;pointer-events:none;animation:.12s ease-out backwards paused num-on}.dial-dot{fill:#ddd;opacity:.45;pointer-events:none;animation:.12s ease-out backwards paused num-on}[data-board] .dial[data-print] .dial-num,[data-board] .dial[data-print] .dial-dot{animation-play-state:running}@keyframes num-on{0%{opacity:0}}.pointer{transition:stroke 1.2s,fill 1.2s}.dial-tip{z-index:5;color:#fff;font-weight:var(--w-black);white-space:nowrap;pointer-events:none;opacity:0;background:#0d0d0d;border-radius:100px;padding:8px 14px;font-size:clamp(12px,.926vw,16px);line-height:1;transition:opacity .15s;position:fixed;top:0;left:0}.dial-tip[data-show=true]{opacity:1}.dial-tip[data-side=left]{transform:translate(-100%)}@supports (text-box:trim-both cap alphabetic){.dial-tip{text-box:trim-both cap alphabetic;padding:10px 14px}}.foot{font-size:var(--fs-l);font-weight:var(--w-bold);white-space:nowrap;flex-direction:column;line-height:1.2;display:flex;position:absolute;bottom:52px;left:59px}.foot-row{gap:20px;display:flex}.logo{width:32px;height:32px;line-height:0;display:block;position:absolute;bottom:48px;right:61px}.logo svg{width:100%;height:100%;display:block}.logo path{transition:fill .2s}.logo:hover path,.logo:focus-visible path{fill:var(--text)}.logo:focus-visible{outline:1px solid var(--text);outline-offset:6px}.page{--p:0}.page:not([data-entered]){touch-action:none}.page:not([data-entered]) :is(.bar,.stage){pointer-events:none}.intro{z-index:10;pointer-events:none;position:fixed;inset:0}.headline{color:#ddd;opacity:.45;white-space:nowrap;margin:0;font-size:min(208px,12.037vw);font-weight:400;line-height:.8;position:absolute;top:60px;left:60px}.hint{inline-size:6em;font-size:22px;font-weight:var(--w-bold);color:var(--text);writing-mode:vertical-rl;pointer-events:auto;line-height:.8;position:absolute;top:50%;right:68px;overflow:hidden;transform:translateY(-50%)rotate(180deg)}.hint-tape{white-space:nowrap;animation:.4s ease-out 1.6s backwards paused hint-on,2.8s linear infinite paused hint-tape;display:block}[data-board] .hint-tape{animation-play-state:running}@keyframes hint-on{0%{opacity:0}}@keyframes hint-tape{to{transform:translateY(-6.6em)}}@media (width>=861px){.page:not([data-entered]) .bar{transform:translateY(calc((1 - var(--p)) * (100dvh - 92px - var(--row-l) - var(--row-m) * 2)))}.page:not([data-entered]) .headline{transform:translateY(calc(var(--p) * -140dvh));opacity:calc(.45 * (1 - var(--p) * 2))}.page:not([data-entered]) .hint{opacity:calc(1 - var(--p) * 4)}.page:not([data-entered]) .stage{transform:translateY(calc((1 - var(--p)) * 50dvh)) scale(calc(.8 + var(--p) * .2));opacity:calc(var(--p) * 1.6)}.page:not([data-entered]) :is(.foot,.logo){opacity:calc(var(--p) * 3 - 2)}}@media (width<=860px){html[data-intro] body{overflow:hidden}.intro{background:var(--bg);pointer-events:auto;transform:translateY(calc(var(--p) * -100%))}.page:not([data-entered]) .app{transform:translateY(calc((1 - var(--p)) * 30dvh))}.headline{left:var(--pad-x);font-size:18vw;top:24px}.hint{right:20px}}.picker{background:var(--plate);border:1px solid var(--line);width:min(440px,100vw - 32px);max-height:calc(100dvh - 140px);font-size:15px;font-weight:var(--w-bold);scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:0 0 12px;position:absolute;top:calc(100% + 18px);overflow-y:auto}.picker-search{z-index:1;background:var(--plate);border-bottom:1px solid var(--line);align-items:center;gap:12px;height:48px;padding:0 20px;transition:border-color .15s;display:flex;position:sticky;top:0}.picker-search:focus-within{border-bottom-color:var(--slot)}.picker-search>svg{opacity:.5;flex:none;width:13px;height:13px}.picker-search input{min-width:0;height:100%;font:inherit;text-transform:inherit;color:var(--text-hi);caret-color:var(--slot);background:0 0;border:0;outline:none;flex:1;padding:0}.picker-search input::placeholder{color:var(--text);opacity:.45}.picker-clear{opacity:.5;flex:none;place-items:center;width:24px;height:24px;margin-right:-7px;display:grid}.picker-clear:hover,.picker-clear:focus-visible{opacity:1}.picker-clear svg{width:10px;height:10px}.picker-empty{font-size:12px;font-weight:var(--w-black);opacity:.5;margin:0;padding:28px 20px 20px}.picker--left{left:0}.picker--right{right:0}.picker-region{font-size:12px;font-weight:var(--w-black);letter-spacing:.04em;opacity:.5;margin:0;padding:18px 20px 8px}.picker-row{grid-template-columns:1fr auto 150px;align-items:baseline;column-gap:16px;width:100%;padding:9px 20px;display:grid}.picker-row:hover,.picker-row:focus-visible{background:#141414;outline:none}.picker-row[aria-current=true]{box-shadow:inset 3px 0 0 var(--slot)}.picker-row[data-open=false] .picker-city,.picker-row[data-open=false] .picker-time,.picker-row[data-open=false] .picker-status{opacity:.45}.picker-city{color:var(--text-hi)}.picker-name{font-size:12px;font-weight:var(--w-black);opacity:.5;grid-area:2/1;margin-top:2px}.picker-time{color:var(--slot);grid-area:1/2}.picker-status{text-align:right;grid-area:1/3/span 2;font-size:12px}.picker-status em{font-size:12px;font-style:normal;font-weight:var(--w-black);opacity:.6;margin-top:2px;display:block}.picker-row--auto{border-bottom:1px solid var(--line);grid-template-columns:1fr;margin-bottom:2px;padding-bottom:14px}@media (width<=860px){body{overflow:auto}:root{--pad-x:20px;--fs-l:16px;--fs-m:15px;--fs-s:12px}.app{height:auto;min-height:100dvh;padding:20px var(--pad-x) max(20px, env(safe-area-inset-bottom));grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr auto;gap:0 12px;display:grid}.bar{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:22px 12px;display:grid;position:static}.city{gap:12px}.city-head{gap:10px}.stage{grid-column:1/-1;margin:28px -8px 20px;position:static}.dial{width:100%;height:auto}.foot{grid-area:3/1/span 2;align-self:end;gap:2px;font-size:11px;line-height:1.3;position:static}.foot-row{gap:8px}.logo{grid-area:3/2/span 2;align-self:end;width:20px;height:20px;position:static}.picker{z-index:10;border-width:1px 0 0;width:100%;max-height:70dvh;position:fixed;inset:auto 0 0}.picker-search input{font-size:16px}}@media (prefers-reduced-motion:reduce){.tick[data-locked] .tick-final,.dial-num,.dial-dot,.city-dot{animation:none}.pointer,.dial-tip,.city-dot,.city-dot:after,.picker-search,.logo path{transition:none}}