@font-face{font-family:Cinzel Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/cinzel-latin-ext-wght-normal-CG36JvV6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/cinzel-latin-wght-normal-DMUuCU8H.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/montserrat-latin-400-normal-BLhwKU8k.woff2)format("woff2"),url(/assets/montserrat-latin-400-normal-xItZbAXg.woff)format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/montserrat-latin-600-normal-UVxSCcoG.woff2)format("woff2"),url(/assets/montserrat-latin-600-normal-CdhFl4lI.woff)format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/montserrat-latin-800-normal-axpkC1rd.woff2)format("woff2"),url(/assets/montserrat-latin-800-normal-C3dfDxXV.woff)format("woff")}:root{--rojo:#cd1421;--frambuesa:#e33147;--amarillo:#fecf00;--ciruela:#6a235f;--perla:#ceced1;--noche:#0b0510;--serif:"Cinzel Variable", "Cinzel", "Trajan Pro", Georgia, serif;--sans:"Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(120% 80% at 50% 115%, #5a0b22 0%, transparent 60%), radial-gradient(90% 70% at 50% 0%, #1d0620 0%, var(--noche) 70%);color:#fff;font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow:hidden}.app{height:100vh;height:100svh;position:relative;overflow:hidden}.sky,.fx{width:100%;height:100%;display:block;position:fixed;inset:0}.sky{z-index:0}.sky[data-fallback]{display:none}.fx{pointer-events:none}.fx-back{z-index:1}.fx-front{z-index:3}.stage{z-index:2;height:100vh;place-items:center;height:100svh;padding:0 4vw;display:grid;position:relative}.hero{flex-direction:column;align-items:center;display:flex;position:relative;transform:translateY(2.5svh)}.logo-wrap{width:min(72vw,820px,108svh)}.logo{filter:drop-shadow(0 1.2vw 2.4vw #00000073);touch-action:none;width:100%;height:auto;display:block;overflow:visible}.logo .stripes rect{cursor:pointer}.credit{pointer-events:none;font-family:var(--serif);text-transform:uppercase;color:#f6e9c9;white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;gap:.9em;font-size:clamp(.85rem,1.7vw,1.3rem);font-weight:600;display:flex;position:absolute;inset:0}.credit .rule{background:linear-gradient(90deg, transparent, var(--amarillo), transparent);width:10em;height:1px;display:block}.titles{text-align:center;margin-top:clamp(.8rem,3.2svh,2.4rem)}.title{font-family:var(--serif);letter-spacing:.07em;white-space:nowrap;filter:drop-shadow(0 .05em #6a235fe6)drop-shadow(0 0 .28em #fecf0059);justify-content:center;margin:0;font-size:clamp(1.45rem,min(7.4vw,10svh),5.8rem);font-weight:700;line-height:1.05;display:flex}.glyph{color:#0000;will-change:transform, opacity;background-image:linear-gradient(100deg,#fecf00 0%,#fff4b8 9%,#fecf00 18%,#ff9e3d 34%,#fecf00 50%,#fffbe8 60%,#fecf00 70%,#ffb84d 86%,#fecf00 100%);background-size:1200% 100%;-webkit-background-clip:text;background-clip:text;margin:-.26em -.02em -.08em;padding:.26em .02em .08em;display:inline-block}.subtitle{color:#ffffffe0;text-wrap:balance;max-width:44ch;margin:clamp(.6rem,2svh,1.3rem) auto 0;font-size:clamp(.92rem,min(1.55vw,2.6svh),1.22rem);line-height:1.55}.subtitle strong{color:#fff;font-weight:800}.soon{letter-spacing:.22em;text-transform:uppercase;color:var(--perla);justify-content:center;align-items:center;gap:.6em;margin-top:.9em;font-size:max(.74em,.72rem);font-weight:600;display:flex}.pulse{background:var(--amarillo);border-radius:50%;width:.62em;height:.62em;animation:2.2s ease-out infinite pulse;box-shadow:0 0 #fecf0099}@keyframes pulse{0%{box-shadow:0 0 #fecf008c}80%,to{box-shadow:0 0 0 .9em #fecf0000}}.hint{color:#ffffffc2;text-align:center;text-wrap:balance;max-width:46ch;margin:clamp(.55rem,1.8svh,1.2rem) auto 0;font-size:clamp(.8rem,min(1.2vw,2.1svh),.95rem);line-height:1.45;display:grid}.hint-say{visibility:hidden;opacity:0;grid-area:1/1;transition:opacity .3s,visibility 0s linear .3s}.hint-say.shown{visibility:visible;opacity:1;transition:opacity .35s .1s,visibility}.hint-icon{vertical-align:-.2em;color:var(--amarillo);margin-right:.4em}.hint-cta{font:inherit;color:var(--amarillo);text-underline-offset:.25em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline;text-decoration-thickness:.08em}.hint-cta:hover{color:#fff}.hint-cta:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #fff}.hint-touch{display:none}@media (hover:none),(pointer:coarse){.hint-mouse{display:none}.hint-touch{display:inline}}@media (min-width:900px){.hint{max-width:min(88ch,92vw)}}.letterbox .bar{z-index:4;pointer-events:none;background:#000;height:min(max(0px,50svh - 20.9205vw),12svh);position:fixed;left:0;right:0}.letterbox .top{top:0;box-shadow:0 1px #ffffff0a}.letterbox .bottom{bottom:0}.controls{left:0;right:0;bottom:max(22px, env(safe-area-inset-bottom));z-index:5;flex-wrap:wrap;justify-content:center;gap:12px;padding:0 16px;display:flex;position:fixed}.btn{min-width:44px;min-height:44px;font:700 .92rem/1 var(--sans);letter-spacing:.02em;color:#22071f;background:linear-gradient(180deg, #ffe46b, var(--amarillo));cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.55em;padding:.7em 1.25em;display:inline-flex;box-shadow:0 8px 24px #fecf0038,inset 0 -2px #00000029}.btn.ghost{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff47}.like-wrap{display:inline-flex;position:relative}.btn.like{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e3314729;box-shadow:inset 0 0 0 1px #ff8fa08c,0 8px 24px #e3314729}.btn.like.on{background:linear-gradient(180deg, #f2475d, var(--rojo));box-shadow:0 8px 26px #e331476b,inset 0 -2px #0000002e}.like-heart{color:#ff8fa0;place-items:center;display:inline-grid;position:relative}.btn.like.on .like-heart{color:#fff}.btn.like:not(.on) .like-heart svg{animation:2.8s ease-in-out 1.2s infinite heartbeat}@keyframes heartbeat{0%,24%,to{transform:scale(1)}8%{transform:scale(1.22)}15%{transform:scale(.96)}20%{transform:scale(1.12)}}.like-ring{pointer-events:none;border:2px solid #ffc2cc;border-radius:50%;position:absolute;inset:-3px}.like-count{font-variant-numeric:tabular-nums;text-align:center;background:#0000003d;border-radius:999px;min-width:1.7em;margin:-.35em -.6em -.35em 0;padding:.35em .6em;display:inline-grid;overflow:hidden}.like-count>*{grid-area:1/1}.like-status{pointer-events:none;text-align:center;width:max-content;max-width:min(240px,70vw);position:absolute;bottom:calc(100% + 12px);left:50%;translate:-50%}.like-note{font:600 .82rem/1.35 var(--sans);color:#22071f;background:#fff4c4;border-radius:12px;padding:.6em .95em;display:block;position:relative;box-shadow:0 10px 28px #00000059}.like-note:after{content:"";border:7px solid #0000;border-top-color:#fff4c4;position:absolute;top:100%;left:50%;translate:-50%}.sm-only{display:none}.btn:focus-visible,.close:focus-visible{outline-offset:3px;outline:3px solid #fff}.btn.sound{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:6;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000061;padding:.55em .95em;font-size:.82rem;position:fixed;box-shadow:inset 0 0 0 1px #ffffff3d}.btn.sound.on{color:var(--amarillo);box-shadow:inset 0 0 0 1px #fecf0099}.eq{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.eq i{transform-origin:bottom;background:currentColor;border-radius:1px;width:3px;height:100%;animation:.9s ease-in-out infinite eq}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.credits-backdrop{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08020ab3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.credits{width:min(780px,100%);max-height:88vh;overscroll-behavior:contain;color:#f5ecf4;scrollbar-color:#fecf0066 transparent;background:linear-gradient(#2e0b2cf7,#110513fa);border-radius:22px;max-height:min(88svh,960px);padding:clamp(22px,4vw,44px);position:relative;overflow:auto;box-shadow:0 30px 90px #0009,inset 0 0 0 1px #fecf0038}.credits .close{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:14px;right:14px}.credits .eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--perla);margin:0;font-size:.75rem;font-weight:600}.credits h2{font-family:var(--serif);color:var(--amarillo);margin:.15em 0 .3em;font-size:clamp(2rem,5vw,2.8rem)}.credits .lede{color:#ffffffdb;max-width:60ch;margin:0;line-height:1.6}.credits h3{letter-spacing:.2em;text-transform:uppercase;color:var(--amarillo);margin:2em 0 .8em;font-size:.78rem;font-weight:800}.credits ul,.credits ol{margin:0;padding:0;list-style:none}.skills li{border-top:1px solid #ffffff12;grid-template-columns:minmax(12.5em,auto) 1fr;gap:.4em 1em;padding:.6em 0;line-height:1.5;display:grid}.skills code,.palette code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.86em}.skills code{color:#ffb3bf;background:#e3314724;border-radius:6px;place-self:start;padding:.2em .55em}.skills span,.principles span{color:#ffffffc7}.principles{counter-reset:p;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9em 1.6em;display:grid}.principles li{counter-increment:p;padding-left:2.1em;line-height:1.45;position:relative}.principles li:before{content:counter(p);color:#22071f;background:var(--amarillo);border-radius:50%;place-items:center;width:1.55em;height:1.55em;font-size:.78em;font-weight:800;display:grid;position:absolute;top:.05em;left:0}.principles strong{color:#fff;display:block}.palette{flex-wrap:wrap;gap:.6em 1.4em;display:flex}.palette li{align-items:center;gap:.5em;display:inline-flex}.palette i{border-radius:50%;width:16px;height:16px;box-shadow:inset 0 0 0 1px #ffffff59}.credits .fine{color:#fff9;margin:1.8em 0 0;font-size:.85rem}.noscript{text-align:center;place-content:center;gap:.5rem;min-height:100svh;padding:2rem;display:grid}.noscript h1{font-family:var(--serif);color:var(--amarillo)}@media (max-width:640px){.logo-wrap{width:90vw}.skills li,.principles{grid-template-columns:1fr}.sound-label,.lg-only{display:none}.sm-only{display:inline}.controls{gap:8px;padding:0 12px}.controls .btn{padding:.7em 1em}}@media (max-width:380px){.controls .btn{padding:.7em .9em;font-size:.88rem}}@media (max-height:540px) and (orientation:landscape){.hero{transform:translateY(-4svh)}.logo-wrap{width:min(56vw,88svh)}.titles{margin-top:1.5svh}.title{font-size:min(6vw,9svh)}.subtitle{max-width:62ch;margin-top:.4rem;font-size:.85rem;line-height:1.4}.soon{margin-top:.35em}.hint{max-width:min(96ch,92vw);margin-top:.3rem;font-size:.74rem;line-height:1.35}.controls{bottom:max(10px, env(safe-area-inset-bottom))}.sound-label,.lg-only{display:none}.sm-only{display:inline}}@media (prefers-reduced-motion:reduce){.pulse,.eq i,.btn.like .like-heart svg{animation:none}}