*{box-sizing:border-box;margin:0}html{background:#000;color-scheme:dark}body{font-family:system-ui,-apple-system,PingFang SC,sans-serif;color:#f2f2f2}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}#stage canvas{display:block;touch-action:pan-y;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.well{position:fixed;top:0;left:0;z-index:2;width:140px;height:140px;margin:-70px 0 0 -70px;border-radius:50%;pointer-events:none;border:1px solid rgb(255 255 255 / .28);background:radial-gradient(circle,rgb(255 255 255 / .08),transparent 65%);opacity:0;transition:opacity .3s}.well.on{opacity:1}.curtain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#000;opacity:0;pointer-events:none}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.5s;animation-timing-function:ease-out}#stage canvas.dragging,#stage canvas.panning{cursor:grabbing!important}html.scatter,html.scatter body{overflow:hidden;overscroll-behavior:none}html.scatter #stage canvas{touch-action:none}#labels{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.label{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;color:inherit;text-decoration:none;white-space:nowrap;text-align:center;font-size:13px;line-height:1.3;opacity:.6;transition:opacity .25s;pointer-events:auto;will-change:transform}#labels:not(.grid) .label{opacity:0;pointer-events:none}#labels:not(.grid) .label:focus-visible{opacity:1}#labels.grid .label{align-items:flex-start;text-align:left;white-space:normal;overflow-wrap:anywhere}.label .year{font-size:11px;opacity:.6;font-variant-numeric:tabular-nums}.label.active,.label:focus-visible{opacity:1}.label:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:4px}.empty{padding:48px 5vw;opacity:.5;pointer-events:auto}@media(hover:none){.label{opacity:.7}}body:before,body:after{content:"";position:fixed;left:0;right:0;z-index:2;pointer-events:none}body:before{top:0;height:120px;background:linear-gradient(to bottom,#000,rgb(0 0 0 / .6) 40%,transparent)}body:after{bottom:0;height:180px;background:linear-gradient(to top,#000,rgb(0 0 0 / .6) 45%,transparent)}.mode-switch{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:3;display:flex;gap:3px;padding:4px;border:1px solid rgb(255 255 255 / .14);border-radius:999px;background:#141414b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mode-switch button{display:grid;place-items:center;width:46px;height:40px;padding:0;border:0;border-radius:999px;background:transparent;color:#ffffff73;cursor:pointer;transition:color .2s,background .2s}.mode-switch button:hover{color:#fffc}.mode-switch button[aria-pressed=true]{background:#ffffff24;color:#fff}.mode-switch button:focus-visible{outline:2px solid #fff;outline-offset:1px}.mode-switch svg{width:20px;height:20px;fill:currentColor}.grid-lines{position:fixed;z-index:1;pointer-events:none;opacity:0;transition:opacity .5s;will-change:transform;border-right:1px solid rgb(255 255 255 / .1);border-bottom:1px solid rgb(255 255 255 / .1);background-image:linear-gradient(to right,rgb(255 255 255 / .1) 1px,transparent 1px),linear-gradient(to bottom,rgb(255 255 255 / .1) 1px,transparent 1px);background-size:var(--cw) var(--ch)}.grid-lines:after{content:"";position:absolute;left:-.5px;top:-.5px;width:calc(100% + 2px);height:calc(100% + 2px);background:conic-gradient(from 270deg at 2px 2px,#fff 0 25%,transparent 0) 0 0 / var(--cw) var(--ch)}.grid-lines.show{opacity:1}.wip{position:fixed;inset:0 auto auto 0;will-change:transform;z-index:1;opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s .5s}.wip.show{opacity:1;visibility:visible;transition:opacity .5s}.wip-logos{margin:0;padding:0;list-style:none}.wip-logos li{position:absolute;display:grid;place-items:center;outline:none;cursor:default;-webkit-tap-highlight-color:transparent}.wip-name{position:absolute;left:calc(var(--pad-x) + 8px);top:calc(var(--pad-y) + 4px);max-width:calc(100% - var(--pad-x) * 2 - 16px);font-size:13px;line-height:1.3;opacity:.6;transition:opacity .25s}.wip-art{position:relative;display:block;width:var(--logo);height:var(--logo)}.wip-art img{display:block;width:100%;height:100%;transition:opacity .3s,filter .3s}.wip-sign{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;line-height:1;opacity:0;transform:scale(.85);transition:opacity .25s,transform .25s}.wip-emoji{font-size:calc(var(--logo) * .38)}.wip-note{font-size:13px;letter-spacing:.04em;color:#ffffffd9;white-space:nowrap}.wip-logos li:hover .wip-sign,.wip-logos li:focus-visible .wip-sign,.wip-logos li.on .wip-sign{opacity:1;transform:none}.wip-logos li:hover img,.wip-logos li:focus-visible img,.wip-logos li.on img{opacity:.35;filter:blur(2px)}.wip-logos li:hover .wip-name,.wip-logos li:focus-visible .wip-name,.wip-logos li.on .wip-name{opacity:1}.wip-logos li:focus-visible{outline:2px solid #fff;outline-offset:-2px}