:root{--orange:#ff7900;--dark:#24272b;--booster-surface:#2e3339;--booster-white:#fff}
body{accent-color:var(--orange)}
.boosterBrandLogin{display:block;width:min(100%,470px);height:auto;margin:0 0 22px}
.setupCard{background:#24272b;color:#fff;border-color:#424850;box-shadow:0 20px 65px #0005}
.setupCard input{background:#fff;color:#17191c}
.setupCard .versionBadge{color:#fff;border:1px solid #636a73;background:#343a42}
.setupCard .offlineHint{color:#d1d5db}
.loginOverlay,.setupBody{background:radial-gradient(ellipse at top right,#51331e 0,transparent 55%),#191c20}
.loginManufacturer{display:flex;align-items:center;gap:14px;padding:12px 16px;margin:24px 0 10px;border-radius:12px;background:#fff;color:#24272b;font-size:.85rem}
.loginManufacturer img{width:64px;height:64px;object-fit:contain}
.loginManufacturer strong{font-size:.95rem}
.boosterBrandHeader{width:160px;height:auto;flex:0 0 auto}
.playerBody{background:#191c20;color:#fff}
.playerBody .topbar{background:var(--dark);color:#fff}
.playerBody .topbarInner{gap:14px}
.playerBody .topbarInner{grid-template-columns:140px 90px minmax(145px,210px) 108px minmax(190px,1fr) 86px 106px}
.playerBody .teamPicker label,.playerBody .makerBrand{color:#e5e7eb}
.playerBody .makerBrand{background:#fff;color:#24272b;padding:5px 10px;border-radius:10px}
.playerBody .soundCard{background:var(--booster-surface);color:#fff;border-color:#555d67}
.playerBody .soundCard:active{background:#6b3a17}
.playerBody .soundCard .number{color:var(--orange)}
.playerBody .soundCard.groupedSound{color:var(--group-text,#17191c)}
.playerBody .soundCard.groupedSound .title{color:var(--group-text,#17191c)}
.playerBody .playlistLayout aside,.playerBody .nowPlaying{background:#24272b;color:#fff;border-color:#555d67}
.playerBody .eyebrow{color:#cbd0d6}
.playerBody .trackButton{background:#343a42;color:#fff;border-color:#66707b}
.playerBody .trackButton.active{background:#57371d;border-color:var(--orange)}
.playerBody .generalGroups{background:#24272b}
.playerBody .generalGroups button{color:#fff;background:#343a42;border-color:#66707b}
.playerBody .generalGroups button.active{background:var(--orange);color:#17191c}
.button.primary{color:#17191c;border-color:#b45309}
.adminBody{background:#f0f1f3}
.adminHeader{background:#24272b}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ff7900;outline-offset:3px}
@media(max-width:1100px){.boosterBrandHeader{width:125px}.playerBody .topbarInner{gap:8px}}
@media(max-width:700px){.boosterBrandHeader{width:115px}.setupCard{padding:22px}.loginManufacturer{padding:10px}.loginManufacturer img{width:50px;height:50px}}
@media(max-width:1100px){.playerBody .boosterBrandHeader{display:none}.playerBody .topbarInner{grid-template-columns:90px minmax(145px,190px) 96px minmax(160px,1fr) 72px 94px;gap:6px}}
@media(max-width:720px){
 .playerBody .topbar{height:148px;min-height:148px;padding:0 7px}
 .playerBody .topbarInner{grid-template-columns:64px minmax(90px,1fr) 60px;grid-template-rows:64px 60px;gap:5px}
 .playerBody .clubLogoBox{grid-column:1;grid-row:1;height:60px}
 .playerBody .teamPicker{grid-column:2;grid-row:1;min-width:0}
 .playerBody .headerActions{grid-column:3;grid-row:1;display:flex;flex-direction:column;align-items:center;gap:4px}
 .playerBody .headerActions .iconButton{width:36px;height:28px;min-height:28px;font-size:1.15rem}
 .playerBody .statusBadge{grid-column:1;grid-row:2;font-size:.65rem;min-width:0;padding:5px}
 .playerBody .volumeBox{grid-column:2/4;grid-row:2;min-width:0}
 .playerBody .makerBrand{display:none}
 .playerBody main{height:calc(100dvh - 196px)}
 .playerBody.headerCollapsed main{height:calc(100dvh - 48px)}
}