:root{--ink: #14120f;--paper: #f4f1ea;--brass: #c2a36b;--muted: rgba(244, 241, 234, .55);--serif: "Cormorant Garamond", Georgia, serif;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--display: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#0d0c0b;overflow:hidden;font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none}.app,canvas{width:100%;height:100%;display:block;touch-action:none}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:2rem 1.5rem;color:var(--paper);background:linear-gradient(180deg,transparent 0%,rgba(194,163,107,.05) 47%,rgba(194,163,107,.09) 50%,rgba(194,163,107,.05) 53%,transparent 100%),radial-gradient(120% 80% at 50% 50%,#16150f,#0e0d0b 70%);animation:fade .6s ease both}.intro__stage{width:100%;max-width:48rem;text-align:center}.intro__mark{width:3.9rem;height:auto;color:var(--paper);opacity:0;animation:markIn .8s .1s cubic-bezier(.16,1,.3,1) both}@keyframes markIn{0%{opacity:0;transform:translateY(.5rem)}to{opacity:.92;transform:none}}.intro__line{position:relative;display:grid;place-items:end center;height:clamp(5rem,16vw,8rem);margin-top:2rem}.intro__line>*{grid-area:1 / 1;margin:0;padding-bottom:.15rem}.beat{font-family:var(--sans);text-transform:uppercase;white-space:nowrap;clip-path:inset(100% 0 0 0)}.beat--a{font-family:var(--display);font-weight:600;font-size:clamp(.6rem,1.6vw,.74rem);letter-spacing:.34em;margin-right:-.34em;color:#f5f2ec99}.beat--b{font-family:var(--display);font-weight:900;font-size:clamp(1.9rem,7.5vw,3.4rem);letter-spacing:-.015em;margin-right:0;color:var(--paper)}.intro:not(.is-settled) .beat--a{animation:beat 1.6s .3s cubic-bezier(.22,1,.3,1) both}.intro:not(.is-settled) .beat--b{animation:beat 1.6s 1.65s cubic-bezier(.22,1,.3,1) both}@keyframes beat{0%{clip-path:inset(100% 0 0 0);transform:translateY(.18em)}26%,66%{clip-path:inset(0 0 0 0);transform:none}to{clip-path:inset(0 0 100% 0);transform:translateY(-.18em)}}.intro__title{font-family:var(--display);font-weight:900;font-size:clamp(2.2rem,12vw,6.4rem);line-height:.92;letter-spacing:-.035em;margin-right:0;text-transform:uppercase;white-space:nowrap}.intro:not(.is-settled) .intro__title{animation:titleLand 1.1s 3s cubic-bezier(.16,1,.3,1) both}.is-settled .beat{display:none}@keyframes titleLand{0%{clip-path:inset(100% 0 0 0);transform:translateY(.1em) scale(1.04)}to{clip-path:inset(0 0 0 0);transform:none}}.capline{position:relative;height:1px;margin-top:1.4rem;background:#f5f2ec24;overflow:hidden}.capline__fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 50%;background:linear-gradient(90deg,var(--brass),#3d57f0 60%,var(--brass));transition:transform .6s cubic-bezier(.16,1,.3,1)}.intro__foot{display:grid;place-items:center;min-height:4.4rem;margin-top:1.6rem}.intro__enter{display:inline-flex;align-items:center;gap:.7rem;padding:.95rem 2.2rem;font-family:var(--display);font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--paper);background:transparent;border:1px solid rgba(245,242,236,.22);border-radius:999px;cursor:pointer;transition:color .3s,background .3s,border-color .3s,transform .2s}.intro:not(.is-settled) .intro__enter{animation:riseIn .7s 3.8s cubic-bezier(.16,1,.3,1) both}.intro__enter:not(:disabled):hover,.intro__enter:not(:disabled):focus-visible{color:var(--ink);background:var(--paper);border-color:var(--paper)}.intro__enter:not(:disabled):active{transform:scale(.98)}.intro__enter:disabled{color:#f5f2ec57;border-color:#f5f2ec1f;cursor:default}.intro__enter svg{width:1rem;height:1rem}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.is-settled .intro__mark,.is-settled .intro__title,.is-settled .intro__enter{animation:none;opacity:1;clip-path:none;transform:none}.is-settled .intro__mark{opacity:.92}@media (prefers-reduced-motion: reduce){.intro,.intro *{animation:none!important}.beat{display:none}.intro__title,.intro__mark{clip-path:none;opacity:1}}.hud{position:fixed;inset:auto 0 0 0;z-index:20;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:1.6rem 2rem;color:var(--paper);pointer-events:none;background:linear-gradient(to top,rgba(9,8,7,.55),transparent)}.hud__artist{font-family:var(--serif);font-size:1.05rem;opacity:.85}.hud__hint,.hud__exit{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#f4f1ea8c}.hud__hint{display:flex;align-items:center;gap:.4rem;font-size:.6rem;animation:fade .6s ease both}.hud__hint .cap{width:1.25rem;height:1.25rem;font-size:.52rem}.hud__hint span:first-of-type{margin-left:.25rem}.hud__hint-dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5}@media (pointer: coarse){.hud__hint{display:none}.hud{inset:0 0 auto 0;align-items:flex-start;padding:calc(1rem + env(safe-area-inset-top)) 1.2rem 1rem;background:linear-gradient(to bottom,rgba(9,8,7,.55),transparent)}.hud__artist{font-size:.92rem}}.hud__exit{pointer-events:auto;display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.3rem;background:#14120f99;border:1px solid rgba(244,241,234,.18);border-radius:999px;cursor:pointer;font-family:var(--sans);transition:background .2s}.hud__exit:hover{background:#14120fe6}@media (pointer: coarse){.hud__exit{padding:.6rem 1rem}}.hud__exit kbd{font-family:var(--sans);font-size:.6rem;padding:.15rem .4rem;border:1px solid rgba(244,241,234,.25);border-radius:3px}.reticle{position:fixed;left:50%;top:50%;z-index:15;pointer-events:none}.reticle__dot,.reticle__ring{position:absolute;left:0;top:0;border-radius:50%;transform:translate(-50%,-50%);transition:width .28s cubic-bezier(.16,1,.3,1),height .28s cubic-bezier(.16,1,.3,1),opacity .28s,border-color .28s}.reticle__dot{width:3px;height:3px;background:#f4f1ead9;opacity:.28}.reticle__ring{width:8px;height:8px;border:1px solid rgba(244,241,234,.9);opacity:0}.reticle--live .reticle__dot{opacity:0}.reticle--live .reticle__ring{width:30px;height:30px;opacity:.75}@media (pointer: coarse){.reticle{display:none}}.pad{position:fixed;left:max(1.1rem,env(safe-area-inset-left));bottom:calc(1.1rem + env(safe-area-inset-bottom));z-index:22;display:grid;grid-template-areas:". up ." "left hub right" ". down .";gap:5px;touch-action:none;animation:fade .5s ease both}.pad__key{transition:background .12s,color .12s,transform .12s,border-color .12s,opacity .2s}.pad__key{display:grid;place-items:center;width:3.5rem;height:3.5rem;padding:0;border:1px solid rgba(244,241,234,.16);border-radius:.85rem;background:#12110f80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f4f1ea9e;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;transition:background .12s,color .12s,transform .12s,border-color .12s}.pad__key--up{grid-area:up}.pad__key--left{grid-area:left}.pad__key--right{grid-area:right}.pad__key--down{grid-area:down}.pad__key.is-held{background:#c2a36be6;border-color:#c2a36be6;color:var(--ink);transform:scale(.94)}.pad__stick{grid-area:hub;align-self:center;justify-self:center;display:grid;place-items:center;width:3.5rem;height:3.5rem;padding:0;border:0;border-radius:50%;background:none;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;z-index:1}.pad__stick:active{cursor:grabbing}.pad__knob{width:1.75rem;height:1.75rem;border:1px solid rgba(244,241,234,.3);border-radius:50%;background:#1e1c18b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 .15rem .4rem #0006;transition:transform .22s cubic-bezier(.16,1,.3,1),background .15s,border-color .15s}.pad.is-steering .pad__knob{background:var(--brass);border-color:var(--brass);transition:background .15s,border-color .15s}.pad.is-steering .pad__key{opacity:.45}@media (pointer: fine){.pad{display:none}}@media (pointer: coarse) and (max-height: 26rem){.pad__key{width:2.9rem;height:2.9rem;border-radius:.7rem}}.panel{position:fixed;top:0;right:0;z-index:30;width:min(24rem,88vw);height:100%;padding:3rem 2.4rem;overflow-y:auto;color:var(--paper);background:#0d0c0be6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-left:1px solid rgba(194,163,107,.25);transform:translate(100%);transition:transform .42s cubic-bezier(.16,1,.3,1)}.panel--open{transform:none}.panel__close{position:absolute;top:1.2rem;right:1.4rem;width:2.2rem;height:2.2rem;font-size:1.5rem;line-height:1;color:var(--muted);background:none;border:0;cursor:pointer}.panel__close:hover{color:var(--paper)}.panel__title{font-family:var(--serif);font-weight:300;font-size:2.1rem;line-height:1.1;margin:.7rem 0 .2rem}.panel__year{font-family:var(--serif);font-style:italic;color:var(--muted);margin-bottom:2rem}.panel__specs{margin:0 0 2rem;border-top:1px solid rgba(244,241,234,.12)}.panel__specs>div{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid rgba(244,241,234,.12)}.panel__specs dt{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:#f4f1ea66}.panel__specs dd{margin:0;font-size:.9rem;text-align:right}.panel__specs .is-sold{color:var(--brass)}.panel__note{font-family:var(--serif);font-size:1.05rem;line-height:1.75;font-weight:300;color:#f4f1ea9e}.panel__cta{display:block;margin-top:2rem;padding:.95rem;text-align:center;text-decoration:none;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);background:var(--brass);border-radius:999px;transition:background .2s}.panel__cta:hover{background:#d6b87e}.panel__artist{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.6rem;padding-top:1.4rem;border-top:1px solid rgba(244,241,234,.12);font-size:.72rem;letter-spacing:.1em;color:#f4f1ea73}.panel__artist a{color:var(--brass);text-decoration:none}@keyframes fade{0%{opacity:0}}