.epl-window{--epl-night:oklch(16% .03 40);--epl-wood:oklch(42% .09 50);--epl-wood-light:oklch(55% .1 58);--epl-wood-dark:oklch(27% .06 42);--epl-wood-edge:oklch(20% .04 40);--epl-talavera:oklch(45% .16 262);--epl-talavera-deep:oklch(34% .13 262);--epl-tile-white:oklch(96% .015 90);--epl-marigold:oklch(78% .17 65);--epl-marigold-deep:oklch(66% .19 45);--epl-brass:oklch(80% .12 85);--epl-brass-dark:oklch(55% .1 75);--epl-gold:oklch(88% .16 88);--epl-gold-deep:oklch(70% .15 70);--epl-rosa:oklch(68% .22 355);--epl-verde:oklch(66% .15 155);--epl-turquesa:oklch(76% .13 195);--epl-cream:oklch(97% .02 85);--epl-ink:oklch(18% .03 40);--epl-stage:oklch(90% .02 80);--epl-door-ms:1.2s;--epl-pad:clamp(10px, 4.2cqmin, 26px);isolation:isolate;width:100%;min-width:0;height:100%;min-height:0;color:var(--epl-cream);border-radius:clamp(10px,3cqmin,20px);margin:0;position:relative;overflow:hidden;container-type:size}.epl-defs{width:0;height:0;position:absolute;overflow:hidden}.epl-frame{padding:var(--epl-pad);border-radius:inherit;background:repeating-linear-gradient(100deg, color-mix(in oklab, var(--epl-wood-dark) 30%, transparent) 0 2px, transparent 2px 9px), linear-gradient(160deg, var(--epl-wood-light), var(--epl-wood) 45%, var(--epl-wood-dark));box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--epl-brass) 55%, transparent), inset 0 0 0 calc(var(--epl-pad) - 4px) color-mix(in oklab, var(--epl-wood-edge) 10%, transparent), inset 0 0 calc(var(--epl-pad) * 1.4) color-mix(in oklab, var(--epl-wood-edge) 70%, transparent);grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(3px,1cqmin,8px);display:grid;position:absolute;inset:0}.epl-bulbs{pointer-events:none;justify-content:space-between;display:flex;position:absolute}.epl-bulbs--top,.epl-bulbs--bottom{left:calc(var(--epl-pad) * .9);right:calc(var(--epl-pad) * .9);height:var(--epl-pad);align-items:center}.epl-bulbs--top{top:0}.epl-bulbs--bottom{bottom:0}.epl-bulbs--left,.epl-bulbs--right{top:calc(var(--epl-pad) * 1.8);bottom:calc(var(--epl-pad) * 1.8);width:var(--epl-pad);flex-direction:column;align-items:center}.epl-bulbs--left{left:0}.epl-bulbs--right{right:0}.epl-bulb{--c:var(--epl-gold);aspect-ratio:1;background:var(--c);width:clamp(4px,1.5cqmin,10px);box-shadow:0 0 6px color-mix(in oklab, var(--c) 80%, transparent);opacity:.55;animation:1.8s step-end infinite epl-chase;animation-delay:calc(var(--i) * -.6s);border-radius:50%}.epl-bulb[data-hue="1"]{--c:var(--epl-rosa)}.epl-bulb[data-hue="2"]{--c:var(--epl-turquesa)}.epl-bulb[data-hue="3"]{--c:var(--epl-verde)}@keyframes epl-chase{0%,66%{opacity:.4}33%{opacity:1}}.epl-window[data-phase=countdown] .epl-bulb,.epl-window[data-phase=revealing] .epl-bulb{animation-duration:.45s;animation-delay:calc(var(--i) * -.15s)}.epl-window[data-phase=result] .epl-bulb{animation-duration:.9s}.epl-papel{border-top:2px solid color-mix(in oklab, var(--epl-cream) 70%, transparent);justify-content:space-between;gap:2%;height:clamp(14px,8cqh,40px);padding-inline:2%;display:flex}.epl-flag{height:100%;fill:var(--epl-rosa);transform-origin:top;animation:3.4s ease-in-out infinite alternate epl-sway;animation-delay:calc(var(--i,0) * -.4s);filter:drop-shadow(0 2px 0 color-mix(in oklab, var(--epl-wood-edge) 50%, transparent));flex:1}.epl-flag[data-hue="1"]{fill:var(--epl-marigold);animation-delay:-.9s}.epl-flag[data-hue="2"]{fill:var(--epl-turquesa);animation-delay:-1.7s}.epl-flag[data-hue="3"]{fill:var(--epl-verde);animation-delay:-2.4s}@keyframes epl-sway{0%{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}.epl-opening{perspective:1400px;min-height:0;box-shadow:0 0 0 2px var(--epl-wood-edge), 0 0 0 4px color-mix(in oklab, var(--epl-brass) 60%, transparent);border-radius:clamp(6px,1.6cqmin,12px);position:relative;overflow:hidden}.epl-backdrop{background:radial-gradient(ellipse at 50% 35%, var(--epl-stage), color-mix(in oklab, var(--epl-stage) 65%, var(--epl-wood-dark)) 80%);position:absolute;inset:0}.epl-spotlight{z-index:2;pointer-events:none;background:radial-gradient(ellipse 45% 75% at 50% 0%, color-mix(in oklab, var(--epl-gold) 38%, transparent), transparent 70%);mix-blend-mode:screen;opacity:0;transition:opacity .6s;position:absolute;inset:-10% -20% 0}.epl-window[data-phase=revealing] .epl-spotlight,.epl-window[data-phase=live] .epl-spotlight,.epl-window[data-phase=result] .epl-spotlight{opacity:1}.epl-stage{z-index:1;place-items:center;display:grid;position:absolute;inset:4%}.epl-product{object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;width:100%;height:100%;filter:drop-shadow(0 10px 18px color-mix(in oklab, var(--epl-ink) 35%, transparent));opacity:0;transition:opacity .5s,transform .9s cubic-bezier(.2,.9,.25,1.2);position:absolute;inset:0;transform:scale(.94)}.epl-window[data-phase=revealing] .epl-product,.epl-window[data-phase=live] .epl-product,.epl-window[data-phase=result] .epl-product{opacity:1;transition-delay:.2s;transform:scale(1)}.epl-window[data-phase=closed] .epl-product{opacity:1;transition:none;transform:none}.epl-doors{z-index:4;pointer-events:none;transform-style:preserve-3d;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0}.epl-door{height:100%;transition:transform var(--epl-door-ms) cubic-bezier(.55, 0, .25, 1), opacity var(--epl-door-ms) ease;backface-visibility:hidden;position:relative}.epl-door--left{transform-origin:0}.epl-door--right{transform-origin:100%}.epl-window[data-phase=revealing] .epl-door--left,.epl-window[data-phase=live] .epl-door--left,.epl-window[data-phase=result] .epl-door--left{transform:rotateY(-84deg)translate(-4%)}.epl-window[data-phase=revealing] .epl-door--right,.epl-window[data-phase=live] .epl-door--right,.epl-window[data-phase=result] .epl-door--right{transform:rotateY(84deg)translate(4%)}.epl-window[data-phase=live] .epl-door,.epl-window[data-phase=result] .epl-door{opacity:0;transition-delay:0s, calc(var(--epl-door-ms) * .6)}.epl-door-face{background:repeating-linear-gradient(92deg, color-mix(in oklab, var(--epl-wood-dark) 25%, transparent) 0 1px, transparent 1px 7px), linear-gradient(180deg, var(--epl-wood-light), var(--epl-wood) 50%, var(--epl-wood-dark));box-shadow:inset 0 0 0 2px var(--epl-wood-edge), inset 0 0 0 5px color-mix(in oklab, var(--epl-wood-light) 60%, transparent), inset 0 0 18px color-mix(in oklab, var(--epl-wood-edge) 55%, transparent);grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(4px,2.2cqmin,16px);padding:clamp(6px,3.4cqmin,22px);display:grid;position:absolute;inset:0}.epl-door--left .epl-door-face{border-radius:4px 0 0 4px}.epl-door--right .epl-door-face{border-radius:0 4px 4px 0}.epl-door-panel{min-height:0;box-shadow:0 0 0 2px var(--epl-wood-edge), 0 0 0 4px color-mix(in oklab, var(--epl-wood-light) 70%, transparent), inset 0 2px 6px color-mix(in oklab, var(--epl-ink) 40%, transparent);border-radius:3px;position:relative;overflow:hidden}.epl-tiles{width:100%;height:100%;display:block}.epl-door-sign{background:linear-gradient(180deg, var(--epl-marigold), var(--epl-marigold-deep));box-shadow:0 0 0 2px var(--epl-wood-edge), inset 0 1px 0 color-mix(in oklab, var(--epl-cream) 50%, transparent);border-radius:4px;place-items:center;padding:clamp(3px,1.2cqmin,8px) clamp(3px,1cqmin,8px);display:grid}.epl-door-sign span{font-family:var(--font-display);letter-spacing:.02em;color:var(--epl-ink);white-space:nowrap;text-shadow:0 1px 0 color-mix(in oklab, var(--epl-cream) 55%, transparent);font-size:clamp(9px,5.6cqmin,40px);line-height:1}.epl-handle{background:linear-gradient(90deg, var(--epl-brass-dark), var(--epl-brass), var(--epl-brass-dark));width:clamp(4px,1.4cqmin,9px);height:clamp(18px,12cqh,54px);box-shadow:0 2px 4px color-mix(in oklab, var(--epl-ink) 50%, transparent);border-radius:99px;position:absolute;top:50%;transform:translateY(-50%)}.epl-door--left .epl-handle{right:clamp(2px,.8cqmin,6px)}.epl-door--right .epl-handle{left:clamp(2px,.8cqmin,6px)}.epl-hinge{background:linear-gradient(90deg, var(--epl-brass-dark), var(--epl-brass) 45%, var(--epl-brass-dark));width:clamp(5px,2cqmin,12px);height:clamp(10px,7cqh,30px);box-shadow:0 1px 2px color-mix(in oklab, var(--epl-ink) 60%, transparent);border-radius:2px;position:absolute}.epl-door--left .epl-hinge{left:-1px}.epl-door--right .epl-hinge{right:-1px}.epl-hinge--1{top:10%}.epl-hinge--2{top:calc(50% - clamp(5px,3.5cqh,15px))}.epl-hinge--3{bottom:10%}.epl-sweep{pointer-events:none;background:linear-gradient(105deg, transparent 35%, color-mix(in oklab, var(--epl-gold) 55%, transparent) 50%, transparent 65%);mix-blend-mode:screen;opacity:0;background-position:120% 0;background-size:250% 100%;grid-column:1/-1;position:absolute;inset:0}.epl-window[data-phase=countdown] .epl-sweep{opacity:1;animation:1s ease-in-out infinite epl-sweep}@keyframes epl-sweep{0%{background-position:120% 0}to{background-position:-20% 0}}.epl-countdown{z-index:6;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.epl-countdown-num{aspect-ratio:1;width:clamp(48px,34cqmin,200px);font-family:var(--font-display);color:var(--epl-ink);background:radial-gradient(circle at 35% 30%, var(--epl-gold), var(--epl-gold-deep));box-shadow:0 0 0 4px var(--epl-wood-edge), 0 0 0 8px var(--epl-brass), 0 0 50px color-mix(in oklab, var(--epl-gold) 70%, transparent);border-radius:50%;place-items:center;font-size:clamp(28px,22cqmin,140px);line-height:1;animation:1s cubic-bezier(.2,.9,.3,1.3) both epl-pop;display:grid}@keyframes epl-pop{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1.08)}80%{opacity:1;transform:scale(1)}to{opacity:.7;transform:scale(.92)}}.epl-sparkles{z-index:3;pointer-events:none;position:absolute;inset:0}.epl-sparkle{aspect-ratio:1;background:var(--epl-gold);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);opacity:0;width:clamp(8px,4cqmin,20px);animation:1.4s ease-out both epl-twinkle;animation-delay:calc(.4s + var(--i) * .11s);position:absolute}.epl-window[data-phase=live] .epl-sparkle,.epl-window[data-phase=result] .epl-sparkle{animation-iteration-count:1}@keyframes epl-twinkle{0%{opacity:0;transform:scale(.2)rotate(0)}40%{opacity:1;transform:scale(1)rotate(45deg)}to{opacity:0;transform:scale(.4)rotate(90deg)}}.epl-result{z-index:7;background:color-mix(in oklab, var(--epl-night) 86%, transparent);max-width:92%;box-shadow:0 0 0 2px var(--epl-brass), 0 10px 30px color-mix(in oklab, var(--epl-ink) 55%, transparent);border-radius:clamp(8px,2.4cqmin,16px);justify-items:center;gap:clamp(2px,.8cqmin,6px);padding:clamp(5px,2cqmin,14px) clamp(10px,4cqmin,26px);animation:.6s cubic-bezier(.2,.9,.3,1.2) both epl-rise;display:grid;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}@keyframes epl-rise{0%{opacity:0;transform:translate(-50%,30%)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}.epl-price-label{letter-spacing:.22em;text-transform:uppercase;color:var(--epl-marigold);margin:0;font-size:clamp(8px,2.6cqmin,14px);font-weight:700}.epl-price{font-family:var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--epl-gold);background:linear-gradient(180deg, var(--epl-cream), var(--epl-gold) 45%, var(--epl-gold-deep));-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 0 var(--epl-wood-edge)) drop-shadow(0 0 14px color-mix(in oklab, var(--epl-gold) 55%, transparent));-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(20px,12cqmin,84px);line-height:1}.epl-winners{flex-wrap:wrap;justify-content:center;gap:clamp(3px,1cqmin,8px);margin:0;padding:0;list-style:none;display:flex}.epl-winner{max-width:100%;color:var(--epl-ink);background:var(--epl-gold);border-radius:99px;align-items:baseline;gap:.4em;padding:.2em .7em;font-size:clamp(9px,2.8cqmin,15px);font-weight:700;display:inline-flex}.epl-winner[data-rank="1"]{background:var(--epl-tile-white)}.epl-winner[data-rank="2"]{background:var(--epl-marigold)}.epl-winner-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.epl-winner-detail{opacity:.75;white-space:nowrap;font-weight:600}.epl-confetti{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:hidden}.epl-confetto{--c:var(--epl-rosa);background:var(--c);opacity:0;width:clamp(4px,1.8cqmin,10px);height:clamp(7px,3cqmin,16px);animation:2.4s cubic-bezier(.3,.4,.6,1) both epl-fall;animation-delay:calc(var(--i) * 45ms);border-radius:1px;position:absolute;top:-8%}.epl-confetto[data-hue="1"]{--c:var(--epl-marigold)}.epl-confetto[data-hue="2"]{--c:var(--epl-turquesa)}.epl-confetto[data-hue="3"]{--c:var(--epl-verde)}.epl-confetto[data-hue="4"]{--c:var(--epl-gold)}@keyframes epl-fall{0%{opacity:1;transform:translateY(0)rotate(0)}85%{opacity:1}to{opacity:0;transform:translateY(115cqh)rotate(540deg)}}.epl-badge{z-index:8;letter-spacing:.12em;text-transform:uppercase;color:var(--epl-cream);background:color-mix(in oklab, var(--epl-talavera-deep) 92%, transparent);box-shadow:0 0 0 1px var(--epl-tile-white);border-radius:99px;padding:.25em .7em;font-size:clamp(8px,2.4cqmin,12px);font-weight:800;position:absolute;top:clamp(4px,1.6cqmin,10px);left:clamp(4px,1.6cqmin,10px)}.epl-plaque{background:linear-gradient(180deg, var(--epl-talavera), var(--epl-talavera-deep));min-height:clamp(20px,10cqh,52px);box-shadow:0 0 0 2px var(--epl-wood-edge), 0 0 0 3px color-mix(in oklab, var(--epl-brass) 70%, transparent), inset 0 1px 0 color-mix(in oklab, var(--epl-tile-white) 35%, transparent);border-radius:clamp(5px,1.4cqmin,10px);justify-content:center;align-items:center;gap:clamp(4px,1.6cqmin,12px);padding:0 clamp(6px,2cqmin,14px);display:flex}.epl-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-display);color:var(--epl-tile-white);flex:1;margin:0;font-size:clamp(9px,4.4cqmin,28px);line-height:1.15;overflow:hidden}.epl-name[data-shown=false]{color:color-mix(in oklab, var(--epl-tile-white) 55%, transparent);letter-spacing:.08em}.epl-name[data-shown=true]{animation:.5s cubic-bezier(.2,.9,.3,1.2) both epl-name-in}@keyframes epl-name-in{0%{opacity:0;transform:translateY(40%)}to{opacity:1;transform:none}}.epl-marigolds{flex:none;gap:2px;display:inline-flex}.epl-marigolds i{aspect-ratio:1;background:radial-gradient(circle at 40% 35%, var(--epl-marigold), var(--epl-marigold-deep) 70%);width:clamp(5px,2.2cqmin,13px);box-shadow:0 0 0 1px color-mix(in oklab, var(--epl-marigold-deep) 70%, var(--epl-ink));border-radius:50%}@container (height<=260px){.epl-papel{height:clamp(10px,6cqh,22px)}.epl-door-panel:last-of-type{display:none}.epl-door-face{grid-template-rows:minmax(0,1fr) auto}.epl-price{font-size:clamp(18px,9cqmin,44px)}.epl-result{padding-block:4px;bottom:3%}}@media (prefers-reduced-motion:reduce){.epl-window{--epl-door-ms:1ms}.epl-bulb,.epl-flag,.epl-sweep,.epl-countdown-num,.epl-name[data-shown=true],.epl-result{animation:none!important}.epl-bulb{opacity:.85}.epl-sparkles,.epl-confetti{display:none}.epl-window[data-phase=revealing] .epl-door,.epl-window[data-phase=live] .epl-door,.epl-window[data-phase=result] .epl-door{opacity:0;transition:opacity .25s linear;transform:none}.epl-door{transition:opacity .25s linear}.epl-product,.epl-spotlight{transition:opacity .25s linear;transform:none!important}}.epl-product-artwork{overflow:hidden}.epl-product-artwork>svg{width:100%;height:100%;display:block}.epl-window[data-close-for-results=true][data-phase=result] .epl-door--left,.epl-window[data-close-for-results=true][data-phase=result] .epl-door--right{opacity:1;transition-delay:0s;transform:rotateY(0)translate(0)}.epl-window[data-close-for-results=true][data-phase=result] .epl-product{opacity:0;transition:opacity .25s}.epl-window[data-close-for-results=true][data-phase=result] .epl-result{text-align:center;background:color-mix(in oklab, var(--epl-night) 95%, transparent);gap:clamp(6px,2cqmin,14px);width:min(90%,540px);max-width:90%;max-height:85%;padding:clamp(12px,4cqmin,28px);animation:.48s ease-out 1.15s both imagen-result-after-close;top:50%;bottom:auto;overflow:auto}.epl-window[data-close-for-results=true][data-phase=result] .epl-price{white-space:normal;overflow-wrap:anywhere;font-size:clamp(24px,8cqmin,58px);line-height:1.08}.epl-window[data-close-for-results=true][data-phase=result] .epl-winners{flex-direction:column;align-items:stretch;gap:6px;width:100%}.epl-window[data-close-for-results=true][data-phase=result] .epl-winner{text-align:left;border-radius:8px;justify-content:space-between;font-size:clamp(11px,3cqmin,17px)}.epl-no-winners{color:var(--epl-cream);margin:0;font-size:clamp(11px,2.6cqmin,16px);font-weight:700}@keyframes imagen-result-after-close{0%{opacity:0;transform:translate(-50%,-42%)scale(.94)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.epl-window[data-close-for-results=true][data-phase=result] .epl-result{animation:none;transform:translate(-50%,-50%)}}
