*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#d9e7ec;color:#1d2530;font:14px/1.6 "Segoe UI","PingFang SC",sans-serif}
[hidden]{display:none!important}#cityScene{position:fixed;inset:0;width:100%;height:100%;touch-action:none;outline-offset:-4px}
.city-brief{position:fixed;top:184px;left:max(24px,calc((100vw - 1120px)/2));z-index:12;width:260px;padding:22px;background:var(--hl-paper);border-radius:16px;box-shadow:var(--hl-shadow)}
.city-brief h1{font:28px/1.5 HashlingsPixel,sans-serif;margin:0 0 8px}.city-brief p{font-size:12px;color:var(--hl-muted);margin:0}.city-brief details{margin-top:14px;border-top:1px solid var(--hl-line);padding-top:10px}.city-brief summary{cursor:pointer;font-size:12px;min-height:36px}
.city-controls{position:fixed;right:24px;bottom:28px;z-index:18;display:flex;gap:6px;padding:6px;background:var(--hl-paper);border-radius:12px}
.city-roster{position:fixed;top:184px;right:max(24px,calc((100vw - 1120px)/2));width:190px;z-index:12;background:var(--hl-paper);padding:12px 16px;border-radius:12px;box-shadow:var(--hl-shadow)}.city-roster summary{cursor:pointer;min-height:36px}.city-roster p{font-size:12px;margin:7px 0}.city-roster canvas{width:28px;height:28px;vertical-align:middle;margin-right:8px;image-rendering:pixelated}
.city-player{position:fixed;left:24px;bottom:28px;z-index:15;display:flex;align-items:center;gap:10px;background:var(--hl-paper);padding:10px 14px;border-radius:12px}.city-player canvas{width:38px;height:38px;image-rendering:pixelated}.city-player strong{font-size:13px}.city-player span{display:block;font-size:11px;color:var(--hl-muted)}
.city-chat{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:20;width:min(380px,calc(100% - 650px));background:var(--hl-paper);padding:10px;border-radius:12px;box-shadow:var(--hl-shadow)}.city-chat form{display:flex;gap:6px}.city-chat input{min-width:0;flex:1;border:1px solid var(--hl-line);border-radius:8px;background:var(--hl-secondary);padding:10px}.scene-theme .city-chat button{background:var(--hl-green);color:#fff}.city-chat summary{font-size:12px;min-height:30px;cursor:pointer}
.city-notice{position:fixed;left:50%;top:180px;transform:translateX(-50%);z-index:30;max-width:360px;background:var(--hl-paper);padding:10px 14px;border-radius:9px;font-size:12px}.city-notice:empty{display:none}
.city-credit{position:fixed;bottom:5px;left:24px;z-index:10;font-size:10px;color:#38505a}.city-credit a{color:inherit}.city-bubbles{position:fixed;inset:0;pointer-events:none;z-index:9}.city-bubble{position:absolute;transform:translate(-50%,-100%);max-width:200px;background:#fbfcf8;color:#25344b;padding:8px 12px;border-radius:9px;font-size:13px;overflow-wrap:anywhere}
@media(max-width:760px){.city-brief{top:184px;left:12px;width:205px;padding:14px}.city-brief h1{font-size:20px}.city-brief>p{display:none}.city-brief details{margin-top:6px;padding-top:6px}.city-roster{top:184px;right:12px;width:135px;padding:10px;font-size:11px}.city-controls{right:12px;bottom:132px;gap:4px}.scene-theme .city-controls button{padding:8px;font-size:11px;min-height:40px}.city-player{left:12px;bottom:76px;padding:8px}.city-chat{left:12px;right:12px;bottom:12px;transform:none;width:auto;padding:8px}.city-chat input{font-size:16px}.city-credit{display:none}.city-notice{top:310px;max-width:calc(100% - 24px)}.city-brief details[open]{max-height:35dvh;overflow:auto}}

@media(max-width:370px){.city-brief{width:168px;padding:12px}.city-brief h1{font-size:18px}.city-roster{width:116px;right:10px;padding:8px}.city-controls{gap:2px}.scene-theme .city-controls button{padding:7px;font-size:10px}}

@media(max-width:760px){.city-brief{left:12px;right:12px;width:auto;padding:9px 12px}.city-brief h1{font-size:16px;line-height:1.4;margin:0}.city-brief details{margin-top:3px;padding-top:0;border:0}.city-brief summary{min-height:26px;font-size:11px}.city-roster{top:265px}.city-brief details[open]{max-height:34dvh}}