@font-face{font-family:Caveat;src:url(./caveat-latin-C1hSzPvX.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Special Elite;src:url(./special-elite-latin-YjDd9tmf.woff2)format("woff2");font-display:swap}@font-face{font-family:Anton;src:url(./anton-latin-Byf51wtH.woff2)format("woff2");font-display:swap}:root{--ink:#2b2f3a;--paper:#e8dfc8;--night:#05070b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--night);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;touch-action:none;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#viewport{background:var(--night);position:fixed;inset:0;overflow:hidden}#stage{transform-origin:0 0;background:#111;width:1600px;height:900px;position:absolute;top:0;left:0;overflow:hidden}#room{transform-origin:50%;transition:transform .7s cubic-bezier(.6,0,.2,1),filter .7s;position:absolute;inset:0}#room.away{filter:blur(3px)brightness(.55)}.layer{will-change:transform;pointer-events:none;position:absolute;inset:-30px}.layer>svg,.layer>.fill{width:1600px;height:900px;position:absolute;top:30px;left:30px}.room-svg .hot{cursor:pointer;pointer-events:visiblePainted}.room-svg .hot>rect:first-child{pointer-events:all}.room-svg .hot:hover{filter:brightness(1.07)saturate(1.05)}.city{background:#98a4ae;position:absolute;overflow:hidden}.city>svg{width:100%;height:100%;position:absolute;inset:0}.city>svg.city-traffic{pointer-events:none}.city canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cloud{will-change:transform;pointer-events:none;background:radial-gradient(closest-side,#d6dbded9,#d6dbde00);border-radius:50%;position:absolute}.screen-canvas{pointer-events:none;border-radius:12px;position:absolute}.light{pointer-events:none;position:absolute;inset:0}.light.dusk{opacity:0;background:radial-gradient(70% 80% at 48% 30%,#0e1428b8,#080b18f2 70%)}.light.bulb{opacity:0;background:radial-gradient(at 50% 0,#ffbe6e38,#ffaa5a1a 60%,#ffa0500d);transition:opacity .12s linear}.light.crt{opacity:0}.light.crt.room-glow{mix-blend-mode:screen}.light.vignette{background:radial-gradient(at 50% 45%,#0000 55%,#00000059 100%)}#grain{pointer-events:none;opacity:.5;z-index:50;position:absolute;inset:0}.closeup{opacity:0;visibility:hidden;z-index:10;transition:opacity .45s,visibility 0s linear .45s;position:absolute;inset:0}.closeup.open{opacity:1;visibility:visible;transition:opacity .45s .25s,visibility}.closeup>svg.art{width:1600px;height:900px;position:absolute;inset:0}#back{z-index:30;color:#f0e8d6cc;cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:none;padding:6px 12px;font-family:Caveat,cursive;font-size:30px;transition:opacity .3s;position:absolute;top:18px;left:22px}#back.show{opacity:1;pointer-events:auto}#back:hover{color:#fff}#subtitles{z-index:40;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:1180px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.sub{color:#f4efe3;text-align:center;background:#0c0c0ea8;border-radius:4px;max-width:1100px;padding:7px 16px 8px;font-size:23px;line-height:1.3;transition:opacity .3s;animation:.25s sub-in}.sub.leaving{opacity:0!important}.sub-meta{letter-spacing:.08em;text-transform:uppercase;color:#cbbf9f;margin-bottom:1px;font-size:13px;display:block}.sub-phone .sub-text{font-style:normal}.sub-radio .sub-text,.sub-tv .sub-text,.sub-tape .sub-text{font-style:italic}.sub-house .sub-text,.sub-street .sub-text{color:#e9dcc0;font-style:italic}@keyframes sub-in{0%{opacity:0;transform:translateY(4px)}}#title{z-index:100;color:#e6ddc8;cursor:pointer;background:#07080a;flex-direction:column;justify-content:center;align-items:center;font-family:Special Elite,Courier New,monospace;transition:opacity 2.2s;display:flex;position:absolute;inset:0}#title.gone{opacity:0;pointer-events:none}#title .place{letter-spacing:.04em;font-size:58px}#title .date{opacity:.85;margin-top:18px;font-size:28px}#title .hint{opacity:.55;letter-spacing:.04em;margin-top:90px;font-family:system-ui,sans-serif;font-size:17px;animation:3.5s ease-in-out infinite breathe}#waiting{z-index:90;color:#e6ddc8;letter-spacing:.04em;pointer-events:none;background:#07080ab8;border-radius:4px;padding:10px 18px;font-family:system-ui,sans-serif;font-size:17px;animation:3.5s ease-in-out infinite breathe;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}@keyframes breathe{50%{opacity:.25}}#research{z-index:300;color:#e6ddc8;background:#07080ae6;outline:none;justify-content:center;align-items:center;font-family:system-ui,sans-serif;display:flex;position:absolute;inset:0}:is(#stage:has(#research) #subtitles,#stage:has(#research) #dialogue){visibility:hidden}#research .panel{box-sizing:border-box;scrollbar-color:#e6ddc84d transparent;background:#0b0c0e;border-radius:10px;width:1040px;max-height:860px;padding:36px 52px 0;overflow-y:auto}#research h2{margin:0 0 20px;font-family:Special Elite,Courier New,monospace;font-size:36px;font-weight:400}#research h2 .step{vertical-align:middle;opacity:.45;margin-left:12px;font:15px system-ui,sans-serif}#research p{opacity:.88;margin:0 0 16px;font-size:20px;line-height:1.55}#research p.fine{opacity:.55;font-size:15px}#research .q{margin:28px 0 12px;font-size:20px}#research button{font:inherit;color:inherit;cursor:pointer}#research .choices{flex-wrap:wrap;gap:10px;display:flex}#research .choices button{background:0 0;border:1px solid #e6ddc859;border-radius:6px;padding:9px 16px;font-size:17px}#research .likert .item{border-bottom:1px solid #e6ddc81a;justify-content:space-between;align-items:center;gap:24px;padding:7px 0;font-size:18px;display:flex}#research [data-step="2"] h2{margin-bottom:12px}#research [data-step="2"] .q{margin-top:20px}#research [data-step="2"] .actions{padding-bottom:16px}#research .likert.rows{margin-top:18px}#research .scale{flex-shrink:0;align-items:center;gap:6px;display:flex}#research .scale small{text-align:center;opacity:.6;width:84px;font-size:13px}#research .scale button{background:0 0;border:1px solid #e6ddc859;border-radius:50%;width:38px;height:38px;font-size:15px}#research .choices button:hover,#research .scale button:hover{border-color:#e6ddc8cc}#research .choices button.on,#research .scale button.on{color:#111;background:#e6ddc8;border-color:#e6ddc8}#research textarea{box-sizing:border-box;color:#e6ddc8;resize:vertical;background:#e6ddc80f;border:1px solid #e6ddc84d;border-radius:6px;width:100%;padding:12px 14px;font:18px/1.5 system-ui,sans-serif}#research label.share{opacity:.8;cursor:pointer;align-items:center;gap:10px;margin-top:10px;font-size:16px;display:flex}#research label.share input{accent-color:#e6ddc8;width:18px;height:18px;margin:0}#research .notes{flex-wrap:wrap;gap:24px;margin:10px 0 8px;display:flex}#research .note{color:#2b2f3a;background:repeating-linear-gradient(#e8dfc8 0 31px,#46649638 31px 32px) 0 6px;border-radius:2px;flex:250px;margin:0;padding:14px 20px;transform:rotate(-1.2deg);box-shadow:0 6px 18px #00000073}#research .note:nth-child(2){transform:rotate(.9deg)}#research .note:nth-child(3){transform:rotate(-.5deg)}#research .note blockquote{margin:0 0 10px;font:25px/32px Caveat,cursive}#research .note figcaption{opacity:.65;font:13px/1.4 Special Elite,monospace}#research .actions{background:#0b0c0e;align-items:center;gap:18px;margin-top:16px;padding:18px 0 32px;display:flex;position:sticky;bottom:0}#research .primary{color:#111;background:#e6ddc8;border:0;border-radius:6px;padding:12px 26px;font-size:19px}#research .primary:disabled{opacity:.35;cursor:default}#research .quiet{opacity:.7;background:0 0;border:0;padding:12px 8px;font-size:17px;text-decoration:underline}#research .hint{opacity:.5;font-size:15px}#leave{z-index:60;color:#f0e8d6bf;cursor:pointer;background:#07080a8c;border:1px solid #f0e8d64d;border-radius:6px;padding:8px 14px;font:16px system-ui,sans-serif;position:absolute;bottom:18px;left:22px}#leave:hover{color:#f0e8d6;border-color:#f0e8d699}#leave.nudge{animation:1.6s ease-in-out 3 nudge}@keyframes nudge{50%{color:#f0e8d6;box-shadow:0 0 0 6px #f0e8d640}}body.study:not(.trastienda) #backstage-toggle{display:none}#phone-note{z-index:400;color:#e6ddc8;text-align:center;background:#07080a;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px 16px;font:17px/1.5 system-ui,sans-serif;display:flex;position:fixed;inset:0}#phone-note .place{font-family:Special Elite,Courier New,monospace;font-size:40px}#phone-note .date{opacity:.8;margin-bottom:18px;font-family:Special Elite,Courier New,monospace;font-size:17px}#phone-note p{max-width:340px;margin:0}#phone-note input{box-sizing:border-box;color:#e6ddc8;text-align:center;background:#e6ddc814;border:1px solid #e6ddc84d;border-radius:6px;width:100%;max-width:340px;padding:10px;font:14px system-ui,sans-serif}#phone-note .buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}#phone-note button{color:#111;background:#e6ddc8;border:0;border-radius:6px;padding:11px 18px;font:16px system-ui,sans-serif}#phone-note button.quiet{color:#e6ddc8;opacity:.6;background:0 0;margin-top:18px;text-decoration:underline}#dialogue{z-index:45;flex-direction:column;gap:10px;width:470px;display:flex;position:absolute;top:120px;right:40px}#dialogue button{text-align:left;color:#1d2a55;cursor:pointer;background:#f1ead6;border:none;border-left:4px solid #c9423a;padding:10px 16px 12px;font-family:Caveat,cursive;font-size:29px;line-height:1.1;animation:.3s sub-in;transform:rotate(-.4deg);box-shadow:0 3px 10px #00000059}#dialogue button:nth-child(2n){transform:rotate(.5deg)}#dialogue button:hover{background:#fff8e4}#dialogue .say{letter-spacing:.1em;text-transform:uppercase;color:#f0e8d6b3;font-family:system-ui,sans-serif;font-size:13px}#backstage-toggle{z-index:200;color:#ffffff59;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff2e;border-radius:50%;width:22px;height:22px;font-size:12px;position:fixed;bottom:8px;right:10px}#backstage{z-index:200;color:#1f1f22;-webkit-user-select:text;user-select:text;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f4f1ea;border-radius:8px;width:440px;padding:18px 20px;font-size:14px;display:none;position:fixed;top:10px;bottom:40px;right:10px;overflow-y:auto;box-shadow:0 10px 40px #00000080}#backstage.open{display:block}#backstage h2{margin:0 0 4px;font-size:18px}#backstage .close{float:right;color:#6b6760;cursor:pointer;background:0 0;border:0;margin:-6px -8px 0 8px;padding:4px 6px;font-size:18px;line-height:1}#backstage h3{text-transform:uppercase;letter-spacing:.08em;color:#6a5f4d;margin:22px 0 8px;font-size:13px}#backstage p{color:#555;margin:4px 0 10px;line-height:1.4}#backstage .row{border-bottom:1px solid #e3ddd0;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;display:flex}#backstage .row small{color:#7a6f5c}#backstage button,#backstage label.file{font:inherit;color:#1f1f22;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #c9c0ad;border-radius:5px;padding:5px 10px;font-size:13px}#backstage input,#backstage select{color:#1f1f22;background:#fff;border:1px solid #c9c0ad;border-radius:4px}#backstage button:hover,#backstage label.file:hover{background:#f0ead9}#backstage .ok{color:#2f7a3a;font-weight:600}#backstage .clock{font-family:Special Elite,monospace;font-size:22px}#backstage h4{color:#8a7d64;margin:14px 0 2px;font-size:12px;font-weight:600}#backstage .drop{background:#fbf9f4;border:2px dashed #c9bfa8;border-radius:8px;flex-direction:column;gap:6px;margin:14px 0 4px;padding:14px;transition:background .15s,border-color .15s;display:flex}#backstage.dropping .drop{background:#f8e9dc;border-color:#b8532f}#backstage .drop span{color:#555;line-height:1.4}#backstage .drop .pick{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}#backstage .load-report{color:#2f5f3a;min-height:1em;line-height:1.4}#backstage .muted{color:#9a917f;font-size:12px}#backstage .tag{color:#7a5a1c;vertical-align:1px;background:#efe3c7;border-radius:3px;margin-left:4px;padding:0 5px;font-size:11px;display:inline-block}#backstage .path{overflow-wrap:anywhere;min-width:0;font-size:12px}#backstage select{font:inherit;max-width:180px;padding:3px;font-size:12px}#backstage .chips{flex-wrap:wrap;gap:5px;display:flex}#backstage .chip{color:#6b6252;font-variant-numeric:tabular-nums;background:#ebe5d8;border-radius:10px;padding:2px 7px;font-size:12px}#backstage .chip.some{color:#6d5214;background:#f1e2bd}#backstage .chip.full{color:#2f6a38;background:#d8ead6}#backstage button.danger{color:#b8532f;border-color:#b8532f}.closeup .grab{cursor:pointer}.closeup .key .key-cap{transition:transform 60ms ease-out}.closeup .key.down .key-cap{transform:translateY(9px)}.closeup .key.bounce .key-cap{transform:translateY(4px)}#g-door,#g-door1{transform-box:fill-box;transform-origin:50% 100%;transition:transform .18s cubic-bezier(.3,1.6,.5,1)}#g-door.open,#g-door1.open{transform:translateY(18px)scaleY(.72)}#g-slot{transition:transform .2s}.closeup .tune-button .tune-cap{transition:transform 60ms ease-out,fill 60ms}.closeup .tune-button.down .tune-cap{fill:#1b1c1f;transform:scale(.9)}#g-lcd-bg{cursor:ns-resize}#g-vol{cursor:grab}.room-svg .handset-off{display:none}.room-svg .off-hook .handset-off{display:inline}.room-svg .off-hook .handset-on-cradle{display:none}.room-svg .ringing{transform-box:fill-box;transform-origin:50% 80%;animation:90ms linear infinite ring}@keyframes ring{0%{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}to{transform:rotate(-1.2deg)}}.libreta-input{z-index:12;color:#1d3f8f;resize:none;-webkit-user-select:text;user-select:text;background:0 0;border:none;outline:none;padding:0 4px;font-family:Caveat,cursive;font-size:32px;line-height:37px;transition:opacity .3s;position:absolute}.libreta-input:focus{background:#ffffff2e}#ph-libreta{transition:opacity .3s}.closeup.choosing #ph-libreta,.closeup.choosing .libreta-input{opacity:.25}.libreta-input::placeholder{color:#1d3f8f47}.tv-screen,.tv-glass{pointer-events:none;border-radius:36px;position:absolute}.tv-glass{background:radial-gradient(58% 42% at 28% 16%,#ffffff1a,#fff0 72%),radial-gradient(#0000 64%,#00000073 100%),linear-gradient(160deg,#ffffff12 0%,#fff0 30%);box-shadow:inset 0 0 40px #0009,inset 0 3px 2px #ffffff0d}.tv-glass:before{content:"";border-radius:inherit;background:repeating-linear-gradient(#00000038 0 1px,#0000 1px 3px);display:none;position:absolute;inset:0}#cu-tv.flat .tv-glass:before,#cu-tv.video .tv-glass:before{display:block}#cu-tv.shake .art,#cu-tv.shake .tv-screen,#cu-tv.shake .tv-glass{animation:.35s ease-out whack}@keyframes whack{15%{transform:translate(-6px,2px)}35%{transform:translate(4px,-1px)}60%{transform:translate(-2px)}}.closeup>.fill{position:absolute;inset:0}.glass-layer{pointer-events:none;position:absolute}.glass-layer.fog{opacity:.62}#cu-window{cursor:grab}#cu-window.no-glass{cursor:default}.room-svg .curtain-right.breeze,#cu-window.opened .w-curtain-r{transform-box:fill-box;transform-origin:50% 0;animation:3.2s ease-in-out infinite breeze}@keyframes breeze{0%,to{transform:skew(0)}40%{transform:skew(-2.5deg)scaleX(.97)}70%{transform:skew(1.2deg)}}.tv-clip{pointer-events:none;filter:saturate(.85)contrast(1.1)blur(.4px);border:0;border-radius:36px;position:absolute}.speaker-cone{pointer-events:none;will-change:transform;background:radial-gradient(circle at 42% 38%,#2c2e32,#151618 70%);border-radius:50%;width:100px;height:100px;position:absolute;box-shadow:0 0 0 3px #00000040}