:root{color-scheme:light only;--c-bg:#f8f6f1;--c-paper:#efebe3;--c-olive-900:#424b3b;--c-olive-700:#5f6b54;--c-olive-600:#6e7a62;--c-sage-500:#a8ae98;--c-sage-300:#c8ccbb;--c-sage-100:#eef0e7;--c-cream:#f2eee6;--c-petal:#efe7da;--c-gold:#c8ad7f;--c-gold-700:#8a6c3e;--c-ink:#3f3f3a;--c-muted:#6d6c63;--c-line:#5f6b542e;--c-white:#fff;--c-danger:#9b3b2f;--c-script:#a8854e;--foil:linear-gradient(115deg, #9c7a45 0%, #c4a067 28%, #e2cb98 46%, #b8935a 60%, #a07e48 100%);--shadow-card:5px 8px 16px #00000029;--shadow-soft:0 10px 30px #30402a1f;--shadow-photo:14px 18px 22px #00000047;--radius-card:18px;--radius-pill:999px;--gutter:clamp(1rem, 5vw, 2rem);--measure:34rem;--section-pad:clamp(4rem, 12vw, 7rem);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--title-script:clamp(2.8rem, 12vw, 4.4rem)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;background:var(--c-bg)}body{min-height:100svh;color:var(--c-ink);font-family:var(--font-serif);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.55;overflow-x:clip}img,svg,video{max-width:100%;display:block}img{height:auto}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--c-olive-700)}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--c-olive-700);outline-offset:3px}[hidden]{display:none!important}html.has-modal{overflow:hidden}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}html.is-locked,html.is-locked body{overscroll-behavior:none;height:100svh;overflow:hidden}html.is-locked body{width:100%;position:fixed;inset:0}.screen{padding-block:var(--section-pad);padding-inline:var(--gutter);position:relative;overflow-x:clip}.block{width:100%;max-width:var(--measure);margin-inline:auto;position:relative}.block~.block{margin-top:clamp(3.5rem,12vw,5rem)}@media (width>=1024px){.screen{align-content:center;min-height:100svh;padding-block:clamp(4rem,8vh,6rem);display:grid}.screen--split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;column-gap:clamp(3rem,6vw,7rem);max-width:1180px;margin-inline:auto}.screen--split>.block~.block{margin-top:0}.screen--fecha{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"count cal""intro cal";align-items:center;gap:2.5rem clamp(3rem,6vw,7rem);max-width:1180px;margin-inline:auto}.screen--fecha>.countdown{grid-area:count;align-self:end}.screen--fecha>.intro{grid-area:intro;align-self:start}.screen--fecha>.date-root{grid-area:cal}.screen--fecha>.block~.block{margin-top:0}}.title-script{font-family:var(--font-script);font-weight:400;font-size:var(--title-script);color:var(--c-script);text-align:center;line-height:1.1}.title-script,.foil{background:var(--foil);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:-.2em -.25em -.35em;padding:.2em .25em .35em}.kicker{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.18em;color:var(--c-olive-700);text-align:center}.lead{text-align:center;color:var(--c-ink);text-wrap:pretty;font-size:1.0625rem;line-height:1.6}.muted{color:var(--c-muted)}.section-head{text-align:center;justify-items:center;gap:.9rem;margin-bottom:clamp(1.8rem,6vw,2.6rem);display:grid}.section-head .lead{max-width:30rem}.btn{--btn-bg:var(--c-olive-700);--btn-fg:var(--c-white);--btn-border:var(--c-olive-700);border:1.5px solid var(--btn-border);border-radius:var(--radius-pill);background:var(--btn-bg);min-height:48px;color:var(--btn-fg);font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;transition:background-color .25s ease, color .25s ease, transform .2s var(--ease-out), box-shadow .25s ease;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:.55rem;padding:.75rem 1.5rem;font-size:.86rem;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{--btn-bg:var(--c-olive-600);box-shadow:0 6px 18px #30402a38}.btn:active{transform:scale(.97)}.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:none}.btn--outline{--btn-bg:transparent;--btn-fg:var(--c-olive-700)}.btn--outline:hover{--btn-bg:#4a592f14;box-shadow:none}.btn--sage{--btn-bg:var(--c-sage-500);--btn-border:var(--c-sage-500);--btn-fg:var(--c-olive-900)}.btn--block{width:100%}.btn svg{flex:none;width:1.15em;height:1.15em}.btn-row{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.card{background:var(--c-white);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:clamp(1.4rem,5vw,2rem);position:relative}.card--cream{background:var(--c-cream);box-shadow:var(--shadow-card);border-radius:2px}.card--sage{background:var(--c-sage-500);color:var(--c-white);box-shadow:var(--shadow-card)}.field{gap:.4rem;display:grid}.field>span,.field>legend{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--c-olive-700);font-size:.8rem}.input,.select,.textarea{border:1.5px solid var(--c-line);background:var(--c-white);width:100%;min-height:48px;caret-color:var(--c-olive-700);border-radius:12px;padding:.7rem .95rem;font-size:1rem;transition:border-color .2s}.textarea{resize:vertical;min-height:7.5rem}.input:focus,.select:focus,.textarea:focus{border-color:var(--c-olive-700);outline:none}.form-error{color:var(--c-danger);font-size:.95rem}.soon{border-radius:var(--radius-pill);color:var(--c-olive-700);font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;background:#abb38547;align-items:center;gap:.4rem;padding:.3rem .8rem .34rem;font-size:.72rem;display:inline-flex}.soon:before{content:"";background:var(--c-olive-700);border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite soon-pulse}@keyframes soon-pulse{0%,to{opacity:.25}50%{opacity:1}}.coming{text-align:center;justify-items:center;gap:.6rem;display:grid}.coming__label{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--c-olive-700);font-size:.8rem}.coming__pill{border-radius:var(--radius-pill);background:var(--c-sage-100);color:#5f6b5499;font-family:var(--font-script);padding:.4rem 1.1rem;font-size:2rem;line-height:1.3}.coming__pill--small{padding:.2rem .75rem;font-size:clamp(1.1rem,4.4vw,1.5rem)}.coming__text{max-width:26rem;color:var(--c-muted);text-wrap:pretty}.menu{position:relative}.menu[open]{z-index:20}.menu__current{border:1.5px solid var(--c-line);background:var(--c-white);min-height:48px;color:var(--c-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:space-between;align-items:center;gap:.6rem;padding:.7rem .95rem;list-style:none;transition:border-color .2s;display:flex}.menu__current::-webkit-details-marker{display:none}.menu__current svg{color:var(--c-olive-700);transition:rotate .25s var(--ease-out);flex:none}.menu[open] .menu__current{border-color:var(--c-olive-700)}.menu[open] .menu__current svg{rotate:180deg}.menu__current:focus-visible{outline:2px solid var(--c-olive-700);outline-offset:2px}.menu__placeholder{color:var(--c-muted)}.menu__list{overscroll-behavior:contain;max-height:min(18rem,60vh);box-shadow:var(--shadow-soft);animation:menu-in .25s var(--ease-out);background:#fffdf8;border:1px solid #c8ad7f73;border-radius:14px;gap:2px;padding:.35rem;display:grid;position:absolute;top:calc(100% + .4rem);left:0;right:0;overflow-y:auto}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}}.menu__option{color:var(--c-ink);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:.6rem;padding:.65rem .8rem;transition:background-color .2s;display:flex;position:relative}.menu__option input{opacity:0;pointer-events:none;position:absolute}.menu__option .menu__check{color:var(--c-olive-700);opacity:0;flex:none}.menu__option:hover,.menu__option:has(input:checked){background:var(--c-sage-100)}.menu__option:has(input:checked){color:var(--c-olive-900);font-weight:700}.menu__option input:checked~.menu__check{opacity:1}.menu__option:has(input:focus-visible){outline:2px solid var(--c-olive-700)}.toast{z-index:100;left:50%;bottom:max(5rem, calc(env(safe-area-inset-bottom) + 4.5rem));background:var(--c-olive-900);max-width:min(90vw,26rem);color:var(--c-white);text-align:center;opacity:0;pointer-events:none;transition:opacity .3s ease, transform .3s var(--ease-out);border-radius:14px;padding:.7rem 1.1rem;font-size:.98rem;position:fixed;transform:translate(-50%,12px);box-shadow:0 10px 30px #00000040}.toast.is-visible{opacity:1;transform:translate(-50%)}.js [data-reveal]{opacity:0;transition:opacity .9s var(--ease-out), transform .9s var(--ease-out);transition-delay:var(--reveal-delay,0s);transform:translateY(28px)}.js [data-reveal=fade]{transform:none}.js [data-reveal=zoom]{transform:scale(.94)}.js [data-reveal].is-visible{opacity:1;transform:none}@keyframes sway{0%,to{transform:rotate(var(--sway-from,-1.5deg))}50%{transform:rotate(var(--sway-to,1.5deg))}}.sway{animation:sway var(--sway-duration,7s) var(--ease-in-out) infinite;transform-origin:var(--sway-origin,50% 100%)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.js [data-reveal]{opacity:1;transform:none}}.rank{gap:.7rem;display:grid}.rank__list{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.rank__row{background:var(--c-sage-100);min-height:44px;color:var(--c-muted);text-align:left;border-radius:12px;grid-template-columns:2.4rem minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.45rem .9rem;display:grid}.rank__row--me{background:var(--c-olive-700);color:var(--c-white);box-shadow:0 8px 18px #30402a40}.rank__pos{font-family:var(--font-display);font-size:1.05rem}.rank__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank__row--me .rank__name{font-weight:700}.rank__score{opacity:.85;font-size:.85rem}.rank__meta{color:var(--c-muted);text-align:center;flex-wrap:wrap;justify-content:center;gap:.2rem .8rem;font-size:.85rem;display:flex}.rank__prize{color:var(--c-gold-700);font-weight:700}.rank__phrase{font-family:var(--font-arapey);color:var(--c-olive-700);text-align:center;text-wrap:pretty;font-size:1.1rem;line-height:1.45}
