@font-face{font-family:Clash Display;src:url(/fonts/ClashDisplay-Variable.woff2) format("woff2");font-weight:200 700;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Variable.woff2) format("woff2");font-weight:300 900;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.woff2) format("woff2");font-weight:400;font-display:swap}:root{--space:#04040a;--cream:#eef0f6;--dim:rgba(238,240,246,.6);--faint:rgba(238,240,246,.32);--line:rgba(238,240,246,.14);--accent:#e58a4c;--serif:"Clash Display",Georgia,serif;--sans:"Satoshi",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--space);color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:1px solid var(--accent);outline-offset:3px}#gl{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:1;cursor:grab}#gl:active{cursor:grabbing}#grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}#bar{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:baseline;padding:1.8rem 2.4rem;mix-blend-mode:screen;pointer-events:none}.brand{font-family:var(--serif);font-weight:600;font-size:1.1rem;letter-spacing:.22em}.sub{font-family:var(--mono);font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}@media (max-width:640px){.sub{display:none}}#hub-hint{position:fixed;bottom:3vh;left:50%;transform:translate(-50%);z-index:5;font-family:var(--mono);font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;color:var(--faint);transition:opacity .6s;pointer-events:none}#hub-hint.hide{opacity:0}#panel{position:fixed;top:0;right:0;bottom:0;width:min(90vw,440px);z-index:6;padding:5.5rem 2.6rem 2.6rem;background:linear-gradient(90deg,transparent,rgba(4,4,10,.72) 12%,rgba(4,4,10,.92));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translate(100%);transition:transform .7s cubic-bezier(.16,1,.3,1);overflow-y:auto;display:flex;flex-direction:column;gap:1.1rem}#panel.open{transform:none}#p-back{align-self:flex-start;font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;color:var(--dim);border:1px solid var(--line);border-radius:100px;padding:.5rem 1rem;transition:.25s}#p-back:hover{border-color:var(--accent);color:var(--accent)}#p-tag{font-family:var(--mono);font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}#p-name{font-family:var(--serif);font-weight:600;font-size:clamp(2.6rem,7vw,4.4rem);line-height:.92;letter-spacing:-.02em}#p-desc{font-size:1rem;line-height:1.55;color:var(--dim);max-width:40ch}#p-facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:.4rem}#p-facts .fct{background:var(--space);padding:.9rem}#p-facts dt{font-family:var(--mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:.3rem}#p-facts dd{font-family:var(--serif);font-weight:500;font-size:1.35rem;font-variant-numeric:tabular-nums}#p-facts dd small{font-family:var(--mono);font-size:.7rem;color:var(--dim);margin-left:.2em;font-weight:400}#p-audio{display:flex;align-items:center;gap:.9rem;padding:.7rem .9rem;border:1px solid var(--line);background:#e58a4c0d}#p-audio[hidden]{display:none}#p-play{flex:0 0 auto;width:40px;height:40px;border-radius:50%;border:1px solid var(--accent);color:var(--accent);display:grid;place-items:center;transition:.2s}#p-play:hover{background:var(--accent);color:var(--space)}#p-wave{flex:1 1 auto;height:38px}#p-anote{flex:0 0 auto;font-family:var(--mono);font-size:.56rem;letter-spacing:.08em;color:var(--dim);max-width:38%;text-align:right}#p-surface{align-self:flex-start;margin-top:.4rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;color:var(--space);background:var(--accent);padding:.85rem 1.4rem;border-radius:3px;transition:.25s}#p-surface:hover{filter:brightness(1.1);transform:translateY(-1px)}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--space);display:grid;place-items:center;text-align:center;transition:opacity .8s}#loader.done{opacity:0;pointer-events:none}.l-t{font-family:var(--serif);font-weight:600;font-size:clamp(2.4rem,7vw,5rem);line-height:.95}.l-s{margin-top:1.2rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;color:var(--dim)}@media (max-width:640px){#panel{width:100vw;padding-top:5rem}#p-facts dd{font-size:1.15rem}}#colophon{position:fixed;left:2.4rem;bottom:1.7rem;z-index:5;font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);transition:color .25s}#colophon:hover{color:var(--accent)}@media (max-width:640px){#colophon{display:none}}