:root{--ink:#ece7db;--dim:#ece7db80;--faint:#ece7db24;--accent:#8fb4ff;--serif:"Instrument Serif", serif;--sans:"Geist Variable", system-ui, sans-serif;--mono:"Geist Mono Variable", ui-monospace, monospace}*{box-sizing:border-box;margin:0}html{scrollbar-width:none;background:#000}html::-webkit-scrollbar{display:none}body{color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}#spacer{pointer-events:none;position:relative}#intro{text-align:center;pointer-events:none;opacity:0;text-shadow:0 0 14px #000000f2,0 0 4px #000000e6;place-content:center;justify-items:center;gap:18px;display:grid;position:fixed;inset:0}#intro.is-dark{color:#1a1510;text-shadow:0 0 14px #fff6e8cc,0 0 4px #fff6e8b3}#intro.is-dark:before{opacity:0}.kicker{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-size:11px}#intro.is-dark .kicker{color:#2d5bb0}#intro:before{content:"";z-index:-1;background:radial-gradient(closest-side,#0000009e,#0000004d 60%,#0000);width:min(92vw,860px);height:min(70vh,520px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#intro h1{font-family:var(--serif);letter-spacing:-.03em;font-size:clamp(64px,12vw,168px);font-weight:400;line-height:.9}.lede{font-family:var(--serif);color:#ece7dbd9;font-size:clamp(18px,2.2vw,26px);font-style:italic}#intro.is-dark .lede{color:#1a1510d9}.cue{pointer-events:none;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);flex-direction:column;align-items:center;gap:12px;font-size:11px;display:flex;position:fixed;top:calc(50% + 36px);left:50%;transform:translate(-50%)}.cue-line{background:linear-gradient(var(--ink), transparent);transform-origin:top;width:1px;height:48px;animation:2.4s ease-in-out infinite cue}@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.brand{position:fixed;top:28px;left:32px}.brand-name{font-family:var(--serif);font-size:26px;line-height:1}.chips{gap:4px;display:flex;position:fixed;top:26px;right:28px}.chip{width:34px;height:34px;color:var(--dim);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:color .2s;display:grid;position:relative}.chip:hover,.chip:focus-visible{color:var(--ink)}.chip.is-on{color:var(--accent)}.chip.is-on .chip-k{filter:drop-shadow(0 0 5px var(--accent))}.chip.is-on .chip-k svg{stroke-width:1.8px}.chip-k{font:600 11px var(--mono);letter-spacing:.06em;filter:drop-shadow(0 0 4px #000c);place-items:center;display:grid}.chip-k svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}#play .ic-pausa,#play.is-on .ic-play{display:none}#play.is-on .ic-pausa{display:block}.chip-t{white-space:nowrap;font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;top:100%;right:50%;transform:translate(50%)}.chip:hover .chip-t,.chip:focus-visible .chip-t{opacity:1}.chip.is-soon{cursor:default}.chip.is-soon:hover,.chip.is-soon:focus-visible{color:var(--dim)}.chip.is-soon .chip-k{opacity:.45}.chip.is-soon.is-told .chip-t{opacity:1;display:block}#placa{pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ruler{width:72px;position:fixed;top:15vh;bottom:15vh;right:34px}#ruler button{cursor:pointer;background:0 0;border:0;height:14px;padding:0;position:absolute;left:0;right:0;transform:translateY(-7px)}#ruler button:focus-visible{outline:1px solid var(--accent)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#finales{text-align:center;opacity:0;pointer-events:none;text-shadow:0 0 14px #000000f2;width:min(900px,100% - 32px);transition:opacity .8s,transform .8s;position:fixed;top:11vh;left:50%;transform:translate(-50%,10px)}#finales.is-in{opacity:1;pointer-events:auto;transform:translate(-50%)}.fin-k{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:11px}.fin-t{font-family:var(--serif);margin-bottom:16px;font-size:30px;font-style:italic}.fin-b{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}@media (width<=720px){.fin-b{grid-template-columns:repeat(2,1fr)}}.fin-b button{font:500 13px var(--sans);color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08080c99;border:1px dashed #ece7db59;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:9px 10px;transition:border-color .2s,color .2s;display:flex}.fin-b button small{font:10.5px var(--mono);letter-spacing:.04em;color:var(--dim)}.fin-b button:hover,.fin-b button.is-on{border:1px solid var(--accent)}.enlace{max-width:min(360px,100% - 140px);font:500 11px var(--mono);letter-spacing:.04em;color:var(--accent);text-shadow:0 0 10px #000000f2;opacity:0;pointer-events:none;border-bottom:1px dashed #8fb4ff73;padding-bottom:2px;text-decoration:none;transition:opacity .6s,border-color .2s;position:fixed;bottom:26px;right:112px}.enlace.is-in{opacity:.8;pointer-events:auto}.enlace:hover,.enlace:focus-visible{opacity:1;border-bottom-color:var(--accent)}@media (width<=720px){.enlace{bottom:14px;right:16px}}#outro{text-align:center;pointer-events:none;opacity:0;text-shadow:0 0 14px #000000f2,0 0 4px #000000e6;width:min(560px,100% - 32px);transition:opacity 1s,transform 1s;position:fixed;top:9vh;left:50%;transform:translate(-50%,10px)}#outro.is-in{opacity:1;transform:translate(-50%)}.outro-k{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:11px}.outro-t{font-family:var(--serif);font-size:24px;font-style:italic;line-height:1.3}@media (width<=720px){.brand{top:18px;left:16px}.chips{gap:6px;top:16px;right:16px}.chip-t{display:none}#ruler{width:48px;right:8px}}