.game-icon{--icon-unit:calc(1px * var(--fit-scale,var(--ui-scale,1)));--icon-px:calc(var(--icon-unit) * var(--icon-k,1));width:calc(32 * var(--icon-px));height:calc(32 * var(--icon-px));background-repeat:no-repeat;background-position:calc(var(--ix,0) * -1 * var(--icon-px)) calc(var(--iy,0) * -1 * var(--icon-px));background-size:calc(var(--iw,32) * var(--icon-px)) calc(var(--ih,32) * var(--icon-px));image-rendering:pixelated;vertical-align:middle;flex:none;display:inline-block;position:relative}.game-icon[data-icon-missing=true]{opacity:.6;background:repeating-linear-gradient(45deg,#262b44 0 3px,#3a4466 3px 6px)}.game-icon-plate{box-shadow:0 0 0 var(--icon-unit) #181425, inset 0 0 0 var(--icon-unit) var(--plate,#8b9bb4);background-color:color-mix(in srgb, var(--plate,#8b9bb4) 22%, #181425)}.game-icon-t1{--plate:#8b9bb4}.game-icon-t2{--plate:#0099db}.game-icon-t3{--plate:#b55088}.game-icon-t4{--plate:#feae34}.game-icon-pips{right:calc(2 * var(--icon-unit));bottom:calc(2 * var(--icon-unit));gap:var(--icon-unit);display:flex;position:absolute}.game-icon-pips i{width:calc(2 * var(--icon-unit));height:calc(2 * var(--icon-unit));background:var(--plate,#8b9bb4);box-shadow:0 0 0 var(--icon-unit) #181425;display:block}