@font-face{font-family:Playlist;src:url(/construction/fonts/Playlist%20Script.otf)format("opentype");font-display:swap}@font-face{font-family:Inter;src:url(/construction/fonts/InterVariable.woff2)format("woff2");font-display:swap;font-weight:100 900}:root{--gold:#d5a656;--pink:#ffc8de;--pale-pink:#ffe4ef;--cream:#fff7e8;--ink:#3a2a21;--secondary:#8b6b5b}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font:400 16px/1.5 Inter,sans-serif}button,input{font:inherit;color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-underline-offset:7px;text-decoration-thickness:1px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--ink);outline-offset:6px}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.construction-header{justify-content:space-between;align-items:flex-start;gap:12px;max-width:1480px;min-height:140px;margin:auto;padding:22px 40px 0;display:flex}.brand{width:160px;height:auto;display:block}.construction-header>a:last-child{-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);margin-top:12px;font-size:22px}.header-state{align-self:center;font-size:20px}main{text-align:center;max-width:1440px;margin:0 auto;padding:0 28px 70px}.intro{pointer-events:none;max-width:1000px;margin:-142px auto 0;position:relative}.construction-title{margin:0 0 16px;font-size:clamp(26px,3.8vw,54px);font-weight:450;line-height:1.18}.bridge{margin:0;font-size:clamp(20px,2.8vw,36px)}h1{color:var(--gold);margin:0;padding:8px 0 16px;font:400 clamp(48px,7.7vw,112px)/1.15 Playlist,cursive}.thanks{margin:20px 0 0;font-size:clamp(18px,2.7vw,32px)}.game-scene{isolation:isolate;width:100%;max-width:1320px;height:610px;margin:40px auto 0;position:relative}.options{z-index:5;position:absolute;inset:0}.object-control{background:var(--pale-pink);aspect-ratio:1;border:3px solid #0000;border-radius:50%;width:22%;min-width:48px;min-height:48px;padding:0;transition:border-color .2s,opacity .2s,background .2s;position:absolute}.object-control img{object-fit:contain;pointer-events:none;width:116%;max-width:none;height:116%;margin:-8%;display:block}.slot-0{top:0;left:0}.slot-1{bottom:0;left:0}.slot-2{top:0;right:0}.slot-3{bottom:0;right:0}.object-control:hover:not(:disabled){background:var(--pink)}.object-control[data-state=added]{opacity:.5;border-color:var(--gold)}.object-control[data-state=queued]{border-style:dashed;border-color:var(--secondary)}.object-control[data-state=pouring]{opacity:.35}.object-control[aria-pressed=true]{border-color:var(--gold);background:var(--pink)}.check,.pending{background:var(--gold);color:var(--ink);border-radius:50%;width:32px;height:32px;font-size:22px;font-weight:700;line-height:32px;display:none;position:absolute;bottom:5%;right:5%}.object-control[aria-pressed=true] .check,.object-control[data-state=added] .check{display:block}.object-control[data-state=queued] .pending{background:var(--cream);display:block}.bowl-stack{aspect-ratio:1;z-index:2;pointer-events:none;width:58%;position:absolute;top:-9%;left:21%}.bowl,.bowl-front{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.bowl-front{z-index:4;-webkit-mask:url(/construction/assets/escena/bol-frente-mask.svg) 50%/100% 100% no-repeat;mask:url(/construction/assets/escena/bol-frente-mask.svg) 50%/100% 100% no-repeat}.liquid-plane{opacity:0;z-index:1;border-radius:50%;width:77%;height:21%;transition:opacity .3s;position:absolute;top:25%;left:11.5%;overflow:hidden}.has-liquid .liquid-plane{opacity:1}.liquid-circle{aspect-ratio:1;width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(.272727)}.liquid-spin{border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden}.liquid-spin img{object-fit:cover;width:100%;height:100%}.liquid-tint{mix-blend-mode:multiply;opacity:.7;transition:background-color 1s;position:absolute;inset:0}.pour-layer{z-index:3;position:absolute;inset:0}.pour-object{object-fit:contain;transform-origin:50% 80%;width:36%;height:36%;position:absolute;top:-9%;left:32%}.pour-stream{object-fit:contain;width:40%;height:40%;position:absolute;top:5%;left:30%}.flavor-fall{object-fit:contain;width:25%;height:25%;position:absolute;top:0;left:37.5%}.baking-veil{z-index:8;pointer-events:none;opacity:0;filter:blur(15px);background:radial-gradient(#ffc8de99,#d5a65655,#0000 65%);position:absolute;inset:0}.cake-result{object-fit:contain;z-index:9;width:62%;height:auto;position:absolute;top:-7%;left:19%}.game-actions{min-height:70px;margin:20px auto 0}.game-help{z-index:6;width:100%;min-height:27px;margin:0;font-size:20px;position:absolute;top:-38px;left:0}.mix-button,.cake-newsletter button{background:var(--pink);border:0;border-radius:50px;min-height:52px;padding:12px 42px;font-weight:550}.mix-button:disabled{opacity:.65;cursor:default;background:#efe9e5}.restart{text-underline-offset:7px;background:0 0;border:0;min-height:48px;font-size:24px;text-decoration:underline}.game-error{margin:12px}.hint img{animation:.6s ease-in-out invite}.mixing .liquid-spin{animation:1.25s linear infinite spin}.baking .baking-veil{animation:1.2s ease-in-out both bake}@keyframes spin{to{transform:rotate(360deg)}}@keyframes invite{50%{transform:translateY(-10px)rotate(4deg)}}@keyframes bake{50%,85%{opacity:1}}.result-invitations{border-top:1px solid var(--gold);max-width:900px;margin:26px auto 0;padding:26px 20px 0}.result-invitations h2{margin:12px 0 30px;font-size:clamp(24px,3.2vw,38px);font-weight:500}.cake-newsletter{align-items:stretch;gap:20px;display:flex}.email-field{text-align:left;border:1px solid var(--gold);border-radius:20px;flex:1;min-width:0;padding:8px 24px}.email-field label{font-size:16px;font-weight:600;display:block}.email-field input{outline-offset:0;background:0 0;border:0;width:100%;min-height:32px;font-size:20px}.result-links{justify-content:center;gap:70px;margin-top:25px;font-size:22px;display:flex}#newsletter-status{min-height:24px}main[data-phase=result] .intro{margin:14px auto 0}main[data-phase=result] .game-scene{height:550px;margin:10px auto 0}main[data-phase=result] .game-help{display:none}main[data-phase=result] .game-actions{min-height:48px;margin:0}@media (width>=1500px){.game-scene{height:600px}}@media (width<=700px){.construction-header{align-items:flex-start;min-height:100px;padding:14px 18px 0}.brand{width:78px}.construction-header>a:last-child{margin-top:12px;font-size:18px}.construction-header{flex-wrap:wrap}.header-state{text-align:center;flex-basis:100%;order:3;max-width:none;font-size:14px;line-height:1.2}main{padding:0 12px 48px}.intro{max-width:500px;margin:12px auto 0}.construction-title{max-width:300px;margin:12px auto 14px;font-size:30px}.bridge{font-size:23px}h1{max-width:380px;margin:auto;padding-top:10px;font-size:59px;line-height:1.1}.game-scene{max-width:480px;height:300px;margin:35px auto 0}.object-control{width:27%}.slot-0,.slot-2{top:0}.slot-1,.slot-3{bottom:0}.bowl-stack{width:64%;top:17%;left:18%}.check,.pending{width:24px;height:24px;font-size:17px;line-height:24px;bottom:0;right:0}.game-actions{margin-top:20px}.game-help{font-size:16px;top:-27px}.cake-result{width:100%;top:-5%;left:0}main[data-phase=result] .intro{margin:18px auto 0}main[data-phase=result] h1{font-size:58px}.thanks{max-width:300px;margin:18px auto 0;font-size:18px}.thanks span{display:block}main[data-phase=result] .game-scene{max-width:400px;height:360px;margin:10px auto 0}.result-invitations{margin-top:22px;padding:14px 8px 0}.result-invitations h2{max-width:300px;margin:12px auto 24px;font-size:28px}.cake-newsletter{flex-direction:column;gap:14px}.cake-newsletter button{width:100%;font-size:18px}.result-links{flex-direction:column;gap:22px;font-size:18px}.email-field input{font-size:18px}.restart{font-size:21px}}@media (width<=360px){h1{font-size:51px}.construction-title{font-size:27px}.game-scene{height:250px}.brand{width:68px}main[data-phase=result] .game-scene{height:300px}main[data-phase=result] h1{font-size:51px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.15s!important;animation:none!important}.hint{border-color:var(--gold)}}.mix-button{width:400px;max-width:100%;min-height:72px;font-size:30px}@media (width<=700px){.mix-button{width:75%;min-height:52px;font-size:22px}.construction-header{flex-wrap:nowrap;position:relative}.header-state{white-space:nowrap;font-size:14px;position:absolute;top:74px;left:90px;right:90px}h1{padding-bottom:0}.game-scene{height:230px;margin-top:20px}.bowl-stack{top:0}main[data-phase=result] .intro{margin-top:0}main[data-phase=result] h1{padding:0;font-size:54px;line-height:1}main[data-phase=result] .thanks{margin-top:10px}main[data-phase=result] .game-scene{height:310px;margin-top:0}}@media (width<=360px){.game-scene{height:210px}main[data-phase=result] h1{font-size:49px}main[data-phase=result] .game-scene{height:265px}.header-state{font-size:12px;left:75px;right:75px}}