.mp51{max-width:1040px;margin:0 auto;padding:24px 0 80px;color:var(--text,#f4eee5)}
.mp51 h1{margin:0;font-size:2rem}.mp51 h2{margin:24px 0 8px;font-size:1.35rem}.mp51 h3{margin:24px 0 8px;font-size:1rem}.mp51 p{line-height:1.5}.mp51-head,.mp51-row,.mp51-actions,.mp51-tabs{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.mp51-head{justify-content:space-between}.mp51-head p{margin:6px 0;color:#c4bdb3}.mp51 section{padding:8px 0}.mp51 label{display:block;margin:14px 0;color:#e8ded2}.mp51 input:not([type=checkbox]),.mp51 select{display:block;width:min(100%,400px);min-height:44px;padding:10px 12px;margin-top:6px;background:#242729;color:#f8f1e8;border:1px solid #77716a;border-radius:8px;font:inherit;font-size:16px}.mp51 input[type=checkbox]{width:20px;height:20px;vertical-align:middle;margin-right:8px}.mp51 button{min-height:44px;touch-action:manipulation}.mp51 button:focus-visible,.mp51 input:focus-visible,.mp51 select:focus-visible{outline:3px solid #78d7c3;outline-offset:2px}.mp51 button:active{filter:brightness(.88)}.mp51 button:disabled{opacity:.55;cursor:not-allowed}.mp51-tabs{border-bottom:1px solid #615b54;margin:18px 0}.mp51-tabs [role=tab]{background:transparent;color:#eee4d7;border:0;border-bottom:3px solid transparent;padding:10px 18px}.mp51-tabs [aria-selected=true]{border-color:#73c7b6}.mp51-row{border-top:1px solid #504b45;padding:12px 0}.mp51-row>div{display:grid;gap:3px;flex:1}.mp51-row span{color:#c4bdb3}.mp51-status{min-height:1.5em;color:#ffd19e}.mp51-code{user-select:text;letter-spacing:.08em}.mp51-nameplate{position:absolute;left:0;top:0;pointer-events:none;white-space:nowrap;background:#17191de8;color:#fff5e7;border-radius:5px;padding:3px 7px;font-size:12px;will-change:transform,opacity}.mp51-entry{margin:0 0 18px;padding:16px;border:1px solid #746b5f;border-radius:12px}.mp51-entry h2{margin:0 0 6px}.mp51-entry button{min-height:44px}.mp51-driving-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.mp51 button,.mp51-entry button{-webkit-tap-highlight-color:transparent;user-select:none}.mp51{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}
@media (hover:hover) and (pointer:fine){.mp51 button:not(:disabled):hover{filter:brightness(1.15)}}
@media (max-width:600px){.mp51{padding:16px 0 calc(90px + env(safe-area-inset-bottom,0px))}.mp51 h1{font-size:1.6rem}.mp51-row{align-items:flex-start}.mp51-row>div{min-width:100%}}

.mp51-browser{position:fixed;inset:0;z-index:120;background:#17191d;overflow:auto;padding:0 max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left))}.mp51-drive-layer{position:fixed;inset:0;z-index:130;background:#17191d}.mp51-drive-layer .driving-play{height:100dvh}.mp51-room{max-height:85dvh;overflow:auto;overscroll-behavior:contain}.mp51-room button{min-height:44px}

.mp51-map-button{position:absolute;right:1rem;bottom:1rem;width:130px;min-height:90px;padding:0;border:1px solid #a4b4a5;border-radius:8px;overflow:hidden;background:#102a32;color:#fff}.mp51-map-button canvas{width:100%;display:block}.mp51-map-button span{position:absolute;right:5px;bottom:5px;background:#17191d;padding:3px}.mp51-expanded-map{width:100%;height:auto;max-height:35dvh;object-fit:contain}.mp51-room details label{display:block;margin:12px 0}.mp51-room select{font-size:16px;min-height:44px}

/* Online room fields and in-drive safe zones. */
.mp51-room label{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:12px 0}
.mp51-room input,.mp51-room select{box-sizing:border-box;min-height:44px;font-size:16px}
.mp51-room input[type=number],.mp51-room select{width:min(100%,240px);padding:8px 10px}
.mp51-room input[type=checkbox]{width:44px}
.mp51-map-button{top:max(12px,env(safe-area-inset-top,0px));bottom:auto}
.mp51-play .drive-race-hud{max-height:54px;overflow:hidden}