*{box-sizing:border-box}html,body{margin:0;background:#090604;color:#f7ead5;font-family:Georgia,'Times New Roman',serif;height:100%;overflow:hidden}.topbar{height:62px;position:fixed;z-index:50;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:linear-gradient(#090706ee,#090706aa,transparent);font-family:system-ui,sans-serif}.topbar a{color:#eee;text-decoration:none;margin-left:18px}.topbar b{letter-spacing:3px}.topbar i{font-style:normal;color:#e77b31}.scene{display:none;position:absolute;inset:0;padding-top:62px;background-image:var(--bg);background-size:cover;background-position:center;animation:enter .7s ease both}.scene.active{display:block}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#05030266,transparent 45%,#05030222),linear-gradient(0deg,#05030288,transparent 40%);pointer-events:none}.scene-title{position:absolute;z-index:3;left:4.5vw;bottom:7vh;max-width:620px;text-shadow:0 3px 16px #000}.scene-title small{font:700 12px system-ui;letter-spacing:3px;color:#e8b66f}.scene-title h1{font-size:clamp(44px,6vw,92px);line-height:.88;margin:8px 0 18px}.scene-title h2{font-size:clamp(32px,4vw,60px);margin:8px 0}.scene-title p{font-size:18px}.scene-title.compact{bottom:5vh}.hotspot{position:absolute;z-index:5;border:1px solid #c9944b88;background:#120c08d9;color:#f9e6c5;border-radius:14px;padding:12px 15px;cursor:pointer;text-decoration:none;box-shadow:0 8px 30px #0008;backdrop-filter:blur(4px);transition:.25s;min-width:150px;text-align:left;font-family:Georgia,serif}.hotspot:hover,.hotspot:focus{transform:translateY(-5px) scale(1.035);border-color:#ffd080;box-shadow:0 0 0 2px #ffc35b33,0 10px 45px #000c,0 0 35px #d38a2f55;outline:none}.hotspot span{font-size:24px;display:block}.hotspot b,.hotspot small{display:block}.hotspot small{opacity:.72;margin-top:3px}.hs-library{left:11%;top:34%}.hs-merchant{right:24%;top:48%}.hs-tk{right:5%;top:35%}.catalog-pill{position:absolute;right:28px;bottom:28px;z-index:8;background:#0d0907dd;border:1px solid #b98545;color:#f3d9ae;text-decoration:none;padding:12px 18px;border-radius:999px}.back{position:absolute;z-index:8;left:28px;top:82px;background:#0d0907dd;border:1px solid #b98545;color:#f3d9ae;padding:11px 17px;border-radius:999px;cursor:pointer}.shelf{top:28%}.novels{left:34%}.essays{left:45%}.signed{left:56%}.special{left:67%}.forgotten{right:3%;top:26%}.merchant-products{left:34%;bottom:23%;max-width:360px}.merchant-worlds{left:31%;top:19%;max-width:440px}.tk-console{position:absolute;z-index:7;right:7%;bottom:9%;width:min(340px,86vw);padding:20px;background:#100b08e8;border:1px solid #bd8745;border-radius:16px;box-shadow:0 15px 50px #000c}.tk-console strong{display:block;font-size:46px;color:#ffc65f}.tk-console span,.tk-console a,.tk-console button{display:block;margin-top:10px}.tk-console a{color:#f5d29c}.tk-console button{width:100%;padding:11px;background:#34261a;color:#bfa98a;border:1px solid #59432d;border-radius:8px}.toast{position:fixed;z-index:100;left:50%;bottom:28px;transform:translate(-50%,20px);padding:12px 18px;background:#120d09ee;border:1px solid #b9874d;border-radius:10px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes enter{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(max-width:800px){.topbar{padding:0 12px;height:54px}.topbar div a:first-child{display:none}.scene{padding-top:54px;background-position:center}.scene-title{left:18px;bottom:20px;max-width:70vw}.scene-title h1{font-size:44px}.scene-title p{font-size:14px}.hotspot{padding:9px 11px;min-width:0;font-size:13px}.hs-library{left:5%;top:31%}.hs-merchant{right:17%;top:49%}.hs-tk{right:2%;top:30%}.catalog-pill{right:12px;bottom:12px}.shelf{top:auto;bottom:24%;}.novels{left:3%}.essays{left:23%}.signed{left:43%}.special{left:63%}.forgotten{right:2%;top:24%;bottom:auto}.merchant-products{left:5%;bottom:20%}.merchant-worlds{left:5%;top:20%}.tk-console{right:4%;bottom:7%}}
/* v1.7.1 · pulido visual */
.scene-kicker{position:absolute;left:28px;bottom:24px;z-index:4;padding:7px 10px;border-radius:999px;background:#09060499;border:1px solid #d4a25a55;color:#e7c18c;font:700 10px system-ui,sans-serif;letter-spacing:2px;opacity:.72;transition:opacity .25s}.scene-kicker:hover{opacity:1}
.scene-title{display:none}
.hotspot{background:#0b0705a8;border-color:#d6a05266;min-width:0;padding:9px 11px;border-radius:999px;box-shadow:0 5px 22px #0008;opacity:.38;transform:scale(.92);backdrop-filter:blur(3px)}
.hotspot b{font-size:12px;letter-spacing:.3px}.hotspot small{display:none}.hotspot span{display:inline;font-size:17px;margin-right:5px}.hotspot:hover,.hotspot:focus{opacity:1;transform:translateY(-2px) scale(1);background:#120b06e8;border-color:#ffd080;box-shadow:0 0 30px #d38a2f55}
.shelf{border-radius:10px;opacity:.22}.shelf:hover,.shelf:focus{opacity:1}.merchant-products,.merchant-worlds{border-radius:10px;opacity:.24}.catalog-pill{opacity:.68;transition:.2s}.catalog-pill:hover{opacity:1}
.tk-mask{position:absolute;z-index:4;right:0;top:62px;bottom:0;width:31%;background:linear-gradient(90deg,#09060400,#090604e8 16%,#090604f6);border-left:1px solid #d09a4b22;pointer-events:none}
.tk-console{z-index:7;right:3.5%;bottom:auto;top:20%;width:min(330px,29vw);background:#0d0907ed}.tk-console small{display:block;color:#d9a45e;letter-spacing:2px;font:700 11px system-ui,sans-serif;margin-bottom:8px}.tk-console strong{font-size:38px}.tk-console span,.tk-console a{padding:7px 0;border-bottom:1px solid #c9964930;text-decoration:none}.tk-console em{display:block;margin-top:14px;padding:10px;text-align:center;border:1px solid #b9854555;border-radius:8px;color:#e7c28f;font-style:normal}.tk-console button{margin-top:12px}
@media(max-width:800px){.scene-kicker{left:12px;bottom:12px}.hotspot{opacity:.68}.hotspot b{font-size:11px}.tk-mask{top:54px;width:48%}.tk-console{right:3%;top:18%;width:43vw;padding:13px}.tk-console strong{font-size:30px}.tk-console span,.tk-console a{font-size:12px;padding:5px 0}}


/* v1.7.2 · transiciones cinematográficas */
#experience{position:fixed;inset:0;overflow:hidden;background:#050302}
.scene{transform-origin:var(--cinema-origin,50% 50%);will-change:transform,opacity,filter}
.cinema-curtain{position:fixed;z-index:45;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at center,transparent 20%,#050302 115%);transition:opacity .28s ease}
.cinema-curtain.on{opacity:.72}
.scene.cinema-out-forward{display:block;animation:cinemaZoomIn .58s cubic-bezier(.55,.05,.35,1) both}
.scene.cinema-out-back{display:block;animation:cinemaZoomOut .58s cubic-bezier(.55,.05,.35,1) both}
.scene.cinema-in-forward,.scene.cinema-in-back{display:block;opacity:0;filter:blur(8px)}
.scene.cinema-in-forward{transform:scale(1.055)}
.scene.cinema-in-back{transform:scale(.965)}
.scene.cinema-in-forward.cinema-arrived,.scene.cinema-in-back.cinema-arrived{opacity:1;filter:blur(0);transform:scale(1);transition:opacity .55s ease,filter .65s ease,transform .75s cubic-bezier(.2,.75,.25,1)}
@keyframes cinemaZoomIn{0%{opacity:1;transform:scale(1);filter:blur(0)}72%{opacity:.72;transform:scale(1.085);filter:blur(2px)}100%{opacity:0;transform:scale(1.14);filter:blur(9px)}}
@keyframes cinemaZoomOut{0%{opacity:1;transform:scale(1);filter:blur(0)}72%{opacity:.7;transform:scale(.97);filter:blur(2px)}100%{opacity:0;transform:scale(.935);filter:blur(9px)}}
.hotspot[data-go]::after{content:'›';display:inline-block;margin-left:6px;opacity:0;transform:translateX(-4px);transition:.2s}.hotspot[data-go]:hover::after,.hotspot[data-go]:focus::after{opacity:.8;transform:translateX(0)}
@media(prefers-reduced-motion:reduce){.scene,.cinema-curtain{animation:none!important;transition:none!important}.cinema-curtain{display:none}}

/* v1.8.0 · sonido + Fondo Olvidado + libros reales + Rolu */
.sound-toggle{position:absolute;z-index:9;left:112px;top:82px;border:1px solid #b98545;background:#0d0907dd;color:#f3d9ae;padding:10px 14px;border-radius:999px;cursor:pointer;font:13px system-ui,sans-serif}.sound-toggle.on{box-shadow:0 0 22px #d38a2f66;color:#ffd58b}.real-books{left:45%;bottom:35%;top:auto;opacity:.3}.rolu{position:absolute;z-index:6;width:58px;height:58px;border:0;border-radius:50%;background:radial-gradient(circle,#ffc65f55 0,#ffc65f18 38%,transparent 70%);opacity:0;cursor:pointer;transition:.25s}.rolu:hover,.rolu:focus{opacity:1;transform:scale(1.12);outline:1px solid #ffc65f88}.rolu::after{content:'🐈‍⬛';font-size:24px;filter:drop-shadow(0 2px 5px #000)}.rolu-plaza{left:34.2%;top:75%}.rolu-library{left:27.2%;top:68%}.rolu-merchant{left:25.2%;top:56%}
.mystery-overlay,.books-overlay{position:fixed;z-index:120;inset:0;display:none;align-items:center;justify-content:center;padding:24px;background:#050302c7;backdrop-filter:blur(8px)}.mystery-overlay.open,.books-overlay.open{display:flex;animation:modalIn .35s ease both}.mystery-panel,.books-panel{position:relative;width:min(820px,94vw);max-height:82vh;overflow:auto;padding:30px;background:linear-gradient(145deg,#1b1109f7,#0b0705f7);border:1px solid #c58b42;border-radius:18px;box-shadow:0 25px 90px #000;color:#f5dfbd}.mystery-panel h2,.books-panel h2{font-size:38px;margin:6px 0 10px}.mystery-panel>small,.books-panel>small{color:#d9a45e;letter-spacing:2px}.modal-close{position:absolute;right:14px;top:12px;width:38px;height:38px;border-radius:50%;border:1px solid #b98545;background:#120c08;color:#f7ead5;font-size:24px;cursor:pointer}.mystery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.mystery-grid button{min-height:135px;border:1px solid #8c6338;background:#120c08;color:#f3d9ae;border-radius:12px;padding:15px;font-size:28px;cursor:pointer}.mystery-grid b,.mystery-grid span{display:block;font-size:15px;margin-top:7px}.mystery-grid span{opacity:.6}.secret-result{padding:16px;border-left:3px solid #c58b42;background:#24170d}.real-books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:16px;margin-top:20px}.real-book{display:block;color:#f5dfbd;text-decoration:none}.real-book img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:7px;border:1px solid #8c6338;box-shadow:0 10px 25px #0009;transition:.2s}.real-book:hover img{transform:translateY(-4px);box-shadow:0 14px 32px #000}.real-book b{display:block;font-size:13px;line-height:1.15;margin-top:7px}.real-book small{opacity:.62}.loading-books{opacity:.7}@keyframes modalIn{from{opacity:0}to{opacity:1}}
@media(max-width:800px){.sound-toggle{left:98px;top:72px;padding:8px 10px}.real-books{left:42%;bottom:34%}.rolu{width:48px;height:48px}.mystery-grid{grid-template-columns:1fr}.mystery-panel,.books-panel{padding:22px}.mystery-panel h2,.books-panel h2{font-size:30px}.real-books-grid{grid-template-columns:repeat(3,1fr)}}

/* v1.9.0 · Rolu móvil + Fondo ampliado + compra/firma + Mercader vivo */
.rolu{transition:left .9s cubic-bezier(.2,.8,.2,1),top .9s cubic-bezier(.2,.8,.2,1),opacity .25s,transform .25s}.rolu.rolu-moving{opacity:.75;transform:scale(.82)}
.mystery-grid{grid-template-columns:repeat(3,1fr)}
.book-actions{display:grid;gap:5px;margin-top:7px}.book-actions a,.book-actions span{font:11px system-ui,sans-serif;padding:7px 6px;border-radius:6px;text-align:center;text-decoration:none}.book-actions a{background:#2b1b10;color:#f3d9ae;border:1px solid #8c6338}.book-actions .signed-buy{background:#493018;color:#ffd58b}.book-actions span{opacity:.48;border:1px dashed #8c6338}
.merchant-overlay{position:fixed;z-index:120;inset:0;display:none;align-items:center;justify-content:center;padding:24px;background:#050302c7;backdrop-filter:blur(8px)}.merchant-overlay.open{display:flex;animation:modalIn .35s ease both}.merchant-panel{position:relative;width:min(860px,94vw);max-height:82vh;overflow:auto;padding:30px;background:linear-gradient(145deg,#1b1109f7,#0b0705f7);border:1px solid #c58b42;border-radius:18px;box-shadow:0 25px 90px #000;color:#f5dfbd}.merchant-panel h2{font-size:38px;margin:6px 0 10px}.merchant-panel>small{color:#d9a45e;letter-spacing:2px}.merchant-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.merchant-tabs button{border:1px solid #8c6338;background:#120c08;color:#f3d9ae;padding:8px 11px;border-radius:999px;cursor:pointer}.merchant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.merchant-item{min-height:125px;border:1px solid #8c6338;background:#120c08;color:#f3d9ae;border-radius:12px;padding:16px;text-decoration:none;display:flex;flex-direction:column;justify-content:center}.merchant-item span{font-size:32px}.merchant-item b{margin:8px 0}.merchant-item small{opacity:.55}.merchant-catalog{display:inline-block;margin-top:18px;color:#ffd58b}
@media(max-width:800px){.merchant-grid{grid-template-columns:repeat(2,1fr)}.merchant-panel{padding:22px}.merchant-panel h2{font-size:30px}.mystery-grid{grid-template-columns:1fr}}