/* Game branding belongs to this site, outside the shared runtime's player. */
body:not([data-diagnostics="on"]) #asset-status { display:none; }
#status:not([hidden]) { background:radial-gradient(ellipse at center,#33392a,#0e140e); color:#ded7ad; font:13px/1.8 Tahoma,Verdana,sans-serif; flex-direction:column; }
#status:not([hidden])::before { content:'NEED FOR SPEED\a MOST WANTED'; white-space:pre; color:#d6c24d; font:italic 900 clamp(26px,5vw,46px)/.95 Impact,'Arial Black',sans-serif; text-align:center; margin-bottom:32px; text-shadow:3px 3px #000; }
#status a { color:#ddc757; }
#asset-status { border-radius:0; font:10px Tahoma,sans-serif; color:#e2dcc0; background:#171c13ce; border-left:2px solid #baa537; }
.mp-root { position:fixed; z-index:25; top:max(10px,env(safe-area-inset-top)); right:max(12px,env(safe-area-inset-right)); color:#e6e1cc; font:12px/1.5 Tahoma,sans-serif; }
body[data-fps="on"] .mp-root { top:max(160px,calc(15.12dvh + 24px),env(safe-area-inset-top)); }
.mp-root, .mp-root *, .mp-root *::before, .mp-root *::after { box-sizing:border-box; }
.mp-root button,.mp-root input { font:inherit; color:inherit; }.mp-toggle { display:grid;place-items:center;width:40px;height:40px;background:#151a12b8;border:1px solid #e2dec340;cursor:pointer; }.mp-toggle svg { width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5; }.mp-toggle i { position:absolute;right:3px;top:3px;width:4px;height:4px;background:#7b7966; }.mp-root[data-connected="true"] .mp-toggle i { background:#d4bd4d; }
.mp-panel { position:absolute;right:0;top:50px;width:min(310px,calc(100vw - 24px));max-height:calc(100dvh - 86px);overflow:auto;background:#14190ff5;border:1px solid #898364;border-top:2px solid #c2aa3e;padding:15px;box-shadow:0 10px 40px #0008; }.mp-panel[hidden],.mp-root [hidden] { display:none !important; }.mp-panel header { display:flex;align-items:center;justify-content:space-between;gap:15px; }.mp-panel h2 { font:bold 14px Tahoma;margin:0;letter-spacing:.04em; }.mp-close { border:0;background:transparent;font-size:24px !important;cursor:pointer; }.mp-intro { color:#999d8a;font-size:11px;margin:10px 0 15px; }.mp-panel label { display:block;color:#b5b4a0;font-size:10px;margin-top:12px; }.mp-panel input { display:block;width:100%;border:1px solid #898367;background:#0b110a;padding:9px 10px;margin-top:4px;outline-color:#d6bd4b; }.mp-panel input[name="room"] { text-transform:uppercase; }.mp-actions { display:flex;gap:8px;margin-top:15px; }.mp-actions button { padding:9px 10px;background:#2b3120;border:1px solid #7c805f;font-size:10px;cursor:pointer; }.mp-actions .mp-primary { color:#1b2412;background:#c6b24d;border-color:#dfd08d; }.mp-status { display:block;font-size:11px;line-height:1.6;color:#b3bd91;margin:15px 0 10px; }.mp-status.mp-error { color:#f0ae80; }.mp-room-code { color:#dfc65b;font-weight:bold;font-size:18px;letter-spacing:.04em; }.mp-cars { font-size:10px;color:#a5ac91; }.mp-peers { padding-left:17px;color:#d4d2bd; }.mp-panel details { margin-top:17px;border-top:1px solid #6e715044;padding-top:12px;font-size:10px;color:#989f89; }.mp-panel summary { cursor:pointer; }.mp-panel a { color:#cfb958; }
@media(max-height:480px) { .mp-panel { top:44px; } }
.mp-panel select { display:block;width:100%;margin-top:4px;padding:9px 10px;background:#0b110a;color:#e6e1cc;border:1px solid #898367;font:12px Tahoma,sans-serif; }
.mp-panel button:disabled { cursor:default;opacity:.45; }
.mp-official-status { display:block;margin-top:12px;line-height:1.6;color:#b3bd91; }