*{box-sizing:border-box}body{margin:0;background:#111;color:#fff;font-family:Arial,sans-serif;overflow:hidden}button{font:inherit;color:#fff;background:#242424;border:1px solid #555;border-radius:12px;padding:12px 8px;cursor:pointer}.topbar{height:58px;background:#181818;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:13px;border-bottom:2px solid #333}.topbar b{font-size:16px}.topbar span{color:#ddd}.topbar #version{font-size:10px;color:#888;margin-left:5px}.skyline{height:42%;background:linear-gradient(#26364b,#3c5369);position:absolute;inset:0 0 0 0}.skyline:after{content:"";position:absolute;inset:25% 0 0;background:repeating-linear-gradient(90deg,#172332 0 48px,#263448 48px 92px);clip-path:polygon(0 45%,8% 30%,14% 42%,22% 20%,31% 35%,39% 12%,47% 38%,55% 18%,64% 32%,73% 10%,82% 36%,91% 22%,100% 35%,100% 100%,0 100%);opacity:.8}.street{position:absolute;top:25%;bottom:0;left:0;right:0;background:linear-gradient(#6c7278 0 48%,#303238 48%);overflow:hidden}.road{position:absolute;left:0;right:0;bottom:0;height:37%;background:repeating-linear-gradient(90deg,#25272a 0 120px,#2d2f32 120px 240px)}.road:after{content:"";position:absolute;top:48%;left:0;right:0;border-top:6px dashed #c8b96a}.building{position:absolute;top:3%;height:45%;width:30%;background:#7a4f42;border:4px solid #392b2a;border-radius:5px;box-shadow:inset 0 0 0 5px #5a3b35}.building.restaurant{left:5%}.building.apartment{right:5%;background:#53667a}.sign{margin:18px 5px;background:#171717;border-radius:5px;padding:8px 4px;text-align:center;font-size:11px}.door{position:absolute;bottom:0;left:40%;font-size:28px}.location-label{position:absolute;top:5px;left:50%;transform:translateX(-50%);background:#111c;padding:6px 12px;border-radius:20px;font-size:12px;z-index:4}.actions{position:absolute;bottom:0;left:0;right:0;padding:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;background:#151515;border-top:2px solid #333;z-index:5}.actions button:active{transform:scale(.97)}#player{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:44px;height:80px;z-index:3}.head{width:28px;height:28px;border-radius:50%;background:#c98d6d;border:3px solid #252525;margin:auto}.body{width:34px;height:34px;background:#2d5f9a;border:3px solid #252525;border-radius:8px;margin:2px auto}.legs{width:28px;height:18px;background:linear-gradient(90deg,#252525 0 43%,transparent 43% 57%,#252525 57%);margin:auto}.npc{position:absolute;left:68%;top:58%;font-size:42px;z-index:3}.hidden{display:none}#modal{position:fixed;inset:0;background:#000b;z-index:10;display:flex;align-items:flex-end;justify-content:center}.modal-card{width:min(520px,100%);max-height:82vh;overflow:auto;background:#1b1b1b;border:1px solid #555;border-radius:20px 20px 0 0;padding:22px 18px 28px;position:relative}.close{position:absolute;right:12px;top:12px;border:0;background:#333;padding:7px 10px}.modal-card h2{margin-top:0}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.menu-grid button{min-height:72px}.phone{background:#0d0d0d;border:8px solid #333;border-radius:28px;padding:18px;max-width:330px;margin:auto}.phone .screen{background:#17201a;border-radius:18px;padding:16px}.phone-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.phone-apps button{background:#252525;padding:12px 4px}.ticket{display:flex;justify-content:space-between;padding:12px;background:#252525;margin:7px 0;border-radius:10px}.choice{width:100%;margin:6px 0}#toast{position:fixed;left:50%;bottom:130px;transform:translateX(-50%);background:#000d;padding:10px 16px;border-radius:20px;opacity:0;transition:.25s;z-index:20}#toast.show{opacity:1}@media(min-width:700px){.actions{left:50%;transform:translateX(-50%);width:520px}.street{max-width:900px;left:50%;transform:translateX(-50%);width:100%}.topbar{padding:0 calc((100% - 900px)/2)}}