.world-overlay{position:fixed;inset:0;z-index:120;background:#07172b;color:#fff;display:none;overflow:auto}.world-overlay.open{display:block;animation:worldIn .45s ease both}.world-shell{max-width:1500px;margin:auto;padding:22px}.world-top{display:flex;justify-content:space-between;align-items:center;gap:16px;position:sticky;top:0;z-index:4;padding:14px 18px;background:rgba(8,24,46,.88);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.15);border-radius:20px}.world-top h1{margin:0;font-size:27px}.world-top p{margin:5px 0 0;color:#c9ddf4}.world-close,.world-action{border:0;border-radius:13px;padding:11px 16px;font-weight:800}.world-close{background:#fff;color:#17304d}.world-action{background:linear-gradient(135deg,#6fe5ca,#70a6ff);color:#10233a}.city-stage{position:relative;margin-top:18px;border-radius:28px;overflow:hidden;min-height:560px;background:#102b48;box-shadow:0 28px 80px #0008}.city-stage>img{width:100%;height:100%;min-height:560px;object-fit:cover;display:block;animation:cityDrift 16s ease-in-out infinite alternate;transition:opacity .5s,transform .8s}.city-stage.switching>img{opacity:.18;transform:scale(1.08)}.city-hud{position:absolute;left:22px;top:22px;background:rgba(8,24,46,.78);padding:14px 18px;border-radius:16px;backdrop-filter:blur(10px)}.city-hud b{font-size:20px}.city-hud span{display:block;color:#d7e9ff;margin-top:5px}.hotspot{position:absolute;width:48px;height:48px;border:3px solid #fff;border-radius:50%;background:linear-gradient(135deg,#62dfc4,#5a8cff);color:#fff;font-weight:900;box-shadow:0 0 0 8px #ffffff30,0 10px 30px #0007;animation:pulse 2s infinite}.hotspot:nth-of-type(1){left:23%;top:30%}.hotspot:nth-of-type(2){left:47%;top:42%}.hotspot:nth-of-type(3){left:70%;top:27%}.hotspot:nth-of-type(4){left:37%;top:68%}.hotspot:nth-of-type(5){left:76%;top:69%}.location-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.location-card{background:#fff;color:#182842;border-radius:18px;overflow:hidden;border:2px solid transparent;transition:.2s}.location-card:hover{border-color:#75dfcb;transform:translateY(-3px)}.location-card img{width:100%;aspect-ratio:1.2;object-fit:cover;display:block}.location-info{padding:12px}.location-info b{display:block}.location-info small{color:#708097}.location-info button{width:100%;margin-top:10px;border:0;border-radius:10px;padding:9px;background:#19304d;color:#fff}.location-info button:disabled{background:#9aa8b8}.pet-layout{display:grid;grid-template-columns:370px 1fr;gap:20px;margin-top:20px}.pet-room{background:radial-gradient(circle at 50% 30%,#486ea7,#132a4c 68%);border-radius:26px;min-height:570px;padding:22px;text-align:center;position:sticky;top:105px}.pet-avatar{position:relative;width:290px;height:290px;margin:15px auto}.pet-avatar .beast{width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 20px 50px #0008}.pet-avatar .frame{position:absolute;inset:-13%;width:126%;height:126%;object-fit:contain;pointer-events:none}.pet-room h2{font-size:27px;margin:8px}.pet-stats{display:flex;justify-content:center;gap:10px;margin:13px}.pet-pill{background:#ffffff1c;border:1px solid #ffffff35;border-radius:999px;padding:8px 12px}.feed-burst{position:absolute;inset:45% auto auto 50%;font-size:40px;pointer-events:none;animation:burst .9s ease-out both}.beast-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.beast-choice{background:#fff;border:2px solid transparent;border-radius:16px;padding:7px;color:#19304d}.beast-choice.active{border-color:#58d8bd;box-shadow:0 0 0 4px #58d8bd33}.beast-choice img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:11px}.beast-choice b{display:block;padding:6px 2px}.frame-strip{display:flex;gap:10px;overflow:auto;padding:12px 2px}.frame-choice{min-width:92px;height:92px;border:2px solid #ffffff40;background:#ffffff13;border-radius:16px}.frame-choice.active{border-color:#ffe38a;background:#ffe38a25}.frame-choice img{width:100%;height:100%;object-fit:contain}@keyframes worldIn{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}@keyframes cityDrift{from{transform:scale(1.02) translate(-.5%,-.5%)}to{transform:scale(1.09) translate(1%,1%)}}@keyframes pulse{50%{box-shadow:0 0 0 16px #ffffff08,0 10px 30px #0007}}@keyframes burst{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}40%{opacity:1}100%{transform:translate(-50%,-170%) scale(1.7);opacity:0}}@media(max-width:900px){.location-grid{grid-template-columns:repeat(2,1fr)}.pet-layout{grid-template-columns:1fr}.pet-room{position:relative;top:0}.beast-grid{grid-template-columns:repeat(3,1fr)}}