/* BLOCK RUSH UI (2026-09): what is left of the Block Rush lobby's skin — the "BR UI" condensed face, the --br-* tokens
   (social.css and the settings read them) and the settings overlay's look (menu and pause). The #m.br lobby rules are
   gone (B338b: #m is always "nm bh bh-ui", never "br"; the lobby is bh-lobby.css). */
/* images are UI, not content: never dragged (main.js also cancels dragstart) */
img{-webkit-user-drag:none;user-drag:none}
@font-face{font-family:"BR UI";src:url(assets/fonts/BarlowCondensed-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"BR UI";src:url(assets/fonts/BarlowCondensed-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"BR UI";src:url(assets/fonts/BarlowCondensed-800.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"BR UI";src:url(assets/fonts/BarlowCondensed-900.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"BR UI";src:url(assets/fonts/BarlowCondensed-800Italic.woff2) format("woff2");font-weight:800;font-style:italic;font-display:swap}
@font-face{font-family:"BR UI";src:url(assets/fonts/BarlowCondensed-900Italic.woff2) format("woff2");font-weight:900;font-style:italic;font-display:swap}
:root{
 --br-pink:#ff40db;--br-cyan:#00d5ff;--br-yellow:#ffd000;--br-lime:#a8f138;--br-ink:#121218;
 --br-panel:rgba(18,18,25,.9);--br-panel2:rgba(28,29,38,.94);--br-line:rgba(255,255,255,.09);--br-dim:#9ea3b8;
 --br-ui:"BR UI","Barlow Condensed","Arial Narrow",Inter,system-ui,sans-serif;
 /* a painted, slightly chipped panel edge */
 --br-rough:polygon(0 2.5%,1.6% 0,40% .8%,62% 0,98.4% .6%,100% 3%,99.5% 40%,100% 97%,97.8% 100%,60% 99.2%,30% 100%,1.5% 99.4%,0 96%,.5% 55%);
}

/* ---- settings overlay (menu and pause share it) ------------------------------------- */
#settings{background:rgba(6,6,12,.66);color:#eceef6}
#settings #setPanel{background:#14151d;border:1px solid #2b2d39;border-radius:0;box-shadow:0 30px 80px rgba(0,0,0,.6);font-family:var(--br-ui)}
#settings #setPanel button{font-family:var(--br-ui)}
#settings #setHead,#settings #setFoot{border-color:rgba(255,255,255,.1)}
#settings #setHead>span:first-child{color:#fff;font:900 32px/1 var(--br-ui);letter-spacing:.04em}
#settings #setHead>span:first-child::after{color:var(--br-dim);font:700 12px/1 var(--br-ui);letter-spacing:.2em}
#settings #setTabs button{color:var(--br-dim);font:800 15px/1 var(--br-ui);letter-spacing:.08em;border-radius:0}
#settings #setTabs button:hover{color:#fff;border-color:#3a3d4c}
#settings #setTabs button.on{color:#141419;background:var(--br-yellow);border-color:var(--br-yellow)}
#settings #setClose{background:#22242f;border:1px solid #373a49;border-radius:0;color:#fff;font:800 15px/1 var(--br-ui);letter-spacing:.08em}
#settings #setClose:hover{border-color:#fff}
#settings .sethead{color:var(--br-pink);font:800 13px/1.2 var(--br-ui);letter-spacing:.14em}
#settings .setrow{border-color:rgba(255,255,255,.06)}
#settings .setlabel{color:#e6e8f0;font:800 15px/1.1 var(--br-ui);letter-spacing:.05em}
#settings .setread{color:#fff;font:800 16px/1 var(--br-ui)}
#settings .setrow input[type=range]{background:#2b2d39;height:4px}
#settings .setrow input[type=range]::-webkit-slider-thumb{background:var(--br-yellow);width:16px;height:16px}
#settings .setrow input[type=range]::-moz-range-thumb{background:var(--br-yellow);width:16px;height:16px}
#settings .stoggle,#settings .schoice button,#settings .kbind{background:#1f2029;border:1px solid #373a49;border-radius:0;color:#c9ccd9;font:800 14px/1 var(--br-ui);letter-spacing:.05em}
#settings .stoggle.on,#settings .schoice button.on{background:var(--br-yellow);border-color:var(--br-yellow);color:#141419}
#settings .schoice button:hover,#settings .kbind:hover:not(:disabled){border-color:#fff;color:#fff}
#settings .sbtn{border:1px solid #373a49;border-radius:0;color:var(--br-dim);font:800 14px/1 var(--br-ui);letter-spacing:.1em}
#settings .sbtn:hover{border-color:var(--br-pink);color:var(--br-pink)}
#settings .xpre{background:#1f2029;border-color:#373a49;border-radius:0;color:#c9ccd9}
#settings .xpre:hover{border-color:#fff;color:#fff}
#settings .xpre.on{border-color:var(--br-yellow);box-shadow:inset 0 0 0 1px var(--br-yellow);color:#fff}
#settings .xpre span{font:800 12px/1 var(--br-ui);letter-spacing:.08em}
#settings .xpface{background:linear-gradient(#8d95a8,#5d6170);border-radius:0}
#settings .xcode{background:#0f1016;color:#eceef6;border-color:#373a49;border-radius:0}
#settings .xmsg{color:var(--br-yellow);font:800 14px/1 var(--br-ui)}