:root{--grey-primary: #e8e8e8;--grey-secondary: #bdbdbd;--grey-label: #aeaeae;--grey-line: #8d8d8d;--panel-bg: #0b0b0b;--grey-panel-quiet: #808080;--grey-panel-control: #5e5e5e;--grey-divider: #2a2a2a;--scene-bg: #000000;--instruments-inset: 24px;--instruments-size: 44px;--instruments-gap: 24px;--drawer-top: 92px;--drawer-width: 400px;--drawer-clear-left: 332px;--legend-motion: .42s cubic-bezier(.4, 0, .2, 1);--credit-bottom: 16px;--readout-left: 16px;--readout-min-width: 300px;--nameplate-width: 80px;--nameplate-chamfer: 10px;--nameplate-gap: 16px;--nameplate-caption-top: 61px}html,body{margin:0;padding:0;overflow:hidden;background:var(--scene-bg);height:100%;touch-action:none}canvas#scene{display:block;width:100vw;height:100vh}#chrome{position:fixed;inset:0;pointer-events:none}.event-readout{position:absolute;bottom:16px;left:var(--readout-left);font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.5;color:var(--grey-primary);display:grid;grid-template-columns:auto 1fr;column-gap:16px;row-gap:2px;pointer-events:auto}@media(min-width:700px){.event-readout{max-width:max(var(--readout-min-width),calc(max(var(--drawer-clear-left),100vw - var(--drawer-width)) - var(--readout-left) - 16px))}}.event-readout .row{display:contents}.event-readout .label{color:var(--grey-label);text-transform:uppercase;letter-spacing:.08em}.event-readout .last-event .label{grid-column:1 / -1}.event-readout .row[hidden]{display:none}.event-readout .value{color:var(--grey-primary);font-variant-numeric:tabular-nums}.event-readout .value.place{display:flex;flex-direction:column;line-height:1.3}.event-readout .place-en:empty{display:none}.event-readout .place-en{color:var(--grey-primary)}.event-readout .place-ja,.event-readout .age{color:var(--grey-secondary)}.event-readout{--legend-h: 20px}.event-readout .shindo-label,.event-readout .value.shindo{line-height:var(--legend-h);padding-bottom:5px}.event-readout .value.shindo{position:relative;display:flex;align-items:flex-start;gap:6px}.legend-swatch{position:relative;flex:none;width:22px;height:var(--legend-h);padding:0;border:none;cursor:pointer}.legend-swatch:after{content:"";position:absolute;top:calc((var(--legend-h) - 24px) / 2);bottom:calc((var(--legend-h) - 24px) / 2);left:-1px;right:-21px}.legend-strip{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:flex-start;gap:2px;clip-path:inset(0 calc(100% - 22px) 0 0);transition:clip-path var(--legend-motion);cursor:pointer}.legend-strip[hidden]{display:none}.legend-strip.open{clip-path:inset(0)}.legend-strip:before{content:"";position:absolute;top:0;left:0;z-index:1;width:var(--legend-size, 22px);height:var(--legend-h);background:var(--legend-max-colour);opacity:1;transition:opacity var(--legend-motion)}.legend-strip.open:before{opacity:0}.legend-class{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:var(--legend-size, 22px);height:var(--legend-h);font-size:10px;line-height:1;letter-spacing:0;font-variant-numeric:tabular-nums}.legend-number{animation:legend-numbers-out var(--legend-motion) both}.legend-strip.open .legend-number{animation-name:legend-numbers-in}@keyframes legend-numbers-in{0%,50%{opacity:0}to{opacity:1}}@keyframes legend-numbers-out{0%{opacity:1}50%,to{opacity:0}}.legend-max:after{content:"";position:absolute;left:0;right:0;top:calc(100% + 3px);height:2px;background:var(--grey-primary)}@media(prefers-reduced-motion:reduce){.legend-strip,.legend-strip:before{transition:none}.legend-number{animation:none}}.peak-label{position:absolute;inset:0;pointer-events:none;filter:drop-shadow(0 0 1px var(--scene-bg)) drop-shadow(0 0 1px var(--scene-bg))}.peak-label[hidden]{display:none}.peak-label.blocked{visibility:hidden}.peak-label.fresh{animation:peak-label-in .2s ease-out}@keyframes peak-label-in{0%{opacity:0}to{opacity:1}}.peak-text{position:absolute;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:10px;line-height:14px;color:var(--grey-primary);text-transform:uppercase;letter-spacing:.1em;text-align:center;white-space:nowrap}.peak-name{max-width:144px;margin:0 auto;font-size:11px;line-height:1.3;letter-spacing:0;text-transform:none;white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.peak-line{position:absolute;width:0;border-left:1px dashed var(--grey-primary)}.place-labels{position:absolute;inset:0;pointer-events:none;filter:drop-shadow(0 0 1px var(--scene-bg)) drop-shadow(0 0 1px var(--scene-bg))}.place-labels[hidden]{display:none}.place-label{position:absolute;display:flex;align-items:center;gap:4px;height:14px;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:10px;line-height:14px;color:var(--grey-secondary);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.place-label.left{flex-direction:row-reverse}.place-mark{display:flex;align-items:center;justify-content:center;width:7px;height:14px;flex:none;font-size:7px;letter-spacing:0}.place-label.city .place-mark:before{content:"";width:3px;height:3px;border-radius:50%;background:currentColor}.peak-label.inspect-tag.fresh{animation:peak-label-in .15s ease-out}@media(prefers-reduced-motion:reduce){.peak-label.fresh,.peak-label.inspect-tag.fresh{animation:none}}.event-readout .notices{grid-column:1 / -1;color:var(--grey-secondary);text-transform:uppercase;letter-spacing:.08em}.event-readout .notices:empty{display:none}.feed-status{position:absolute;top:calc(env(safe-area-inset-top,0px) + var(--instruments-inset) + var(--instruments-size) + 8px + var(--view-drop, 0px));left:calc(env(safe-area-inset-left,0px) + 16px);box-sizing:border-box;max-width:calc(100vw - 32px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));padding:5px 8px;border:1px solid var(--grey-line);background:var(--panel-bg);font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:10px;line-height:1.5;color:var(--grey-secondary);text-transform:uppercase;letter-spacing:.1em;font-variant-numeric:tabular-nums;pointer-events:none}.feed-status span{white-space:nowrap}@media(max-width:379px){.feed-status span{display:block}}@media(min-width:700px){.feed-status{top:calc(env(safe-area-inset-top,0px) + var(--instruments-inset));left:calc(var(--readout-left) + var(--nameplate-width) + var(--nameplate-gap));transform:none;max-width:calc(100vw - var(--readout-left) - var(--nameplate-width) - var(--nameplate-gap) - var(--instruments-inset) - var(--instruments-width, var(--instruments-size)) - 16px - env(safe-area-inset-right,0px))}}.feed-status[hidden]{display:none}.nameplate{position:absolute;top:calc(env(safe-area-inset-top,0px) + var(--instruments-inset));left:var(--readout-left);width:var(--nameplate-width);display:none;padding:0;border:none;background:none;cursor:pointer;pointer-events:auto;user-select:none}.nameplate-plate{position:relative;box-sizing:border-box;padding:8px;display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--grey-line);clip-path:polygon(0 0,calc(100% - var(--nameplate-chamfer)) 0,100% var(--nameplate-chamfer),100% 100%,0 100%)}.nameplate-plate:before{content:"";position:absolute;inset:1px;background:var(--panel-bg);clip-path:polygon(0 0,calc(100% - var(--nameplate-chamfer) + 2px - 1.414px) 0,100% calc(var(--nameplate-chamfer) - 2px + 1.414px),100% 100%,0 100%)}.nameplate:active .nameplate-plate:before,.nameplate.current .nameplate-plate:before{background:var(--grey-divider)}.nameplate-plate>*{position:relative}.nameplate-image{display:block;width:64px;height:47px}.nameplate-caption{font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:10px;line-height:14px;color:var(--grey-label);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;text-align:center}.nameplate-kanji{margin-left:3px;font-size:11px;letter-spacing:0}@media(min-width:700px){.nameplate{display:block}}.instruments{position:absolute;top:calc(env(safe-area-inset-top,0px) + var(--instruments-inset));right:calc(env(safe-area-inset-right,0px) + var(--instruments-inset));height:var(--instruments-size);display:flex;align-items:center;gap:6px;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:10px;letter-spacing:.1em;pointer-events:auto}.instrument-box{position:relative;box-sizing:border-box;min-height:24px;min-width:24px;padding:0 7px;border:1px solid var(--grey-line);background:var(--scene-bg);color:var(--grey-label);font:inherit;letter-spacing:inherit;text-transform:uppercase;white-space:nowrap;cursor:pointer}.instrument-box[aria-pressed=true],.instrument-box:active{background:var(--grey-label);color:var(--scene-bg)}.instrument-box[hidden]{display:none}.view-current{color:var(--grey-primary)}.view-toggle[aria-pressed=true] .view-current,.view-toggle:active .view-current{color:inherit}.view-caret{display:inline-block;transition:transform var(--legend-motion)}.view-toggle.open .view-caret{transform:rotate(180deg)}.view-options{order:-1;display:flex;gap:4px;clip-path:inset(0 0 0 100%);transition:clip-path var(--legend-motion)}.view-options[hidden]{display:none}.view-options.open{clip-path:inset(0)}.view-options.below{position:absolute;top:calc(100% + 4px);right:0;width:max-content;flex-wrap:wrap;justify-content:flex-end}.view-divider{align-self:stretch;width:1px;margin:0 3px;background:var(--grey-line)}.view-options.instant{transition:none}.view-reset{--cube-size: 18px;display:flex;align-items:center;justify-content:center;width:24px;padding:0}.view-cube{width:var(--cube-size);height:var(--cube-size)}.cube-top,.cube-left,.cube-right{fill:none}.cube-lines{fill:none;stroke:var(--grey-label);stroke-width:1.2;stroke-linejoin:round}.view-reset.at-default .cube-top{fill:var(--grey-primary)}.view-reset.at-default .cube-right{fill:var(--grey-label)}.view-reset.at-default .cube-left{fill:var(--grey-panel-control)}.view-reset.at-default .cube-lines{stroke:none}.event-chip{position:absolute;top:calc(env(safe-area-inset-top,0px) + var(--instruments-inset) + var(--instruments-size) - 6px);right:calc(env(safe-area-inset-right,0px) + var(--instruments-inset) + var(--instruments-size) + 6px);font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:10px;letter-spacing:.1em;pointer-events:auto;animation:event-chip-in .2s ease-out}@keyframes event-chip-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.event-chip{animation:none}}@media(min-width:700px){.view-reset:after{content:attr(data-tip);position:absolute;top:calc(100% + 4px);right:-1px;padding:2px 6px;border:1px solid var(--grey-line);background:var(--panel-bg);color:var(--grey-label);white-space:nowrap;pointer-events:none;visibility:hidden}.instruments:not(.no-tip) .view-reset:hover:after,:root:not([data-input=pointer]) .instruments:not(.no-tip) .view-reset:focus-visible:after{visibility:visible}}.compass{width:var(--instruments-size);height:var(--instruments-size);border-radius:50%;cursor:grab;touch-action:none}.compass.grabbing{cursor:grabbing}.compass-svg{display:block;width:100%;height:100%}.compass-bezel{fill:var(--scene-bg);stroke:var(--grey-line);stroke-width:1}.compass-ticks{stroke:var(--grey-label);stroke-width:1}.compass-n{fill:var(--grey-primary);font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:10px}.compass-needle-head,.compass-hub{fill:var(--grey-primary)}.compass-needle-tail{fill:var(--grey-line)}.compass.grabbing .compass-bezel,.compass:active .compass-bezel{stroke:var(--grey-primary)}@media(prefers-reduced-motion:reduce){.view-options,.view-caret{transition:none}}@media(max-width:699px){.instrument-box{min-height:var(--instruments-size);min-width:var(--instruments-size)}.view-reset{--cube-size: 24px;width:var(--instruments-size)}}.site-tagline{position:absolute;top:calc(env(safe-area-inset-top,0px) + var(--instruments-inset) + var(--instruments-size) + 8px + var(--view-drop, 0px));left:calc(env(safe-area-inset-left,0px) + 16px);margin:0;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:400;line-height:14px;color:var(--grey-label);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;pointer-events:none}#chrome:has(.feed-status:not([hidden])) .site-tagline{visibility:hidden}@media(min-width:700px){.site-tagline{top:calc(env(safe-area-inset-top,0px) + var(--instruments-inset) + var(--nameplate-caption-top));left:calc(var(--readout-left) + var(--nameplate-width) + var(--nameplate-gap))}#chrome:has(.feed-status:not([hidden])) .site-tagline{visibility:visible}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.noscript{position:absolute;top:50%;left:16px;right:16px;margin:0;transform:translateY(-50%);font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.6;color:var(--grey-secondary);text-align:center}.credit-line{position:absolute;right:calc(env(safe-area-inset-right,0px) + 16px);bottom:calc(env(safe-area-inset-bottom,0px) + var(--credit-bottom));font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:10px;line-height:1.5;color:var(--grey-label);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;pointer-events:none;z-index:3}.credit-link,.about-button{pointer-events:auto}.credit-link{display:inline-block;color:inherit;text-decoration:underline;text-underline-offset:2px;padding:4.5px 3px;margin:-4.5px -3px}.about-button{min-height:24px;min-width:24px;padding:0 4px;margin:0 -4px;border:none;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}:root:not([data-input=pointer]) .credit-link:focus-visible,:root:not([data-input=pointer]) .about-button:focus-visible,:root:not([data-input=pointer]) .legend-swatch:focus-visible,:root:not([data-input=pointer]) .about-control:focus-visible,:root:not([data-input=pointer]) .about-link:focus-visible,:root:not([data-input=pointer]) .about-drawer:focus-visible,:root:not([data-input=pointer]) .about-tab:focus-visible,:root:not([data-input=pointer]) .nameplate:focus-visible,:root:not([data-input=pointer]) .instrument-box:focus-visible,:root:not([data-input=pointer]) .compass:focus-visible{outline:1px solid var(--grey-line);outline-offset:2px}:root[data-input=pointer] .credit-link:focus-visible,:root[data-input=pointer] .about-button:focus-visible,:root[data-input=pointer] .legend-swatch:focus-visible,:root[data-input=pointer] .about-control:focus-visible,:root[data-input=pointer] .about-link:focus-visible,:root[data-input=pointer] .about-drawer:focus-visible,:root[data-input=pointer] .about-tab:focus-visible,:root[data-input=pointer] .nameplate:focus-visible,:root[data-input=pointer] .instrument-box:focus-visible,:root[data-input=pointer] .compass:focus-visible{outline:none}@media(max-width:699px){:root{--credit-bottom: 4px}.credit-line{left:calc(env(safe-area-inset-left,0px) + 16px);display:flex;align-items:center;justify-content:space-between;gap:16px;letter-spacing:0}.credit-sep{display:none}.about-button{min-height:44px;min-width:44px}.event-readout{bottom:calc(env(safe-area-inset-bottom,0px) + var(--credit-height, 0px) + 12px);max-width:calc(100vw - 2 * var(--readout-left) - env(safe-area-inset-right,0px))}}.about-drawer{position:fixed;top:var(--drawer-top);right:0;bottom:0;width:min(var(--drawer-width),calc(100vw - var(--drawer-clear-left)));box-sizing:border-box;display:flex;flex-direction:column;background:var(--panel-bg);border-left:1px solid var(--grey-divider);border-top:1px solid var(--grey-divider);color:var(--grey-secondary);font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.6;pointer-events:auto;z-index:2;padding-bottom:var(--drawer-band);--drawer-band: calc(env(safe-area-inset-bottom, 0px) + var(--credit-bottom) + var(--credit-height, 0px) + 16px);visibility:hidden;transform:translate(100%);transition:transform .2s ease-out,visibility 0s linear .2s}.about-drawer:after{content:"";position:absolute;left:0;right:0;bottom:var(--drawer-band);border-top:1px solid var(--grey-divider)}.about-drawer.open{visibility:visible;transform:none;transition:transform .2s ease-out,visibility 0s}.about-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--grey-divider)}.about-lang{display:flex;gap:8px}.about-control{min-height:28px;min-width:28px;padding:0 8px;border:1px solid var(--grey-panel-control);background:none;color:var(--grey-panel-quiet);font:inherit;font-size:10px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.about-control[aria-pressed=true]{color:var(--grey-primary);border-color:var(--grey-line)}.about-tabs{display:flex;gap:16px;padding:0 16px;border-bottom:1px solid var(--grey-divider)}.about-tab{min-height:36px;padding:0;border:none;border-bottom:2px solid transparent;background:none;color:var(--grey-panel-quiet);font:inherit;font-size:10px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.about-tab[aria-selected=true]{color:var(--grey-primary);border-bottom-color:var(--grey-primary)}.about-tab[lang=ja]{letter-spacing:0;text-transform:none}.about-body[hidden]{display:none}.about-body{flex:1;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain;padding:0 16px 16px}.about-section{padding:16px 0;border-bottom:1px solid var(--grey-divider)}.about-section:last-child{border-bottom:none}.about-title{margin:0 0 12px;font-size:11px;font-weight:400;color:var(--grey-primary);text-transform:uppercase;letter-spacing:.1em}.about-entry+.about-entry{margin-top:14px}.about-name{margin:0 0 4px;font-size:10px;font-weight:400;color:var(--grey-primary);text-transform:uppercase;letter-spacing:.08em}.about-line{margin:0 0 4px;overflow-wrap:anywhere}.about-quiet,.about-quiet .about-title{color:var(--grey-panel-quiet)}.about-link{color:inherit;text-decoration:underline;text-underline-offset:2px;padding:5.5px 0;white-space:nowrap}.about-link-url{white-space:normal}.about-body[lang=ja] .about-title,.about-body[lang=ja] .about-name,.about-control[lang=ja]{letter-spacing:0;text-transform:none}@media(max-width:699px){.about-drawer{top:auto;left:0;width:100%;max-height:85vh;max-height:85dvh;border-left:none;border-top:1px solid var(--grey-divider);transform:translateY(100%)}.about-head{padding-top:12px}.about-control{min-height:44px;min-width:44px}.about-tab{min-height:44px}}@media(prefers-reduced-motion:reduce){.about-drawer,.about-drawer.open{transition:none}}