@font-face{font-family:KA1;src:url(/assets/fonts/ka1.ttf)format("truetype");font-display:swap}@font-face{font-family:TT00;src:url(/assets/fonts/00TT.TTF)format("truetype");font-display:swap}html,body,#app{width:100%;height:100%;margin:0}body{background:#e4b9cb;justify-content:center;align-items:center;font-family:Trebuchet MS,Segoe UI,sans-serif;display:flex;overflow:hidden}#app{--room-entry-origin-x:50%;--room-entry-origin-y:50%;aspect-ratio:2000/1562;background:#e4b9cb;width:min(100vw,128.041vh);max-width:100vw;height:auto;max-height:100vh;position:relative}canvas{display:block}.intro-overlay{z-index:5000;position:absolute;inset:0;overflow:hidden}.intro-overlay.is-gift-locked{opacity:0;pointer-events:none}.gift-intro-overlay{z-index:7000;background:#e4b9cb;place-items:center;transition:opacity .46s;display:grid;position:absolute;inset:0}.gift-intro-overlay.is-opening{opacity:0;pointer-events:none}.gift-intro-button{cursor:pointer;background:0 0;border:none;width:94%;height:94%;padding:0;transition:transform .22s;transform:scale(1)}.gift-intro-image{object-fit:contain;width:100%;height:100%;animation:2.8s ease-in-out infinite giftFloat}.gift-intro-button:hover,.gift-intro-button:focus-visible{transform:scale(1.03)}@keyframes giftFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.wardrobe-bg-layer{z-index:1;opacity:0;pointer-events:none;background:#000 url(/assets/images/backgrounds/wardrobe/fondovestuario.png) 50%/cover no-repeat;transition:opacity 1.1s;position:absolute;inset:0}.wardrobe-bg-layer.is-visible{opacity:1}.wardrobe-side-characters-layer{z-index:30;opacity:0;pointer-events:none;transition:opacity .9s;position:absolute;inset:0}.wardrobe-side-characters-layer.is-visible{opacity:1}.wardrobe-side-characters-layer.is-disabled{opacity:0;visibility:hidden}.wardrobe-side-characters-layer.is-disabled .wardrobe-side-character{pointer-events:none}.wardrobe-side-character{--char-left:0px;--char-up:0px;--char-scale:.4;--char-width:260px;--char-z:2;--speech-left-gap:0px;--speech-up:0px;--speech-scale:.4;z-index:var(--char-z);cursor:pointer;pointer-events:auto;transform:translate(var(--char-left), calc(var(--char-up) * -1));background:0 0;border:0;outline:none;padding:0;position:absolute;right:0}.wardrobe-side-character.is-evo{--char-left:-20px;--char-up:30px;--char-z:3;--speech-up:14px;top:10%}.wardrobe-side-character.is-jojolop{--char-left:-20px;--char-up:0px;--char-z:6;--speech-up:18px;top:65%}.wardrobe-side-character.is-shun{--char-left:-20px;--char-up:0px;--char-z:4;--speech-up:12px;top:35%}.wardrobe-side-character-portrait{width:calc(var(--char-width) * var(--char-scale));pointer-events:none;transform-origin:100% 0;max-width:none;height:auto;animation:4.2s ease-in-out infinite sideCharacterIdle;display:block}.wardrobe-side-character:hover .wardrobe-side-character-portrait,.wardrobe-side-character:focus-visible .wardrobe-side-character-portrait{animation:.36s steps(2,end) sideCharacterShake}.wardrobe-side-speech{z-index:999;right:calc(100% + var(--speech-left-gap));top:calc(50% - var(--speech-up));visibility:hidden;opacity:0;transform-origin:100%;transform:translate(-14px, -50%) scale(var(--speech-scale));pointer-events:none;transition:opacity .18s,transform .18s;position:absolute}.wardrobe-side-character:hover .wardrobe-side-speech,.wardrobe-side-character:focus-visible .wardrobe-side-speech{visibility:visible;opacity:1;transform:translate(0, -50%) scale(var(--speech-scale))}.room-frame-layer{z-index:0;opacity:0;pointer-events:none;background:#000 url(/assets/images/backgrounds/room/frame.PNG) 50%/cover no-repeat;transition:opacity .9s;position:absolute;inset:0}.room-frame-layer.is-visible{opacity:1}.room-bg-layer{z-index:1;opacity:0;pointer-events:none;background:#000 url(/assets/images/backgrounds/room/background.PNG) 50%/cover no-repeat;transition:opacity .9s;position:absolute;inset:0}.room-bg-layer.is-visible{opacity:1}.room-furniture-back-layer{--room-back-left:0%;--room-back-top:0%;--room-back-width:100%;--room-back-height:100%;left:var(--room-back-left);top:var(--room-back-top);width:var(--room-back-width);height:var(--room-back-height);z-index:2;opacity:0;pointer-events:none;background:url(/assets/images/backgrounds/room/mueble%20detras.PNG) 50%/100% 100% no-repeat;transition:opacity .9s;position:absolute}.room-furniture-back-layer.is-visible{opacity:1}.room-furniture-back-items-layer{z-index:6;opacity:0;pointer-events:none;transition:opacity .9s;position:absolute;inset:0}.room-furniture-back-items-layer.is-visible{opacity:1}.room-furniture-back-item{--item-left:0%;--item-top:0%;--item-width:20%;--item-height:20%;left:var(--item-left);top:var(--item-top);width:var(--item-width);height:var(--item-height);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute}.room-furniture-back-item.is-1{--item-left:1%;--item-top:2.5%;--item-width:19%;--item-height:77%;background-image:url(/assets/images/backgrounds/room/muebles%20detras%201.png)}.room-furniture-back-item.is-2{--item-left:19.5%;--item-top:6.5%;--item-width:60.7%;--item-height:36%;background-image:url(/assets/images/backgrounds/room/mueble%20detras%202.png)}.room-furniture-back-item.is-3{--item-left:80.5%;--item-top:-1%;--item-width:18.7%;--item-height:66%;background-image:url(/assets/images/backgrounds/room/mueble%20detras%203.png)}.room-furniture-front-layer{--room-front-left:15.2%;--room-front-top:65.7%;--room-front-width:65%;--room-front-height:35%;left:var(--room-front-left);top:var(--room-front-top);width:var(--room-front-width);height:var(--room-front-height);z-index:24;opacity:0;pointer-events:none;background:url(/assets/images/backgrounds/room/mueble%20adelante.png) 50%/100% 100% no-repeat;transition:opacity .9s;position:absolute}.room-furniture-front-layer.is-visible{opacity:1}.room-player-layer{--room-player-x:50%;--room-player-y:50%;left:var(--room-player-x);top:var(--room-player-y);aspect-ratio:768/1200;z-index:10;opacity:0;pointer-events:none;width:clamp(120px,12vw,230px);transition:opacity .25s;position:absolute;transform:translate(-50%,-100%)}.room-player-layer.is-visible{opacity:1}.room-player-sprite{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.room-letters-layer{z-index:12;opacity:0;pointer-events:none;transition:opacity .48s;position:absolute;inset:0}.room-letters-layer.is-visible{opacity:1}.room-letter-item{--letter-left:50%;--letter-top:50%;left:var(--letter-left);top:var(--letter-top);aspect-ratio:1;filter:drop-shadow(0 0 4px #ffeba0d9);background-position:50%;background-repeat:no-repeat;background-size:contain;width:clamp(70px,7.4vw,132px);animation:1.05s ease-in-out infinite alternate letterPulse,1.4s ease-in-out infinite letterShake;position:absolute;transform:translate(-50%,-50%)}.room-letter-item.is-1{--letter-left:89%;--letter-top:63%;background-image:url(/assets/images/clothing/accessories/CARTA%20CERRADA.PNG)}.room-letter-item.is-2{--letter-left:38%;--letter-top:34%;background-image:url(/assets/images/clothing/accessories/CARTA%20CERRADA.PNG)}.room-letter-item.is-3{--letter-left:40%;--letter-top:80%;background-image:url(/assets/images/clothing/accessories/CARTA%20CERRADA.PNG)}.room-letter-item.is-found{opacity:0;transition:opacity .22s,transform .22s;transform:translate(-50%,-62%)scale(.84)}.room-objective-layer{z-index:110;opacity:0;pointer-events:none;gap:6px;transition:opacity .42s,transform .42s;display:grid;position:absolute;top:2.4%;right:1.2%;transform:translateY(-8px)}.room-objective-layer.is-visible{opacity:1;transform:translateY(0)}.room-objective-text,.room-interact-hint{color:#6e4a56;text-shadow:0 2px 6px #000000a6;text-align:right;letter-spacing:.01em;margin:0;font-family:TT00,Trebuchet MS,Segoe UI,sans-serif;font-size:clamp(22px,2.4vw,42px)}.room-objective-layer.is-complete .room-objective-text{color:#8d616f}.room-interact-hint{opacity:0;transition:opacity .22s,transform .22s;transform:translateY(-4px)}.room-interact-hint.is-visible{opacity:1;transform:translateY(0)}.room-letter-overlay{z-index:4000;opacity:0;pointer-events:none;background:#00000073;place-items:center;transition:opacity .26s;display:grid;position:absolute;inset:0}.room-letter-overlay.is-visible{opacity:1;pointer-events:auto}.room-letter-modal{width:min(86%,1060px);max-height:90%;position:relative}.room-letter-open-image{object-fit:contain;width:100%;height:auto;display:block}.room-letter-body{white-space:pre-line;text-align:center;color:#000;width:min(35%,520px);max-height:100%;text-shadow:none;margin:0;padding:2px 8px;font-family:TT00,Trebuchet MS,Segoe UI,sans-serif;font-size:clamp(12px,1.02vw,20px);line-height:1.14;position:absolute;top:50%;left:50%;overflow:hidden auto;transform:translate(-50%,-50%)}.room-letter-close{color:#fff;cursor:pointer;background:#282828cc;border:none;border-radius:999px;width:46px;height:46px;font-size:28px;font-weight:700;line-height:1;position:absolute;top:2.2%;right:2.2%}.room-exit-indicator{z-index:120;aspect-ratio:1;opacity:0;pointer-events:none;width:clamp(34px,3.5vw,58px);transition:opacity .3s;position:absolute;bottom:2.6%;right:1.8%}.room-exit-indicator.is-visible{opacity:1}.room-exit-indicator:before{content:"";border:3px solid #d89ab1fa;border-radius:999px;animation:.95s ease-in-out infinite exitPulse;position:absolute;inset:0}.room-exit-indicator-dot{aspect-ratio:1;background:#d89ab1;border-radius:999px;width:32%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.room-exit-transition-layer{z-index:4500;opacity:0;pointer-events:none;background:#fff;transition:opacity .98s;position:absolute;inset:0}.room-exit-transition-layer.is-visible{opacity:1}.room-ending-overlay{z-index:4600;opacity:0;pointer-events:none;background:#000;place-items:center;transition:opacity .42s;display:grid;position:absolute;inset:0}.room-ending-overlay.is-visible{opacity:1;pointer-events:none}.room-ending-video{object-fit:cover;pointer-events:none;background:#000;width:100%;height:100%}#app.is-room-exit-zoom{animation:.98s forwards roomExitZoom}#app.is-room-entry-zoom-hold{transform-origin:var(--room-entry-origin-x) var(--room-entry-origin-y);transform:scale(1.95)}#app.is-room-entry-zoom-out{transform-origin:var(--room-entry-origin-x) var(--room-entry-origin-y);animation:1.5s cubic-bezier(.22,.61,.36,1) forwards roomEntryZoomOut}@keyframes letterPulse{0%{filter:drop-shadow(0 0 3px #ffe77ea6)}to{filter:drop-shadow(0 0 11px #ffe77efa)}}@keyframes letterShake{0%,to{transform:translate(-50%,-50%)rotate(0)}25%{transform:translate(-51%,-50%)rotate(-2deg)}75%{transform:translate(-49%,-50%)rotate(2deg)}}@keyframes exitPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.44;transform:scale(1.2)}}@keyframes roomExitZoom{0%{filter:brightness();transform:scale(1)}to{filter:brightness(1.1);transform:scale(1.12)}}@keyframes roomEntryZoomOut{0%{transform:scale(1.95)}to{transform:scale(1)}}.wardrobe-scene-white-fade{z-index:3000;opacity:0;pointer-events:none;background:#fff;transition:opacity .52s;position:absolute;inset:0}.wardrobe-scene-white-fade.is-visible{opacity:1}.wardrobe-next-button{z-index:1200;opacity:0;pointer-events:none;bottom:4.5%;left:auto;right:22px}.wardrobe-next-button.is-visible{opacity:1;pointer-events:auto;animation:none;transform:translateY(0)scale(1)}.wardrobe-next-button.is-hidden{opacity:0;pointer-events:none}@keyframes sideCharacterIdle{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(.7deg)translateY(-4px)}}@keyframes sideCharacterShake{0%{transform:translate(0)rotate(0)}20%{transform:translate(-8px)rotate(-2deg)}40%{transform:translate(7px)rotate(2deg)}60%{transform:translate(-6px)rotate(-1.8deg)}80%{transform:translate(5px)rotate(1.4deg)}to{transform:translate(0)rotate(0)}}.wardrobe-outfit-layer{z-index:20;opacity:0;pointer-events:none;width:49.5%;height:76.6%;transition:opacity .7s;position:absolute;top:16.3%;left:6.4%}.wardrobe-outfit-layer.is-visible{opacity:1;pointer-events:auto}.wardrobe-outfit-column{width:33.333%;height:100%;position:absolute;top:0}.wardrobe-outfit-column.is-set-2{left:66.666%}.wardrobe-outfit-column.is-set-1{left:33.333%}.wardrobe-outfit-column.is-set-3{left:0}.wardrobe-outfit-slot{z-index:21;cursor:grab;touch-action:none;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute}.wardrobe-outfit-slot:not(.is-in-use):not(.is-dragging){will-change:transform;animation:3.4s ease-in-out infinite closetItemFloat}.wardrobe-outfit-slot.is-dragging{opacity:.3}.wardrobe-outfit-slot.is-in-use{visibility:hidden;pointer-events:none}.wardrobe-outfit-slot.is-drag-ghost{z-index:40;pointer-events:none;opacity:.95;filter:drop-shadow(0 8px 12px #00000059);margin:0;position:fixed}@keyframes closetItemFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.wardrobe-outfit-slot.is-top{width:72%;height:23%;top:2.8%;left:14%}.wardrobe-outfit-slot.is-middle{width:66%;height:20.5%;top:41.2%;left:17%}.wardrobe-outfit-slot.is-bottom{width:66%;height:22%;top:78%;left:17%}.wardrobe-outfit-column.is-set-2 .wardrobe-outfit-slot{left:12%}.wardrobe-outfit-column.is-set-3 .wardrobe-outfit-slot{left:22%}.wardrobe-outfit-column.is-set-3 .wardrobe-outfit-slot.is-bottom{top:75.5%}.wardrobe-outfit-column.is-set-1 .wardrobe-outfit-slot.is-top{background-image:url(/assets/images/character/outfits/conjunto%201%20arriba.png)}.wardrobe-outfit-column.is-set-1 .wardrobe-outfit-slot.is-middle{background-image:url(/assets/images/character/outfits/conjunto%201%20medio.png)}.wardrobe-outfit-column.is-set-1 .wardrobe-outfit-slot.is-bottom{background-image:url(/assets/images/character/outfits/conjunto%201%20abajo.png)}.wardrobe-outfit-column.is-set-2 .wardrobe-outfit-slot.is-top{background-image:url(/assets/images/character/outfits/conjunto%202%20arriba.png)}.wardrobe-outfit-column.is-set-2 .wardrobe-outfit-slot.is-middle{background-image:url(/assets/images/character/outfits/conjunto%202%20medio.png)}.wardrobe-outfit-column.is-set-2 .wardrobe-outfit-slot.is-bottom{background-image:url(/assets/images/character/outfits/conjunto%202%20abajo.png)}.wardrobe-outfit-column.is-set-3 .wardrobe-outfit-slot.is-top{background-image:url(/assets/images/character/outfits/conjunto%203%20arriba.png)}.wardrobe-outfit-column.is-set-3 .wardrobe-outfit-slot.is-middle{background-image:url(/assets/images/character/outfits/conjunto%203%20medio.png)}.wardrobe-outfit-column.is-set-3 .wardrobe-outfit-slot.is-bottom{background-image:url(/assets/images/character/outfits/conjunto%203%20abajo.png)}.wardrobe-body-layer{z-index:2;aspect-ratio:768/1200;opacity:0;pointer-events:none;background:url(/assets/images/character/base/cuerpodesnudo.png) 52% 18%/215% no-repeat;width:auto;height:98%;transition:opacity .9s,transform .9s;position:absolute;top:auto;bottom:5%;left:52%;transform:translate(-50%)scale(1.02)}.wardrobe-body-layer:after{content:"";opacity:0;background:url(/assets/images/character/base/laladurmiendo.png) 52% 18%/215% no-repeat;transition:opacity 70ms linear;position:absolute;inset:0}.wardrobe-body-layer.is-blinking:after{opacity:1}.wardrobe-body-layer.is-visible{opacity:1;transform:translate(-50%)scale(1)}.wardrobe-character-outfit-layer{z-index:22;aspect-ratio:768/1200;opacity:0;pointer-events:none;width:auto;height:98%;transition:opacity .7s;position:absolute;bottom:5%;left:52%;transform:translate(-50%)}.wardrobe-character-outfit-layer.is-visible{opacity:1}.wardrobe-worn-item{z-index:23;pointer-events:auto;cursor:pointer;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;margin:0;padding:0;position:absolute}.wardrobe-worn-item.is-top{width:36%;height:14%;top:30%;left:62.5%}.wardrobe-worn-item.is-top[data-set="1"]{width:45.5%;height:18.6%;top:28.5%;left:58%}.wardrobe-worn-item.is-top[data-set="3"]{width:43%;height:19.5%;top:29%;left:59%}.wardrobe-worn-item.is-middle{width:31%;height:15%;top:47%;left:65%}.wardrobe-worn-item.is-middle[data-set="1"]{width:38%;height:20%;top:45%;left:61.5%}.wardrobe-worn-item.is-middle[data-set="3"]{width:58%;height:21%;top:42%;left:52%}.wardrobe-worn-item.is-bottom{width:27%;height:15%;top:76%;left:66%}.wardrobe-worn-item.is-bottom[data-set="1"]{top:80%;left:71%}.wardrobe-worn-item.is-bottom[data-set="2"]{width:23%;height:13%;top:83%;left:73%}.wardrobe-worn-item.is-bottom[data-set="3"]{width:29%;height:17.5%;top:76.5%;left:70%}.intro-video{object-fit:cover;filter:blur()brightness(.95);width:100%;height:100%;transition:transform 1.1s,filter .9s,opacity .7s;position:absolute;inset:0;transform:scale(1)}.intro-white-fade{z-index:5001;opacity:0;pointer-events:none;background:#fff;transition:opacity .9s;position:absolute;inset:0}.intro-title{z-index:5;color:#d89ab1;letter-spacing:.02em;text-align:left;text-shadow:none;opacity:0;transform-origin:0 0;margin:0;font-family:KA1,Trebuchet MS,Segoe UI,sans-serif;font-size:clamp(30px,5.2vw,78px);line-height:1.15;transition:opacity .7s;animation:2.8s ease-in-out infinite buttonFloat;position:absolute;top:22px;left:22px}.start-button{z-index:5;aspect-ratio:305/95;filter:hue-rotate(-20deg);color:#0000;text-indent:-9999px;width:clamp(230px,31vw,420px);box-shadow:none;cursor:pointer;opacity:0;pointer-events:none;background:url(/assets/videos/intro/boton.png) 50%/contain no-repeat;border:none;border-radius:0;font-size:0;transition:opacity .42s,transform .42s,filter .22s;position:absolute;bottom:7%;left:22px;transform:translateY(18px)scale(.96)}.intro-overlay.is-revealed .intro-video{filter:blur()brightness(.95)}.intro-overlay.is-revealed .intro-title{opacity:1}.intro-overlay.is-revealed .start-button{opacity:1;pointer-events:auto;animation:2.8s ease-in-out infinite buttonFloat;transform:translateY(0)scale(1)}.start-button:hover{filter:hue-rotate(-24deg);background-image:url(/assets/videos/intro/hover%20boton.png);animation-play-state:paused;transform:translateY(0)scale(1.03)}.start-button:active{transform:translateY(2px)scale(.99)}.start-button.wardrobe-next-button{z-index:1200;filter:none;background-image:url(/assets/images/backgrounds/room/botonderecho.png);width:clamp(150px,20vw,245px);bottom:4.5%;left:auto;right:2px}.start-button.wardrobe-next-button:hover{filter:none;background-image:url(/assets/images/backgrounds/room/botonderecho.png);transform:translateY(0)scale(1.04)}.start-button.wardrobe-next-button:active{transform:translateY(1px)scale(1.01)}.intro-overlay.is-hidden{opacity:0;pointer-events:none;transition:opacity .42s}.intro-overlay.is-transitioning .intro-title,.intro-overlay.is-transitioning .start-button{opacity:0;pointer-events:none}.intro-overlay.is-zooming .intro-video{filter:blur(.8px)brightness(1.08);transform:scale(1.18)}.intro-overlay.is-white .intro-white-fade{opacity:1}.intro-overlay.is-loading .intro-video{filter:blur()brightness()}.intro-overlay.is-fade-to-wardrobe .intro-video{opacity:0;filter:blur()brightness()}@keyframes buttonFloat{0%{transform:translateY(0)scale(1)}50%{transform:translateY(-5px)scale(1)}to{transform:translateY(0)scale(1)}}
