#game{cursor:url('/assets/vespotr-cursor.svg') 3 2,crosshair}
#skinGallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:10px 0 16px}
#skinGallery button{border:1px solid #2a415b;border-radius:10px;background:#0a1729;padding:7px 3px;color:#a7bdd4;cursor:pointer;transition:border-color .15s,background .15s;min-width:0}
#skinGallery img{display:block;width:100%;max-width:45px;aspect-ratio:1;margin:0 auto 5px}
#skinGallery span{font-size:9px;display:block;text-align:center;white-space:nowrap}
#skinGallery button:hover,#skinGallery button[aria-pressed=true]{border-color:#a5ff74;background:#173128;color:#cfffba}
#skinGallery button:focus-visible{outline:2px solid #69dbff;outline-offset:2px}
#rightHudRail{display:none}
@media(min-width:651px){
 body.game-active #rightHudRail{display:flex;position:fixed;right:20px;top:16px;bottom:16px;width:205px;z-index:15;flex-direction:column;align-items:stretch;gap:12px;pointer-events:none}
 body.game-active #rightHudRail>*{position:static!important;inset:auto!important;transform:none!important;box-sizing:border-box;pointer-events:auto;margin:0!important;flex-shrink:0;max-width:100%}
 body.game-active #rightHudRail #pause{align-self:flex-end}
 body.game-active #rightHudRail #connectionBadge{align-self:flex-end;flex-wrap:wrap;font-size:10px}
 body.game-active #rightHudRail #board{width:100%;min-height:80px;max-height:min(310px,calc(100vh - 360px));overflow:auto;padding:15px}
 body.game-active #rightHudRail #map{margin-top:auto!important;align-self:flex-end;width:130px;height:130px}
 body.game-active #rightHudRail #adminLink{align-self:flex-end;display:block;white-space:nowrap;line-height:1.2;padding:9px 12px;border-radius:9px}
}
@media(min-width:651px) and (max-width:1100px){#roomTitleBar{width:min(440px,calc(100vw - 490px))}}
@media(min-width:651px) and (max-height:620px){
 body.game-active #rightHudRail{gap:7px;top:10px;bottom:10px;width:170px}
 body.game-active #rightHudRail #board{min-height:50px;max-height:calc(100vh - 245px);padding:9px}
 body.game-active #rightHudRail #map{width:75px;height:75px}
 body.game-active #rightHudRail #board h3{font-size:9px;margin-bottom:8px}
}
@media(max-width:650px){
 body.game-active #rightHudRail{display:contents}
 body.game-active #rightHudRail #adminLink{bottom:9px;right:12px;z-index:15}
 body.game-active #rightHudRail #map{bottom:170px;right:12px}
 #skinGallery{grid-template-columns:repeat(3,minmax(0,1fr))}
}