.navbar{border-bottom:1px solid var(--color-borde);background-color:var(--color-superficie)}.navbar__interior{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--espacio-2);max-width:var(--ancho-maximo);margin-inline:auto;padding:var(--espacio-2);padding-right:110px}.navbar__marca{font-weight:700;font-size:1.1rem}.navbar__enlaces{display:flex;flex-wrap:wrap;align-items:center;gap:var(--espacio-3)}.navbar__enlaces a.active{color:var(--color-acento)}.navbar__salir{background:none;border:none;cursor:pointer;color:var(--color-texto-tenue)}.navbar__salir:hover{color:var(--color-acento)}@media (max-width: 480px){.navbar__interior{flex-direction:column;align-items:flex-start}}.pie{border-top:1px solid var(--color-borde);background-color:var(--color-superficie);color:var(--color-texto-tenue);font-size:.9rem}.pie__interior{display:flex;justify-content:space-between;max-width:var(--ancho-maximo);margin-inline:auto;padding:var(--espacio-2)}.lang-toggle{position:fixed;top:14px;right:14px;z-index:9000;display:flex;gap:4px;padding:4px;background:#0a0a16eb;border:3px solid #2cf6c2;border-radius:0;box-shadow:0 0 0 3px #0a0a16,4px 4px #0009,0 0 14px #2cf6c266;image-rendering:pixelated}.lang-toggle__opt{font-family:"Press Start 2P",monospace;font-size:11px;line-height:1;padding:8px 9px;cursor:pointer;border:2px solid transparent;background:transparent;color:#7c8b99;letter-spacing:1px;transition:color .12s steps(2),background-color .12s steps(2)}.lang-toggle__opt:hover{color:#cfe9ff}.lang-toggle__opt:focus-visible{outline:none;border-color:#ff2e88}.lang-toggle__opt.is-active{color:#0a0a16;background:#2cf6c2;text-shadow:none;box-shadow:0 0 8px #2cf6c2b3}@media (max-width: 480px){.lang-toggle{top:10px;right:10px}.lang-toggle__opt{font-size:10px;padding:7px 8px}}.character{position:absolute;background-repeat:no-repeat;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none;transition:margin-top .18s ease-out;animation:char-spawn 1s ease-out both}@keyframes char-spawn{0%{opacity:0}to{opacity:1}}.room-object{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none;image-rendering:auto}.room-object--sprite{background-repeat:no-repeat}.room-object--fade{transition:opacity .3s ease}.screen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#06060c8c;animation:screen-fade-in .16s ease-out}.screen-frame{position:relative;line-height:0;filter:drop-shadow(0 18px 40px rgba(0,0,0,.6));animation:screen-pop-in .2s cubic-bezier(.2,.9,.3,1.2)}.screen-frame__img{display:block;max-width:94vw;max-height:92vh;width:auto;height:auto;image-rendering:pixelated;-webkit-user-select:none;user-select:none;pointer-events:none}.screen-frame__content{position:absolute;overflow:hidden;line-height:normal}.screen-loading{width:100%;height:100%;display:grid;place-items:center;background:#0a0a16;color:#2cf6c2;font-family:"Press Start 2P",monospace;font-size:clamp(8px,1.6vw,13px);animation:screen-loading-blink 1s steps(1) infinite}@keyframes screen-loading-blink{50%{opacity:.35}}.screen-frame__close{position:absolute;top:-14px;right:-14px;width:40px;height:40px;display:grid;place-items:center;font-size:18px;color:#0b0b16;background:#ff4d6d;border:3px solid #fff;border-radius:50%;cursor:pointer;box-shadow:0 0 12px #ff4d6db3;transition:transform .12s ease}.screen-frame__close:hover{transform:scale(1.1)}@keyframes screen-fade-in{0%{opacity:0}}@keyframes screen-pop-in{0%{opacity:0;transform:scale(.92)}}.retro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:3vh 3vw;background:#06060c8c;animation:retro-fade-in .16s ease-out}.retro-window{position:relative;width:min(94vw,920px);height:min(88vh,700px);display:flex;flex-direction:column;background:#0a0a16;border:3px solid #ff2e88;box-shadow:0 0 0 3px #12122a,0 18px 40px #0009,0 0 22px #ff2e8866;overflow:hidden;animation:retro-pop-in .2s cubic-bezier(.2,.9,.3,1.2)}.retro-window__bar{flex:none;display:flex;align-items:center;gap:.6em;padding:.55em .9em;background:linear-gradient(180deg,#1b1b33,#12122a);border-bottom:2px solid #ff2e88;font-family:"Press Start 2P",monospace;font-size:clamp(7px,1.3vw,12px);letter-spacing:.5px;color:#cfe9ff}.retro-window__dot{width:.9em;height:.9em;background:#2cf6c2;box-shadow:0 0 8px #2cf6c2}.retro-window__title{color:#fffb96}.retro-window__user{margin-left:auto;color:#7a7ab0}.retro-window__close{flex:none;width:2em;height:2em;display:grid;place-items:center;font-family:"Press Start 2P",monospace;font-size:.9em;color:#0a0a16;background:#ff4d6d;border:2px solid #fff;cursor:pointer;transition:transform .12s ease}.retro-window__close:hover{transform:scale(1.1)}.retro-window__body{flex:1;min-height:0;overflow-y:auto;color:#cfe9ff;font-family:VT323,Courier New,monospace;scrollbar-width:thin;scrollbar-color:#ff2e88 #12122a}.retro-window__body::-webkit-scrollbar{width:10px}.retro-window__body::-webkit-scrollbar-thumb{background:#ff2e88}.retro-window__body::-webkit-scrollbar-track{background:#12122a}.retro-window__texture{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(#0000,#0000 2px,#0000002e,#0000002e 4px);mix-blend-mode:multiply}.retro-window--book{background:#efe3c6;border:4px solid #6b4f2e;box-shadow:0 0 0 3px #c8b483,0 18px 40px #0009;border-left-width:18px}.retro-window--book .retro-window__bar{background:linear-gradient(180deg,#6b4f2e,#553d22);border-bottom:3px solid #c8b483;color:#efe3c6;justify-content:center}.retro-window--book .retro-window__title{color:#ffe9b0}.retro-window--book .retro-window__body{background:#efe3c6;color:#4a361f}.retro-window--book .retro-window__texture{background:repeating-linear-gradient(#0000,#0000 30px,#6b4f2e1f 30px,#6b4f2e1f 31px);mix-blend-mode:normal}.retro-window--medal{background:#161126;border:4px solid #d4af37;box-shadow:0 0 0 3px #0c0a16,0 18px 40px #000000b3,0 0 26px #d4af3759}.retro-window--medal .retro-window__bar{background:linear-gradient(180deg,#2a2140,#1a1430);border-bottom:3px solid #d4af37;color:#f3e6c0;justify-content:center}.retro-window--medal .retro-window__title{color:#ffd86b;letter-spacing:1px}.retro-window--medal .retro-window__body{background:radial-gradient(120% 80% at 50% 0%,#221a38,#141021 70%);color:#e9dffb}.retro-window--medal .retro-window__texture{display:none}@keyframes retro-fade-in{0%{opacity:0}}@keyframes retro-pop-in{0%{opacity:0;transform:scale(.92)}}.zone{padding:1em 1.1em 1.6em}.zone-msg{font-size:clamp(16px,2.6vw,26px);color:#2cf6c2}.zone-msg--err{color:#ff6b6b}.zone-caret{animation:zone-blink 1s steps(1) infinite}@keyframes zone-blink{50%{opacity:0}}.zone-btn{font-family:"Press Start 2P",monospace;font-size:clamp(8px,1.2vw,11px);color:#0a0a16;background:#2cf6c2;border:none;padding:.7em 1em;cursor:pointer;transition:background .12s ease,transform .12s ease}.zone-btn:hover{background:#ff2e88}.zone-btn:disabled{opacity:.5;cursor:default}.zone-btn--ghost{color:#2cf6c2;background:transparent;border:2px solid #2cf6c2}.zone-btn--ghost:hover{color:#0a0a16;background:#2cf6c2}.zone-btn--danger{color:#fff;background:#c8324f}.zone-btn--danger:hover{background:#ff2e88}.zone-admin{display:flex;align-items:center;gap:.6em;flex-wrap:wrap;margin-bottom:1em;padding-bottom:.8em;border-bottom:2px dashed #2b2b50}.zone-admin__tag{font-family:"Press Start 2P",monospace;font-size:clamp(7px,1.1vw,10px);color:#fffb96}.zone-form{display:grid;gap:.7em;margin-bottom:1.2em;padding:.9em;background:#2b2b504d;border:2px solid #2b2b50;border-left:4px solid #fffb96}.zone-field{display:grid;gap:.25em}.zone-field>span{font-family:"Press Start 2P",monospace;font-size:clamp(7px,1vw,9px);color:#7ad7ff}.zone-input,.zone-textarea,.zone-select{width:100%;font-family:VT323,monospace;font-size:clamp(15px,2vw,20px);color:#cfe9ff;background:#0a0a16;border:2px solid #2b2b50;padding:.3em .5em}.zone-input:focus,.zone-textarea:focus,.zone-select:focus{outline:none;border-color:#2cf6c2}.zone-textarea{resize:vertical;min-height:3.5em}.zone-form__actions{display:flex;gap:.6em}.zone-error{color:#ff6b6b;font-size:clamp(15px,2vw,20px)}.book{padding:1.2em 1.4em 1.8em}.book-chapter{margin-bottom:1.6em}.book-chapter__title{margin:0 0 .8em;font-family:"Press Start 2P",monospace;font-size:clamp(10px,1.6vw,15px);color:#553d22;text-align:center;padding-bottom:.5em;border-bottom:3px double #6b4f2e}.book-list{list-style:none;margin:0;padding:0;display:grid;gap:1em}.book-entry{display:flex;gap:.9em;padding-bottom:.9em;border-bottom:1px dashed #b9a06f}.book-entry__logo{flex:none;width:clamp(48px,12%,72px);height:clamp(48px,12%,72px);display:grid;place-items:center;background:#fbf4df;border:3px solid #6b4f2e;box-shadow:2px 2px #c8b483}.book-entry__logo img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.book-entry__initial{font-family:"Press Start 2P",monospace;font-size:clamp(14px,3vw,24px);color:#6b4f2e}.book-entry__main{flex:1;min-width:0}.book-entry__head{display:flex;justify-content:space-between;align-items:baseline;gap:.6em;margin-bottom:.2em}.book-entry__name{font-family:"Press Start 2P",monospace;font-size:clamp(9px,1.5vw,13px);color:#4a361f}.book-entry__pct{font-family:"Press Start 2P",monospace;font-size:clamp(8px,1.2vw,11px);color:#2a7d6f}.book-entry__detail{margin:0 0 .5em;font-size:clamp(16px,2.2vw,22px);line-height:1.2;color:#5a4326}.book-bar{height:14px;background:#e0cfa3;border:2px solid #6b4f2e;padding:2px;overflow:hidden}.book-bar__fill{height:100%;background:repeating-linear-gradient(90deg,#2a7d6f 0,#2a7d6f 7px,#226257 7px,#226257 11px);transition:width .6s cubic-bezier(.2,.9,.3,1)}.book-entry__admin{display:flex;gap:.5em;margin-top:.5em}.retro-window--book .zone-msg{color:#6b4f2e;font-size:clamp(16px,2.4vw,24px)}.retro-window--book .zone-msg--err{color:#a33322}.retro-window--book .zone-admin{border-bottom-color:#c8b483}.retro-window--book .zone-admin__tag{color:#6b4f2e}.retro-window--book .zone-form{background:#6b4f2e14;border-color:#c8b483;border-left-color:#6b4f2e}.retro-window--book .zone-field>span{color:#6b4f2e}.retro-window--book .zone-input,.retro-window--book .zone-textarea{background:#fbf4df;color:#4a361f;border-color:#c8b483}.retro-window--book .zone-input:focus,.retro-window--book .zone-textarea:focus{border-color:#6b4f2e}.retro-window--book .zone-btn{background:#6b4f2e;color:#efe3c6}.retro-window--book .zone-btn:hover{background:#8a5a2a}.retro-window--book .zone-btn--ghost{background:transparent;color:#6b4f2e;border-color:#6b4f2e}.retro-window--book .zone-btn--ghost:hover{background:#6b4f2e;color:#efe3c6}.retro-window--book .zone-btn--danger{background:#a33322;color:#fff}.medal{padding:1.4em 1.4em 1.8em}.ach-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.6em 1.2em}.ach-card{position:relative;margin-top:16px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.4em 1.1em 1.1em;background:linear-gradient(180deg,#241c3c,#1a1430);border:2px solid #d4af37;box-shadow:inset 0 0 0 2px #0c0a16,0 6px 16px #00000080}.ach-card:before{content:"★";position:absolute;top:-16px;left:50%;transform:translate(-50%);width:30px;height:30px;display:grid;place-items:center;font-size:15px;color:#3a2a00;background:radial-gradient(circle at 35% 30%,#ffe082,#d4af37 70%);border:2px solid #fff3c4;border-radius:50%;box-shadow:0 0 10px #d4af37b3}.ach-card__img{width:100%;max-height:150px;object-fit:contain;image-rendering:pixelated;background:#fff;border:2px solid #d4af37;margin-bottom:.7em}.ach-card__body{display:grid;gap:.4em;width:100%}.ach-card__title{margin:0;font-family:"Press Start 2P",monospace;font-size:clamp(10px,1.6vw,14px);color:#ffd86b;line-height:1.5}.ach-card__date{font-family:"Press Start 2P",monospace;font-size:clamp(7px,1vw,10px);color:#c9a44a;letter-spacing:1px}.ach-card__desc{margin:0;font-size:clamp(16px,2.2vw,22px);line-height:1.2;color:#d8ccf0}.ach-card__admin{display:flex;justify-content:center;gap:.5em;margin-top:.4em}.retro-window--medal .zone-msg{color:#ffd86b;font-size:clamp(16px,2.4vw,24px)}.retro-window--medal .zone-msg--err{color:#ff8a7a}.retro-window--medal .zone-admin{border-bottom-color:#4a3a6a}.retro-window--medal .zone-admin__tag{color:#ffd86b}.retro-window--medal .zone-form{background:#d4af3714;border-color:#4a3a6a;border-left-color:#d4af37}.retro-window--medal .zone-field>span{color:#c9a44a}.retro-window--medal .zone-input,.retro-window--medal .zone-textarea{background:#0f0c1a;color:#e9dffb;border-color:#4a3a6a}.retro-window--medal .zone-input:focus,.retro-window--medal .zone-textarea:focus{border-color:#d4af37}.retro-window--medal .zone-btn{background:#d4af37;color:#2b210a}.retro-window--medal .zone-btn:hover{background:#ffd86b}.retro-window--medal .zone-btn--ghost{background:transparent;color:#ffd86b;border-color:#d4af37}.retro-window--medal .zone-btn--ghost:hover{background:#d4af37;color:#2b210a}.retro-window--medal .zone-btn--danger{background:#a33322;color:#fff}.social-tabs{display:flex;gap:.4em;margin-bottom:1.1em;border-bottom:2px solid #2b2b50}.social-tab{font-family:"Press Start 2P",monospace;font-size:clamp(8px,1.3vw,12px);color:#7a7ab0;background:transparent;border:none;border-bottom:3px solid transparent;padding:.6em .9em;margin-bottom:-2px;cursor:pointer}.social-tab:hover{color:#cfe9ff}.social-tab.is-active{color:#2cf6c2;border-bottom-color:#2cf6c2}.contact__title{margin:1em 0 .6em;font-family:"Press Start 2P",monospace;font-size:clamp(9px,1.5vw,13px);color:#fffb96;border-left:4px solid #ff2e88;padding-left:.6em}.about{display:flex;align-items:center;gap:1.1em;padding:.9em 1em;background:#2b2b5059;border:2px solid #2b2b50;border-left:4px solid #2cf6c2}.about__photo{flex:none;width:clamp(74px,16vw,112px);height:clamp(74px,16vw,112px);object-fit:cover;border:3px solid #2cf6c2;border-radius:4px;box-shadow:0 0 10px #2cf6c266}.about__info{display:grid;gap:.4em}.about__name{margin:0;font-family:"Press Start 2P",monospace;font-size:clamp(10px,1.7vw,14px);line-height:1.4;color:#fffb96}.about__role{margin:0;font-family:"Press Start 2P",monospace;font-size:clamp(8px,1.2vw,11px);color:#ff2e88}.about__bio{margin:0;font-size:clamp(15px,2vw,20px);line-height:1.3;color:#cfe9ff}@media (max-width: 480px){.about{flex-direction:column;text-align:center;justify-items:center}.about__info{justify-items:center}}.contact__pdf{display:grid;gap:.6em;justify-items:start}.contact__viewer{width:100%;height:clamp(300px,55vh,520px);background:#fff;border:2px solid #2b2b50}.contact__links{list-style:none;margin:0;padding:0;display:flex;gap:1em}.contact__icon{width:clamp(36px,7vw,48px);height:clamp(36px,7vw,48px);image-rendering:pixelated;transition:transform .12s ease}.contact__icon:hover{transform:scale(1.15)}.social-form{border-left-color:#ff2e88}.social-form__lead{margin:0;font-size:clamp(15px,2.2vw,22px);color:#2cf6c2}.social-stars{display:flex;gap:.15em}.social-star{font-size:clamp(22px,4vw,34px);line-height:1;color:#3a3a5c;background:none;border:none;padding:0;cursor:pointer;transition:transform .1s ease,color .1s ease}.social-star:hover{transform:scale(1.15)}.social-star.is-on{color:#fffb96;text-shadow:0 0 8px rgba(255,251,150,.7)}.social-ok{margin:0;color:#2cf6c2;font-size:clamp(15px,2vw,20px)}.social-list{list-style:none;margin:0;padding:0;display:grid;gap:.9em}.social-card{padding:.8em .9em;background:#2b2b5059;border:2px solid #2b2b50;border-left:4px solid #ff2e88}.social-card__head{display:flex;justify-content:space-between;align-items:baseline;gap:.6em;margin-bottom:.3em}.social-card__name{font-family:"Press Start 2P",monospace;font-size:clamp(8px,1.3vw,12px);color:#fffb96}.social-card__stars{flex:none;font-size:clamp(14px,2vw,20px);color:#fffb96;letter-spacing:1px}.social-card__text{margin:0 0 .5em;font-size:clamp(15px,2vw,21px);line-height:1.2;color:#cfe9ff}.social-card__foot{display:flex;justify-content:space-between;align-items:center;gap:.6em}.social-card__date{font-size:clamp(13px,1.6vw,17px);color:#7a7ab0}.welcome{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:4vh 4vw;background:#06060cb3;animation:welcome-fade .18s ease-out}.welcome__inner{display:flex;align-items:flex-end;gap:.5em;max-width:720px;animation:welcome-pop .22s cubic-bezier(.2,.9,.3,1.2)}.welcome__face{flex:none;width:clamp(120px,26vmin,210px);aspect-ratio:917 / 1025;background-size:300% 100%;background-repeat:no-repeat;image-rendering:pixelated}.welcome__bubble{position:relative;background:#fdf3da;border:4px solid #1b1b33;box-shadow:inset 0 0 0 3px #e9d9b0,6px 6px #00000059;padding:1.1em 1.2em 1.2em;max-width:430px;color:#2a2440;font-family:VT323,Courier New,monospace}.welcome__bubble:before{content:"";position:absolute;left:-13px;top:38px;width:18px;height:18px;background:#fdf3da;border-left:4px solid #1b1b33;border-bottom:4px solid #1b1b33;transform:rotate(45deg)}.welcome__title{margin:0 0 .6em;font-family:"Press Start 2P",monospace;font-size:clamp(10px,1.8vw,15px);line-height:1.5;color:#1b1b33}.welcome__lead{margin:0 0 .5em;font-size:clamp(17px,2.4vw,23px);color:#5a4326}.welcome__list{list-style:none;margin:0 0 1em;padding:0;display:grid;gap:.25em;font-size:clamp(16px,2.2vw,22px);line-height:1.25}.welcome__list li:before{content:"> ";color:#d6336c}.welcome__list span{color:#c0392b;font-weight:700}.welcome__btn{font-family:"Press Start 2P",monospace;font-size:clamp(9px,1.4vw,12px);color:#fdf3da;background:#1b1b33;border:none;padding:.7em 1.1em;cursor:pointer;box-shadow:3px 3px #00000059}.welcome__btn:hover{background:#d6336c}@media (max-width: 560px){.welcome__inner{flex-direction:column;align-items:center}.welcome__bubble:before{left:50%;top:-13px;margin-left:-9px;transform:rotate(135deg)}}@keyframes welcome-fade{0%{opacity:0}}@keyframes welcome-pop{0%{opacity:0;transform:scale(.94)}}.reward{position:fixed;left:14px;bottom:74px;z-index:101;display:flex;align-items:flex-end;gap:8px;max-width:min(86vw,340px);cursor:pointer;animation:reward-pop .22s cubic-bezier(.2,.9,.3,1.2)}.reward__face{flex:none;width:58px;aspect-ratio:917 / 1025;background-size:300% 100%;background-repeat:no-repeat;image-rendering:pixelated}.reward__bubble{position:relative;background:#fdf3da;border:3px solid #1b1b33;box-shadow:inset 0 0 0 2px #e9d9b0,4px 4px #00000059;padding:.5em .6em;color:#2a2440;font-family:VT323,Courier New,monospace;font-size:clamp(14px,1.8vw,18px);line-height:1.15}.reward__bubble:before{content:"";position:absolute;left:-10px;bottom:12px;width:14px;height:14px;background:#fdf3da;border-left:3px solid #1b1b33;border-bottom:3px solid #1b1b33;transform:rotate(45deg)}.reward__bubble strong{color:#c0392b}.reward__hint{display:block;margin-top:.3em;font-size:.82em;color:#8a6a44}@keyframes reward-pop{0%{opacity:0;transform:translateY(8px)}}.touch-controls{display:contents}.touch-dpad{position:fixed;left:calc(14px + env(safe-area-inset-left,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:50;display:grid;grid-template-areas:". up ." "left mid right" ". down .";grid-template-columns:repeat(3,clamp(46px,13vmin,60px));grid-template-rows:repeat(3,clamp(46px,13vmin,60px));gap:3px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.touch-dpad__btn{display:grid;place-items:center;font-family:"Press Start 2P",monospace;font-size:15px;color:#7cf0c6;background:#0a0a16c7;border:2px solid #2cf6c2;border-radius:10px;box-shadow:0 0 10px #2cf6c240;touch-action:none;padding:0}.touch-dpad__btn:active{background:#2cf6c266;color:#fff}.touch-dpad__btn--up{grid-area:up}.touch-dpad__btn--left{grid-area:left}.touch-dpad__btn--right{grid-area:right}.touch-dpad__btn--down{grid-area:down}.touch-dpad__center{grid-area:mid;border-radius:10px;background:#0a0a1673}.touch-interact{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(26px + env(safe-area-inset-bottom,0px));z-index:50;width:clamp(64px,18vmin,84px);height:clamp(64px,18vmin,84px);border-radius:50%;font-family:"Press Start 2P",monospace;font-size:26px;color:#0a0a16;background:#2cf6c2;border:3px solid #12122a;box-shadow:0 0 14px #2cf6c273;opacity:.3;transition:opacity .15s ease;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.touch-interact.is-active{opacity:1;animation:touch-interact-pulse 1s ease-in-out infinite}.touch-interact.is-active:active{background:#ff2e88;color:#fff}@keyframes touch-interact-pulse{50%{transform:scale(1.08);box-shadow:0 0 22px #2cf6c2b3}}.rotate-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9em;padding:24px;text-align:center;background:#06060cf0;font-family:"Press Start 2P",monospace}.rotate-hint__phone{font-size:54px;animation:rotate-hint-spin 1.6s ease-in-out infinite}.rotate-hint__title{margin:0;font-size:clamp(13px,4vw,18px);color:#2cf6c2;text-shadow:0 0 10px rgba(44,246,194,.6)}.rotate-hint__sub{margin:0;font-size:clamp(8px,2.6vw,11px);color:#7a7ab0}.rotate-hint__btn{margin-top:1.2em;font-family:inherit;font-size:clamp(9px,2.8vw,12px);color:#0a0a16;background:#fffb96;border:2px solid #12122a;box-shadow:3px 3px #12122a;padding:.9em 1.2em;cursor:pointer}.rotate-hint__btn:active{transform:translate(2px,2px);box-shadow:1px 1px #12122a}@keyframes rotate-hint-spin{0%,20%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}.room-viewport{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#0c0c10}.room-stage{position:absolute;top:50%;left:50%;transform-origin:center center;image-rendering:pixelated}.room-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;-webkit-user-select:none;user-select:none}.wall-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none}.interact-marker{position:absolute;transform:translate(-50%,-50%);width:72px;height:72px;z-index:5000;display:grid;place-items:center;border-radius:50%;border:4px solid rgba(124,240,198,.45);background:radial-gradient(circle,rgba(124,240,198,.18),transparent 70%);opacity:.55;pointer-events:none;transition:opacity .15s ease}.interact-marker__key{font-family:"Press Start 2P",monospace;font-size:28px;color:#7cf0c6;text-shadow:0 0 8px #2cf6c2}.interact-marker.is-near{opacity:1;border-color:#ff2e88;background:radial-gradient(circle,rgba(255,46,136,.28),transparent 70%);animation:marker-pulse 1s ease-in-out infinite}.interact-marker.is-near .interact-marker__key{color:#fff;text-shadow:0 0 10px #ff2e88}@keyframes marker-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.12)}}.room-prompt{position:absolute;left:50%;bottom:36px;transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:.7em;padding:.55em 1.1em;background:#0a0a16d9;border:2px solid #2cf6c2;color:#cfe9ff;font-family:VT323,Courier New,monospace;font-size:26px;letter-spacing:1px;box-shadow:0 0 16px #2cf6c24d}.room-prompt__key{font-family:"Press Start 2P",monospace;font-size:13px;color:#0a0a16;background:#2cf6c2;padding:.5em .7em;border-radius:4px}.editor-toggle{position:fixed;left:16px;bottom:16px;z-index:101;width:48px;height:48px;font-size:22px;line-height:1;cursor:pointer;background:#0a0a16d9;border:2px solid #2cf6c2;color:#fff;border-radius:8px;box-shadow:0 0 14px #2cf6c259}.editor-toggle:hover{background:#2cf6c233}.app{display:flex;flex-direction:column;min-height:100%}.app__contenido{flex:1;width:100%;max-width:var(--ancho-maximo);margin-inline:auto;padding:var(--espacio-4) var(--espacio-2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}img,picture,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button,input,textarea{font:inherit;color:inherit}:root{--color-fondo: #0f1115;--color-superficie: #1a1d24;--color-superficie-alta: #232730;--color-texto: #e8eaed;--color-texto-tenue: #9aa0a6;--color-acento: #4aa8ff;--color-acento-oscuro: #2f7fd1;--color-borde: #2a2e37;--color-error: #ff6b6b;--fuente-base: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radio: 10px;--radio-pequeno: 6px;--espacio-1: .5rem;--espacio-2: 1rem;--espacio-3: 1.5rem;--espacio-4: 2rem;--espacio-5: 3rem;--ancho-maximo: 1100px;--transicion: .16s ease}body{font-family:var(--fuente-base);background-color:var(--color-fondo);color:var(--color-texto);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:1.25;font-weight:700}a:hover{color:var(--color-acento)}.contenedor{width:100%;max-width:var(--ancho-maximo);margin-inline:auto;padding-inline:var(--espacio-2)}.cargando{padding:var(--espacio-4);text-align:center;color:var(--color-texto-tenue)}