*{box-sizing:border-box}html,body{color:#f3efe4;background:#0e1214;width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#app,.town-shell,.town-canvas{width:100%;height:100%}.town-canvas{display:block}.hud{pointer-events:none;color:#f7f0df;text-shadow:0 1px 2px #00000080;gap:10px;width:min(360px,100vw - 36px);display:grid;position:fixed;inset:18px auto auto 18px}.hud__district{color:#ffe5a2;letter-spacing:.08em;text-transform:uppercase;font-size:13px}.hud__street{font-size:26px;font-weight:750;line-height:1.05}.hud__meta{flex-wrap:wrap;gap:8px;display:flex}.pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d121475;border:1px solid #ffffff38;border-radius:999px;padding:5px 9px;font-size:12px}.discoveries{pointer-events:none;gap:8px;width:min(340px,100vw - 36px);display:grid;position:fixed;bottom:18px;right:18px}.discovery{color:#fff5d6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d121494;border-left:3px solid #ffc857;border-radius:7px;padding:9px 11px;font-size:13px;line-height:1.35}.minimap{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b101194;border:1px solid #ffffff3d;border-radius:8px;width:220px;height:220px;position:fixed;bottom:18px;left:18px;box-shadow:0 16px 44px #0000004d}.reticle{pointer-events:none;width:14px;height:14px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle:before,.reticle:after{content:"";background:#ffffffc7;border-radius:999px;position:absolute}.reticle:before{width:2px;height:14px;top:0;left:6px}.reticle:after{width:14px;height:2px;top:6px;left:0}.start-panel{background:linear-gradient(#080c0d1f,#080c0d57),radial-gradient(circle at 50% 58%,#ffc65829,#0000 32%),#070a0c80;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.start-panel__inner{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e1214a3;border:1px solid #ffffff2e;border-radius:8px;width:min(640px,100%);padding:28px;box-shadow:0 24px 80px #0000006b}.start-panel h1{color:#ffe7ad;margin:0;font-size:40px;line-height:1}.start-panel p{color:#d8d0ba;margin:12px 0 20px;line-height:1.55}.start-panel button{color:#1c160c;cursor:pointer;background:#ffc857;border:0;border-radius:7px;padding:12px 18px;font-size:15px;font-weight:800}.start-panel button:focus-visible{outline-offset:3px;outline:3px solid #fff2c6}.controls{color:#d7d0be;flex-wrap:wrap;gap:7px;margin-top:18px;font-size:13px;display:flex}.source-note{color:#aeb7ad;margin:18px 0 0;font-size:12px;line-height:1.4}.hidden{display:none}@media (width<=640px){.hud{width:calc(100vw - 24px);inset:12px auto auto 12px}.hud__street{font-size:21px}.discoveries{width:calc(100vw - 24px);bottom:12px;right:12px}.minimap{width:156px;height:156px;bottom:92px;left:12px}.start-panel__inner{padding:22px}.start-panel h1{font-size:32px}}