*{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{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 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 7px;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}.dirhome:hover{background:rgba(81,116,211,.76)}.place{font-size:15px;font-weight:950;line-height:1.1;margin:2px 2px 9px}.label{margin:10px 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:11px;font-weight:850}.directory button:hover,.directory button.active{background:rgba(81,116,211,.76)}.back{position:absolute;right:14px;top:14px;z-index:40;border:1px solid rgba(255,255,255,.28);border-radius:11px;padding:8px 11px;background:rgba(10,20,31,.58);color:#fff;font-weight:900;text-decoration:none}.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,.42);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,.60);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,.58);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="routemap"]{left:10%;top:38%;width:15%;height:43%}[data-word="busstop"]{left:10%;top:10%;width:12%;height:16%}[data-word="bus"]{left:63%;top:54%;width:28%;height:36%}[data-word="buspass"]{left:45%;top:54%;width:9%;height:10%}[data-word="trafficlight"]{left:79%;top:13%;width:7%;height:17%}[data-word="mainstreet"]{left:89%;top:9%;width:13%;height:10%}[data-word="directions"]{left:91%;top:25%;width:13%;height:17%}[data-word="crosswalk"]{left:81%;top:84%;width:34%;height:20%}[data-word="walksignal"]{left:97%;top:39%;width:6%;height:12%}[data-word="shelter"]{left:22%;top:14%;width:18%;height:24%}[data-word="downtown"]{left:66%;top:36%;width:18%;height:8%}[data-word="cafe"]{left:91%;top:55%;width:15%;height:20%}
@media(max-width:850px){.directory{width:165px}.panel{right:2%;width:42%}}
.directory select{width:100%;margin:3px 0;padding:7px 8px;border:0;border-radius:10px;color:#24324a;font-size:10px;font-weight:850}
.restorePanel{display:none;position:absolute;z-index:60;left:12px;top:12px;border:0;border-radius:11px;padding:9px 12px;background:rgba(10,20,31,.72);color:#fff;font-weight:900}
#world.scene-only .directory,#world.scene-only .panel,#world.scene-only>.back{display:none!important}
#world.scene-only .restorePanel{display:block!important}

.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;
}