/* V2.0.11: Room controls live in an accessible popup rather than consuming map height. */
.rt-room-overlay{position:fixed;inset:0;z-index:900000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(10,20,30,.62);box-sizing:border-box;overflow-y:auto}
.rt-room-overlay.hidden{display:none!important}
.rt-room-dialog{background:#fff;color:#222;width:min(620px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;border-radius:14px;padding:18px;box-sizing:border-box;box-shadow:0 15px 50px rgba(0,0,0,.4)}
.rt-room-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.rt-room-header h2{margin:0;font-size:23px}
.rt-room-intro{margin:8px 0 12px;font-size:14px;color:#555}
.rt-room-dialog .multiplayer-bar{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:0;padding:12px}
.rt-room-dialog .multiplayer-bar>strong{font-size:15px}
.rt-room-dialog .room-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%}
.rt-room-dialog .room-controls input{box-sizing:border-box;width:100%;min-width:0}
.rt-room-dialog .multiplayer-actions{display:flex;gap:8px;flex-wrap:wrap}
.rt-room-dialog .room-code{max-width:100%;overflow-wrap:anywhere}
.map-zoom-controls #rtCenterPlayer{font-size:12px;white-space:nowrap;background:#eaf4ff;border-color:#86a8c9;color:#204968}
@media(max-width:480px){.rt-room-dialog{padding:12px}.rt-room-overlay{padding:8px}.rt-room-dialog .room-controls{grid-template-columns:1fr}.rt-room-dialog .room-controls button{width:100%}.map-zoom-controls #rtCenterPlayer{padding:0 6px}}

/* Keep destination bearing alongside YOUR TURN, never floating over the board. */
.rt-turn-navigation{display:flex;align-items:stretch;gap:10px;margin:8px 0;flex-wrap:wrap}
.rt-turn-navigation:has(> .your-turn-alert.hidden):has(> .rt-destination-compass.hidden){display:none}
.rt-turn-navigation .your-turn-alert{flex:1 1 210px;margin:0;display:flex;align-items:center;justify-content:center}
.rt-turn-navigation .your-turn-alert.hidden{display:none}
.rt-turn-navigation .rt-destination-compass{position:static;flex:1 1 250px;display:flex;align-items:center;gap:10px;width:auto;max-width:none;padding:7px 12px;pointer-events:auto;box-shadow:0 2px 10px #0004}
.rt-turn-navigation .rt-compass-heading{flex:0 0 auto}
.rt-turn-navigation .rt-compass-middle{margin:0;flex:1 1 auto;min-width:0}
.rt-turn-navigation .rt-compass-arrow{flex-basis:36px;font-size:35px}
.rt-turn-navigation .rt-compass-note{display:none}
@media(max-width:650px){.rt-turn-navigation{gap:6px}.rt-turn-navigation .rt-destination-compass{width:100%;padding:6px 10px}.rt-turn-navigation .rt-compass-arrow{font-size:30px}}

/* V2.0.12 RECT-01: explicitly pin room + compass layout regardless of old CSS. */
.rt-build-tag{display:inline-block;font-size:11px;letter-spacing:.04em;color:#123f30;background:#baf1d2;border:1px solid #2b8560;padding:2px 5px;border-radius:4px;vertical-align:middle}
#enterRoom{display:inline-flex!important;align-items:center;visibility:visible!important}
#rtTurnNavigation{position:relative!important;inset:auto!important;z-index:1;display:flex;align-items:stretch;flex-wrap:wrap;gap:10px;margin:8px 0 12px}
#rtTurnNavigation #rtDestinationCompass{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none;z-index:auto!important;max-width:none;pointer-events:auto}
#rtTurnNavigation #rtDestinationCompass.hidden{display:none!important}
#rtTurnNavigation #yourTurnAlert.hidden{display:none!important}
#rtTurnNavigation:has(> #yourTurnAlert.hidden):has(> #rtDestinationCompass.hidden){display:none}
#rtCenterPlayer{display:inline-flex;align-items:center;justify-content:center}