:root{--sky-top: #bcd8f2;--sky-bottom: #f4f9ff;--ink: #2a3440;--ink-soft: #6b7885;--line: #d7e2ec;--ink-over: rgba(233, 255, 240, .94);--ink-over-soft: rgba(233, 255, 240, .64);--electric: #39ff6e;--electric-glow: rgba(57, 255, 110, .55);--mono: "Share Tech Mono", ui-monospace, monospace}@font-face{font-family:Share Tech Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/share-tech-mono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.glass{background-image:repeating-linear-gradient(180deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px);background-color:#0d081e73;backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);border:1px solid rgba(57,255,110,.14);border-radius:.9rem;box-shadow:0 1px #b8ffcc1a inset,0 8px 30px #00000047;color:var(--ink-over)}@supports not (backdrop-filter: blur(1px)){.glass{background-color:#0d081ebf}}@property --wave-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.glass:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--wave-angle),transparent 0deg 302deg,rgba(57,255,110,.06) 312deg,rgba(57,255,110,.85) 352deg,#b8ffcc 358deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.35;pointer-events:none;animation:waveOrbit 7s linear infinite}.glass:hover:before,.glass:focus-within:before{opacity:1;animation-duration:2.6s}@keyframes waveOrbit{to{--wave-angle: 360deg}}body.chrome-hidden .glass:before{animation-play-state:paused}::selection{background:var(--electric);color:#06140a}:focus-visible{outline:2px solid var(--electric);outline-offset:3px}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:linear-gradient(180deg,var(--sky-top),var(--sky-bottom));height:100dvh;overflow:hidden}#chrome{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;transition:opacity .32s ease,transform .32s ease}body.chrome-hidden #chrome{opacity:0;pointer-events:none}#chrome>*{pointer-events:auto}body.chrome-hidden #chrome>*{pointer-events:none}header{position:fixed;top:1rem;left:1rem;padding:1rem 1.25rem}@media (min-width: 800px){header{max-width:calc(100vw - min(26rem,34vw) - 5rem)}}h1{margin:0;font-weight:300;letter-spacing:.02em;font-size:1.6rem}.tagline{margin:.15rem 0 1rem;color:var(--ink-over-soft);font-size:.9rem}h1:after{content:"▮";color:var(--electric);margin-left:.15em;font-size:.7em;animation:cursorBlink 1.1s step-end infinite}@keyframes cursorBlink{50%{opacity:0}}#taxonomy{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.85rem;font-family:var(--mono)}#taxonomy a{color:var(--ink-over);text-decoration:none;border-bottom:1px solid transparent}#taxonomy a:hover,#taxonomy a:focus-visible,#taxonomy a.is-active{border-bottom-color:var(--electric);text-shadow:0 0 10px var(--electric-glow)}#taxonomy .stub{color:var(--ink-over-soft);opacity:.5;cursor:default;pointer-events:none}main{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;min-height:45vh;background:#13294a}#scene{display:block;width:100%;height:100%}#fps{position:fixed;top:.75rem;right:1rem;font-variant-numeric:tabular-nums;font-family:var(--mono);font-size:.8rem;color:var(--ink-over-soft);padding:.15rem .55rem}#fallback pre{max-width:min(90%,34rem);max-height:10rem;overflow:auto;white-space:pre-wrap;font-size:.72rem;color:var(--ink-soft);text-align:left}#fallback[hidden]{display:none}main.fallback-up{z-index:3}#fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;background:linear-gradient(180deg,#9cc3e8,#fff);color:var(--ink);font-size:1rem;padding:2rem}#card:empty,#fps:empty{display:none}#card{position:fixed;padding:1.25rem 1.5rem 0;left:0;right:0;bottom:0;max-height:45dvh;display:flex;border-radius:1rem 1rem 0 0}.card{width:100%;overflow:auto;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 2.5rem),transparent);padding-bottom:calc(2.75rem + env(safe-area-inset-bottom))}@media (min-width: 800px){#card{top:5.5rem;right:1.5rem;left:auto;bottom:auto;width:min(26rem,34vw);max-height:calc(100dvh - 8rem);border-radius:.9rem}.card{-webkit-mask-image:none;mask-image:none;padding-bottom:1.25rem}}#poster{display:block;width:100%;height:100%;object-fit:cover}.card h2{margin:0;font-weight:400}.card h2,.card .pronunciation,.card .meta>div,.card li{clip-path:inset(0 100% 0 0);animation:lineBoot .24s steps(12) forwards;animation-delay:calc(var(--i, 0) * 45ms)}@keyframes lineBoot{to{clip-path:inset(-.2em -.2em -.2em -1.5rem)}}.card.no-boot h2,.card.no-boot .pronunciation,.card.no-boot .meta>div,.card.no-boot li{animation:none;clip-path:none}.card.no-boot h2:after{animation:none}.card h2:after{content:"▮";color:var(--electric);margin-left:.15em;font-size:.8em;animation:cursorBlink .9s step-end 3}#card.sig-out{animation:sigOut .16s step-end both}@keyframes sigOut{0%{clip-path:inset(0)}35%{clip-path:inset(8% 0 42% 0);transform:translate(3px)}70%{clip-path:inset(40% 0 12% 0);transform:translate(-3px)}to{clip-path:inset(50% 0 50% 0);opacity:0}}.card .pronunciation{color:var(--ink-over-soft);font-style:italic;font-size:.9rem}.card .meta{color:var(--ink-over-soft);margin:.75rem 0;display:grid;gap:.35rem;font-family:var(--mono);font-size:.85rem}.card .meta span{color:var(--ink-over-soft)}.card ul{color:var(--ink-over-soft);margin:.5rem 0 0;padding-left:1.1rem;display:grid;gap:.3rem;font-size:.9rem}footer{position:fixed;top:.75rem;right:4.75rem;padding:.35rem .75rem;font-family:var(--mono);font-size:.75rem}@media (min-width: 800px){footer{top:auto;right:auto;left:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));font-size:.8rem}}footer a{color:var(--ink-over-soft);text-decoration:none}footer a:hover{text-decoration:underline}@media (prefers-reduced-motion: reduce){#chrome{transition:none}.glass:before{animation:none}.card h2,.card .pronunciation,.card .meta>div,.card li{animation:none;clip-path:none}h1:after,.card h2:after{animation:none}#card.sig-out{animation:none}}