/* MEU BAIRRO — VISUAL FINAL BASEADO NA REFERÊNCIA */
html,body{padding:0}
body{min-width:0}

.logo{white-space:nowrap;text-shadow:0 2px 0 #02070d}
.logo:before{content:'●';color:#ffd166;font-size:14px;margin:0}

.top-actions button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Rajdhani,system-ui,sans-serif;font-weight:800}

.game{max-width:none!important;min-height:0!important}
.stage,#stage,.game>.stage{z-index:1}
#map{margin:0;padding:0;image-rendering:pixelated!important}
/* sidebar sobreposta e recolhida por padrão, como na referência */
#sideBar,.game>.side{max-width:242px;box-sizing:border-box;margin:0;padding:0;overflow:visible;border-radius:0;backdrop-filter:blur(8px)}
#sideBar .side-content{overflow-x:hidden;overflow-y:auto;opacity:1;transition:opacity .15s ease,transform .22s ease}
#sideToggle{margin:0;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:5px 8px 18px rgba(0,0,0,.45);font-size:16px}
#sideToggle:hover{background:#0b2637;color:#fff}
.game.side-collapsed #sideBar,.game.side-collapsed>.side{max-width:0;border-right:0;backdrop-filter:none}
.game.side-collapsed #sideBar .side-content{transform:translateX(-18px)}
.game.side-collapsed #sideToggle{background:rgba(3,14,22,.96)}
/* HUD como a referência */
.stage>.hud{height:auto;gap:16px}
.stage>.hud .card{box-sizing:border-box;backdrop-filter:blur(7px)}
.hud-neighborhood{min-width:300px;min-height:72px}
.hud-icon{color:#f2f5f3;box-sizing:border-box}
.hud-copy{font-family:Rajdhani,system-ui,sans-serif}
.hud-copy strong{font-size:20px;font-weight:900}
.hud-copy small{font-size:13px;font-weight:700}

.hud-online{min-width:190px;justify-content:flex-start;color:#ffd166;font-family:Rajdhani,system-ui,sans-serif}
.hud-online strong{font-size:18px}


/* placas do mapa */

.stage .bubble{pointer-events:none!important;font-family:Rajdhani,system-ui,sans-serif;font-size:13px;font-weight:900;line-height:1.2}
/* chat: somente campo inferior */
#chatInputBar.chat-input-bar{position:absolute!important;left:50%!important;bottom:14px!important;transform:translateX(-50%)!important;width:min(620px,calc(100% - 34px))!important;min-height:56px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:7px 8px 7px 13px!important;box-sizing:border-box!important;z-index:6000!important;border-radius:14px!important;background:rgba(2,13,21,.95)!important;border:1px solid rgba(255,209,102,.55)!important;box-shadow:0 10px 30px rgba(0,0,0,.5),0 0 18px rgba(255,209,102,.28)!important;backdrop-filter:blur(8px)!important}
#chatInputBar.chat-input-bar.hidden{display:none!important}
#chatInputBar.chat-input-bar.collapsed{width:auto!important;min-height:0!important;padding:7px 10px!important;gap:8px!important;left:auto!important;right:178px!important;transform:none!important}@media(max-width:900px){#chatInputBar.chat-input-bar.collapsed{right:14px!important}}
#chatInputBar.chat-input-bar.collapsed #chatInput,#chatInputBar.chat-input-bar.collapsed #send{display:none!important}
#chatInputBar.chat-input-bar button.chat-prefix{background:transparent!important;border:0!important;margin:0!important;padding:2px!important;cursor:pointer!important;color:inherit!important;font:inherit!important;line-height:1!important}
#chatInputBar .chat-prefix{font-size:19px!important;flex:0 0 auto!important}
#chatInputBar #chatInput{flex:1 1 auto!important;min-width:0!important;height:38px!important;padding:4px 2px!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;font-size:15px!important;font-family:Rajdhani,system-ui,sans-serif;font-weight:600}
#chatInputBar #chatInput::placeholder{color:rgba(255,255,255,.55)}
#chatInputBar .chat-help{color:rgba(255,255,255,.45)!important;font-size:11px!important;white-space:nowrap!important}
#chatInputBar #send{min-width:78px!important;min-height:38px!important;padding:7px 13px!important;border-radius:10px;border:1px solid #ffd166;background:#ffd166;color:#02070d;font-weight:900}

@media(max-width:900px){.topbar{padding:0 12px!important}.top-actions button{padding:0 10px!important}.hud-neighborhood{min-width:245px!important}.hud-copy strong{font-size:17px!important}.hud-online{min-width:155px!important}.game.side-collapsed #sideToggle{left:8px!important}}
@media(max-width:650px){.topbar{height:58px!important;min-height:58px!important;padding:0 9px!important}.game{height:calc(100vh - 58px)!important}.logo{font-size:16px!important}.top-actions button{font-size:0!important;width:40px!important;min-width:40px!important;padding:0!important}.top-actions button:first-child:before{content:'⌂';font-size:18px}.top-actions button:nth-child(2):before{content:'●';font-size:15px}.top-actions button:last-child:before{content:'⇥';font-size:18px}.stage>.hud{top:10px!important;left:10px!important;right:10px!important}.hud-neighborhood{display:none!important}.hud-online{min-width:132px!important;height:50px!important}.hud-online strong{font-size:15px!important}#chatInputBar.chat-input-bar{bottom:9px!important;width:calc(100% - 18px)!important;min-height:50px!important}.chat-help{display:none!important}}