*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Inter,Segoe UI,Arial,sans-serif;color:#182b49}button,select{font:inherit}#world{position:fixed;inset:0;background:url('../images/lake-mountain-adventure.jpg') center/cover no-repeat;overflow:hidden}
.panel{position:absolute;z-index:30;left:16px;top:16px;bottom:16px;width:292px;padding:12px;overflow-y:auto;scrollbar-width:none;border:1px solid rgba(255,255,255,.25);border-radius:18px;background:rgba(10,17,34,.14);backdrop-filter:blur(7px);color:white;box-shadow:0 12px 30px rgba(0,0,0,.18)}.panel::-webkit-scrollbar{display:none}
.panel a,.nav,.sceneBtn{display:block;width:100%;padding:9px 10px;margin:4px 0;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(20,20,28,.62);color:white;text-decoration:none;text-align:left;font-weight:850;font-size:12px}.nav.active{background:rgba(35,169,164,.9)}.title{font-size:20px;font-weight:950;line-height:1.05;margin:12px 4px}.label{font-size:9px;font-weight:950;letter-spacing:.15em;margin:12px 5px 5px}select{width:100%;padding:8px;border:0;border-radius:10px;margin-bottom:5px;color:#24324a;font-weight:800}
.card{position:absolute;z-index:28;left:50%;bottom:18px;transform:translateX(-50%);width:min(620px,48vw);padding:15px 18px;border:1px solid rgba(255,255,255,.3);border-radius:20px;background:rgba(247,242,232,.14);backdrop-filter:blur(8px);box-shadow:0 12px 30px rgba(0,0,0,.18)}.card h2{margin:3px 0 6px;font-size:23px}.card p{margin:4px 0}.line{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.55);font-size:19px;font-weight:900}.translation{font-weight:750;margin:7px 0}.actions{display:flex;gap:7px;flex-wrap:wrap}.actions button{border:0;border-radius:10px;padding:8px 12px;font-weight:900}.restore{display:none;position:absolute;z-index:50;left:16px;top:16px;border:0;border-radius:11px;padding:10px 13px;font-weight:900}#world.scene-only .panel,#world.scene-only .card{display:none!important}#world.scene-only .hotspot{pointer-events:auto!important}#world.scene-only .restore{display:block!important}
.hotspots{position:absolute;inset:0;z-index:20;pointer-events:none}.hotspot{position:absolute;transform:translate(-50%,-50%);border:0;border-radius:50%;background:transparent;opacity:.02;pointer-events:none}#world.discovery .hotspot,#world.challenge .hotspot{pointer-events:auto}.hotspot:hover{opacity:.45;outline:3px solid white;background:rgba(32,169,164,.28)}.status{font-weight:900;margin-top:7px}@media(max-width:850px){.panel{width:250px}.card{width:55vw}}