*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Inter,Segoe UI,Arial,sans-serif;background:#172335;color:#172335}button,select{font:inherit;cursor:pointer}#world{position:fixed;inset:0;overflow:hidden;background:#172335}.scene{position:absolute;inset:0;overflow:hidden}.scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.directory{position:absolute;z-index:30;left:12px;top:12px;bottom:12px;width:182px;padding:10px;overflow-y:auto;scrollbar-width:none;border:1px solid rgba(255,255,255,.2);border-radius:17px;background:rgba(12,28,38,.44);backdrop-filter:blur(7px);box-shadow:0 14px 35px rgba(0,0,0,.22);color:#fff}.directory::-webkit-scrollbar{display:none}.dirhome{display:block;margin:0 0 5px;padding:7px 8px;border-radius:10px;background:rgba(255,255,255,.16);color:#fff;text-decoration:none;font-size:11px;font-weight:950;text-align:center}.place{font-size:15px;font-weight:950;margin:5px 2px 7px}.label{margin:8px 3px 4px;font-size:9px;font-weight:950;letter-spacing:.14em;color:rgba(255,255,255,.75)}.directory button{display:block;width:100%;margin:3px 0;padding:7px 8px;border:0;border-radius:10px;background:rgba(255,255,255,.09);color:#fff;text-align:left;font-size:10.5px;font-weight:850}.directory button:hover,.directory button.active{background:rgba(81,116,211,.76)}.directory select{width:100%;margin:2px 0;padding:6px 7px;border:0;border-radius:9px;color:#24324a;font-size:10px;font-weight:850}
.panel{position:absolute;z-index:28;right:3%;bottom:4%;width:34%;max-width:620px;max-height:42%;overflow:auto;scrollbar-width:none;padding:12px 14px;border:1px solid rgba(255,255,255,.30);border-radius:20px;background:rgba(255,252,242,.40);backdrop-filter:blur(3px);box-shadow:0 12px 30px rgba(20,30,40,.16)}.panel::-webkit-scrollbar{display:none}.kicker{font-size:10px;font-weight:950;letter-spacing:.13em;color:#385e8e}.panel h2{margin:3px 0;font-size:clamp(18px,1.5vw,27px)}.panel p{font-size:12px;margin:5px 0 7px}.line{padding:9px 10px;border-radius:11px;background:rgba(255,255,255,.58);font-size:16px;font-weight:900}.translation{font-size:12px;margin:5px 0 7px}.actions{display:flex;gap:6px;margin-top:7px}.actions button,.challengeNext{border:0;border-radius:10px;padding:8px 10px;background:rgba(54,93,148,.92);color:#fff;font-size:11px;font-weight:900}.find{display:none;margin-top:8px;padding:9px 10px;border-radius:11px;background:rgba(255,255,255,.56);font-size:11px}.find.show{display:block}.count{font-size:9px;font-weight:950;letter-spacing:.12em;color:#385e8e;margin-bottom:5px}.status{min-height:20px;margin:5px 0;font-weight:900}.hint{font-size:10px;color:#596174;margin:4px 0 7px}
.hotspots{position:absolute;inset:0;z-index:22;pointer-events:none}.hotspot{position:absolute;transform:translate(-50%,-50%);border:0;border-radius:50%;background:transparent;opacity:.025;pointer-events:auto}.hotspot:hover,.hotspot:focus-visible{opacity:.52;outline:4px solid rgba(255,255,255,.95);outline-offset:-4px;background:rgba(66,111,174,.35)}[data-word="llave"]{left:58.2%;top:51.5%;width:5.5%;height:12%}[data-word="maleta"]{left:10.5%;top:87%;width:18%;height:24%}[data-word="camara"]{left:23.5%;top:62%;width:13%;height:17%}[data-word="campana"]{left:61.5%;top:70.5%;width:8%;height:10%}[data-word="libro"]{left:75%;top:75%;width:17%;height:10%}[data-word="boligrafo"]{left:73.5%;top:67%;width:6%;height:16%}[data-word="lampara"]{left:97%;top:41%;width:6%;height:27%}[data-word="flores"]{left:88.5%;top:68%;width:16%;height:20%}[data-word="velero"]{left:54.5%;top:40%;width:7%;height:15%}[data-word="recepcionista"]{left:78%;top:32%;width:25%;height:58%}[data-word="mochila"]{left:7%;top:49%;width:12%;height:35%}[data-word="mostrador"]{left:65%;top:83%;width:43%;height:27%}

.restore{display:none;position:absolute;z-index:60;left:12px;top:12px;border:0;border-radius:11px;padding:9px 12px;background:rgba(12,28,38,.78);color:#fff;font-weight:900}#world.scene-only .directory,#world.scene-only .panel{display:none!important}#world.scene-only .restore{display:block!important}
@media(max-width:850px){.directory{width:165px}.panel{right:2%;width:42%}}

.talkabee-forward-arrow{
 position:fixed;z-index:10020;right:22px;top:18px;
 width:62px;height:62px;border:2px solid rgba(255,255,255,.82);
 border-radius:50%;background:rgba(11,22,42,.20);
 box-shadow:0 5px 16px rgba(0,0,0,.14);backdrop-filter:blur(2px);
 display:grid;place-items:center;text-decoration:none;cursor:pointer;
}
.talkabee-forward-arrow::before{
 content:"";width:17px;height:17px;border-top:5px solid #fff;
 border-right:5px solid #fff;transform:rotate(45deg) translate(-2px,2px);
 filter:drop-shadow(0 1px 2px rgba(0,0,0,.35));
}
.talkabee-forward-arrow:hover,.talkabee-forward-arrow:focus-visible{
 background:rgba(11,22,42,.34);outline:3px solid rgba(255,255,255,.72);outline-offset:2px;
}