:root{--bg: #14110f;--bg-lift: #1e1a17;--ink: #f2ece4;--ink-dim: #a2988a;--ink-faint: #6b6259;--line: #2e2823;--accent: #d9a441;--accent-dim: #6d552c;--gutter: 3.25rem;--topbar: 3.5rem;--radius: .75rem;--ease: cubic-bezier(.22, .61, .36, 1);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}body{background:var(--bg);color:var(--ink);font:400 15px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}input,textarea,select{font-size:16px}#stage{position:fixed;inset:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);touch-action:none;overflow:hidden}#viewport{position:absolute;overflow:hidden}#cards{position:absolute;left:50%;top:50%;width:0;height:0;transform:translate3d(var(--pan-x, 0px),var(--pan-y, 0px),0) scale(var(--scale, 1));will-change:transform}#cards.is-settling{transition:transform .28s var(--ease)}.card{position:absolute;width:var(--cell-w);height:var(--cell-h);margin-left:calc(var(--cell-w) * var(--dx) - var(--cell-w) / 2);margin-top:calc(var(--cell-h) * var(--dy) * -1 - var(--cell-h) / 2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1rem 1.5rem;text-align:center;contain:layout paint}.card__frame{position:relative;flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}.card__blur{position:absolute;inset:0;margin:auto;width:62%;height:100%;object-fit:contain;filter:blur(calc(var(--cell-w, 20rem) * .02)) saturate(1.2);transform:scale(1.04);pointer-events:none;-webkit-user-drag:none}.card__frame.is-blurred .card__img{opacity:0}.card__frame.is-blurred.is-loaded .card__img,.card__frame.is-blurred.is-loaded .card__blur{transition:opacity .26s var(--ease)}.card__frame.is-blurred.is-loaded .card__img{opacity:1}.card__frame.is-blurred.is-loaded .card__blur{opacity:0}.card__img{-webkit-user-drag:none;max-height:100%;max-width:62%;object-fit:contain;filter:drop-shadow(0 1.25rem 1.5rem rgb(0 0 0 / .55))}.card__img--missing{width:38%;aspect-ratio:1 / 3;border:1px dashed var(--line);border-radius:var(--radius)}.card__text{flex:0 0 auto;max-width:30ch}.card__name{display:block;font-size:1.0625rem;font-weight:600;line-height:1.25;color:var(--ink);text-decoration:none}.card__name:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.card__thin{font-weight:400;color:var(--ink-dim)}.card__meta{margin:.35rem 0 0;font-size:.8125rem;color:var(--ink-faint)}.card__meta b{font-weight:600;color:var(--ink-dim)}.card__third{margin:.5rem 0 0;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.card--peer{opacity:.55}.card--hole{align-items:center;justify-content:center}.card--hole:after{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--line)}#stage[data-zoom="1"] .card__meta,#stage[data-zoom="1"] .card__third,#stage[data-zoom="1"] .card__out,#stage[data-zoom="2"] .card__text{display:none}#stage[data-zoom="2"] .card{padding:.5rem}.card--focus{outline:1px solid var(--accent-dim);outline-offset:-.5rem;border-radius:var(--radius)}#stage[data-zoom="0"] .card--focus{outline:none}.axis{position:absolute;display:flex;align-items:center;gap:.5rem;color:var(--ink-dim);font-size:.6875rem;letter-spacing:.09em;text-transform:uppercase;pointer-events:none}.axis--x{left:3.9rem;right:.75rem;bottom:0;height:var(--gutter);padding-left:.5rem}.axis--y{left:0;top:calc(var(--topbar) + .5rem);bottom:3.9rem;width:var(--gutter);flex-direction:column-reverse;padding-bottom:.5rem}.axis__label{flex:0 0 auto;white-space:nowrap}.axis--y .axis__label{writing-mode:vertical-rl;transform:rotate(180deg)}.axis__track{flex:1 1 auto;position:relative;background:var(--line);border-radius:999px}.axis--x .axis__track{height:3px}.axis--y .axis__track{width:3px}.axis__fill{position:absolute;background:var(--accent);border-radius:999px;transition:inset .3s var(--ease)}.axis--x .axis__fill{inset:0 auto 0 0;width:var(--fill)}.axis--y .axis__fill{inset:auto 0 0;height:var(--fill)}.axis__value{flex:0 0 auto;font-variant-numeric:tabular-nums;color:var(--accent);font-size:.75rem}.rotate{position:absolute;left:.35rem;bottom:.35rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;width:3.4rem;height:3.4rem;padding:0;border:1px solid var(--line);border-radius:.9rem;background:var(--bg-lift);color:var(--ink-dim);font:inherit;cursor:pointer;touch-action:manipulation;transition:color .15s var(--ease),border-color .15s var(--ease),transform .2s var(--ease)}.rotate__icon{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.rotate__label{font-size:.5625rem;letter-spacing:.05em;text-transform:uppercase;line-height:1;color:var(--ink-faint);max-width:3.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rotate:not([disabled]):hover,.rotate:not([disabled]):focus-visible{color:var(--accent);border-color:var(--accent-dim)}.rotate:focus-visible,.family:focus-visible,#search-clear:focus-visible,.result:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rotate:not([disabled]):active{color:var(--accent);transform:scale(.94)}.rotate.is-turning .rotate__icon{transition:transform .32s var(--ease);transform:rotate(-120deg)}.rotate[disabled]{opacity:.3;cursor:default}#topbar{position:absolute;top:0;left:0;right:0;z-index:4;display:flex;align-items:center;gap:.5rem;height:var(--topbar);padding:0 .6rem}.search{position:relative;flex:1 1 auto;display:flex;align-items:center;min-width:0}.search__icon{position:absolute;left:.6rem;width:1rem;height:1rem;fill:none;stroke:var(--ink-faint);stroke-width:1.8;stroke-linecap:round;pointer-events:none}#search{width:100%;min-width:0;height:2.35rem;padding:0 2.1rem 0 2rem;border:1px solid var(--line);border-radius:999px;background:var(--bg-lift);color:var(--ink);font:inherit;font-size:16px;-webkit-appearance:none;appearance:none}#search::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}#search::placeholder{color:var(--ink-faint)}#search:focus{outline:none;border-color:var(--accent-dim)}#search-clear{position:absolute;right:.35rem;display:grid;place-items:center;width:1.7rem;height:1.7rem;padding:0;border:0;border-radius:50%;background:none;color:var(--ink-faint);cursor:pointer;touch-action:manipulation}#search-clear svg{width:.85rem;height:.85rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.results{position:absolute;z-index:5;top:var(--topbar);left:.6rem;right:.6rem;max-height:min(26rem,60vh);margin:0;padding:.25rem;overflow-y:auto;overscroll-behavior:contain;list-style:none;border:1px solid var(--line);border-radius:.75rem;background:color-mix(in srgb,var(--bg-lift) 96%,transparent);backdrop-filter:blur(8px);box-shadow:0 1rem 2rem #00000073}.results[hidden]{display:none}.result{display:flex;align-items:center;gap:.6rem;width:100%;padding:.45rem .5rem;border:0;border-radius:.5rem;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation}.result[aria-selected=true],.result:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.result__img{flex:0 0 auto;width:1.6rem;height:2.4rem;object-fit:contain;-webkit-user-drag:none}.result__text{min-width:0}.result__name{display:block;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result__meta{display:block;font-size:.75rem;color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.results__empty{padding:.9rem .75rem;color:var(--ink-faint);font-size:.8125rem}.family{flex:0 0 auto;padding:.4rem .65rem;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--bg-lift) 80%,transparent);color:var(--ink-dim);font:inherit;font-size:.75rem;letter-spacing:.02em;cursor:pointer;touch-action:manipulation}.family:active,.family:focus-visible{color:var(--ink);border-color:var(--accent-dim)}.picker{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;justify-content:center;gap:.25rem;padding:1.25rem;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(6px)}.picker__item{display:flex;align-items:baseline;gap:.75rem;width:100%;max-width:28rem;margin:0 auto;padding:.9rem 1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-lift);color:var(--ink);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation}.picker__item[aria-current=true]{border-color:var(--accent-dim);color:var(--accent)}.picker__count{margin-left:auto;color:var(--ink-faint);font-size:.8125rem;font-variant-numeric:tabular-nums}.picker__axes{display:block;margin-top:.15rem;color:var(--ink-faint);font-size:.75rem}.boot{position:absolute;inset:0;display:grid;place-items:center;color:var(--ink-faint);font-size:.8125rem;letter-spacing:.06em;background:var(--bg);transition:opacity .3s var(--ease)}.boot[hidden]{display:none}.boot--error{color:#e08a7a;padding:2rem;text-align:center;line-height:1.5}@media(prefers-reduced-motion:reduce){#cards.is-settling,.axis__fill,.card__frame.is-blurred.is-loaded .card__img,.card__frame.is-blurred.is-loaded .card__blur{transition-duration:.01ms}}.card__arrow,.card__out-arrow,.result__arrow{display:inline-block;vertical-align:-.09em;width:.72em;height:.72em;margin-left:.3em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.75}a.card__name{text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:.18em;text-decoration-thickness:1px}a.card__name:hover{text-decoration-color:currentColor}.card__out{display:inline-flex;align-items:center;margin-top:.7rem;padding:.4rem .8rem;border:1px solid var(--accent-dim);border-radius:999px;color:var(--accent);font-size:.8125rem;text-decoration:none;touch-action:manipulation}.card__out:hover,.card__out:focus-visible{background:color-mix(in srgb,var(--accent) 12%,transparent);outline:none}.card__out-arrow{opacity:.9}.card__count{position:absolute;top:.5rem;right:.5rem;padding:.1rem .35rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 18%,var(--bg));color:var(--accent);font-size:.6875rem;font-variant-numeric:tabular-nums;line-height:1.5}#stage[data-zoom="0"] .card__count{display:none}#topbar,.search,#search,#search-clear,.family,.rotate{touch-action:manipulation}.results{touch-action:pan-y}