/* Chromkollektiv: steel frames with ice-blue crystals */
:root{--chframe:url(../assets/img/ui/frame-chrome.webp)}
body.chr :is(#bRestart,#bVoice,#bVoiceWait,#mpToggle,#bGo,#bHost,#bHost4,#bStart,#bReady,#joinForm button,#race button,#diff button,#bCancel,#bResume,#bRestartGame,#bQuit,#bEndMenu,#bBuildDone){border-width:10px 14px 5px!important;border-image:var(--chframe) 85 120 38 120 fill / 10px 14px 5px stretch!important}
body.chr #console .ub,body.chr #console .units .ub{border-width:8px 11px 4px!important;border-image:var(--chframe) 85 120 38 120 fill / 8px 11px 4px stretch!important}
body.chr #console .mini{border-width:7px 9px 3px!important;border-image:var(--chframe) 85 120 38 120 fill / 7px 9px 3px stretch!important}
body.chr .hud .side:not(.r) .stats{border-width:9px 13px 4px!important;border-image:var(--chframe) 85 120 38 120 fill / 9px 13px 4px stretch!important}
body.chr .minimap{border-width:10px 14px 5px!important;border-image:var(--chframe) 85 120 38 120 / 10px 14px 5px stretch!important}
body.chr :is(#bRestart,#bVoice,#bVoiceWait,#mpToggle,#bGo,#bHost,#bHost4,#bStart,#bReady,#joinForm button,#race button,#diff button,#bCancel,#bResume,#bRestartGame,#bQuit,#bEndMenu,#bBuildDone,.console .ub,.console .mini,.hud .side:not(.r) .stats)::before{display:none!important}
body.chr .console[data-mode="bld"]:has(.avatar.on){aspect-ratio:3.798!important;background:url(../assets/img/ui/panel-chrome.webp) center/100% 100% no-repeat!important}
body.chr .console[data-mode="bld"]:has(.avatar.on) .avatar{left:6.84%;top:30.4%;right:76.1%;bottom:9.65%}
body.chr #console[data-mode="bld"]:has(.avatar.on) .ucard.sel .ub{left:30.9%;top:27.5%;right:4.6%;bottom:58.1%;border-width:0!important;border-image:none!important}
body.chr #console[data-mode="bld"]:has(.avatar.on) .uprow .mini{border-width:0!important;border-image:none!important}
body.chr .console[data-mode="bld"]:has(.avatar.on) .uprow .mini:nth-child(1){left:30.2%;top:55.3%;right:38.8%;bottom:8.6%}
body.chr .console[data-mode="bld"]:has(.avatar.on) .uprow .mini:nth-child(2){left:65.0%;top:55.3%;right:3.6%;bottom:8.6%}
body.chr .console[data-mode="bld"]:has(.avatar.on) .avatar img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:cover;animation:none;border-radius:4px}
body.chr .console .ub .n,body.chr .hud button{color:#dff6ff!important;text-shadow:0 0 6px rgba(80,200,255,.45),0 1px 2px #000}
#race button[data-r="2"]{border-width:12px 17px 6px!important;border-image:var(--chframe) 85 120 38 120 fill / 12px 17px 6px stretch!important}
#race button[data-r="2"]::before{display:none!important}