.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.left>*{min-width:0}
.unit{padding:8px 8px 4px;min-width:0}
.unit-heading{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;line-height:16px}
#unit-count{font-size:10px}
.unit-carousel{height:140px;min-width:0;overflow:hidden;touch-action:pan-y;cursor:grab;position:relative;isolation:isolate}
.unit-carousel:active{cursor:grabbing}
.unit-carousel:focus-visible{outline:2px solid #dfbf8b;outline-offset:-2px}
.unit-track{display:flex;width:100%;min-width:0;height:100%;transition:transform 180ms steps(8,end)}
.unit-track.dragging{transition:none}
.unit-slide{flex:0 0 100%;min-width:0;height:100%;display:flex;align-items:center;justify-content:center}
.unit-slide img{width:128px;height:128px;object-fit:contain;image-rendering:pixelated;pointer-events:none;user-select:none;filter:drop-shadow(2px 2px #242720)}
.unit-switcher{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;gap:3px;align-items:center;height:30px}
.unit-switcher button,#menu-button,#unit-menu button{--button-face:var(--key);color:var(--ink)}
.unit-switcher button{width:28px;height:28px;min-height:28px;font-size:22px;line-height:20px;padding:0;color:var(--ink)}
#unit-name{font-size:15px;line-height:18px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.unit-dots{display:flex;gap:4px;justify-content:center;align-items:center;height:8px}
.unit-dots i{width:4px;height:4px;background:var(--plate-shadow)}
.unit-dots i.current{background:#dbbb7a}
#unit-note{font-size:9px;line-height:11px;text-align:center}
.screen{overflow:visible;z-index:3}
.screen-top{align-items:center;height:16px}
.screen-menu{position:relative;width:56px;height:16px;flex:none;z-index:5}
#menu-button{position:absolute;right:0;top:-6px;width:54px;height:28px;min-height:28px;font-size:12px;line-height:16px;padding:0 3px;color:#ece6cd}
#unit-menu{position:absolute;right:0;top:26px;width:104px;padding:4px;background:#282c25;border:2px solid #11150f;box-shadow:2px 2px #11150f;z-index:20}
#unit-menu[hidden]{display:none}
#unit-menu button{width:100%;min-height:32px;font-size:14px;color:#eee6ce;padding:5px 12px;text-align:left}
@media(max-width:580px){.unit{padding:8px 6px 3px}.unit-carousel{height:142px}.unit-slide img{width:128px;height:128px}.unit-switcher{grid-template-columns:28px minmax(0,1fr) 28px}#unit-name{font-size:12px}.unit-switcher button{min-height:28px}}
@media(prefers-reduced-motion:reduce){.unit-track{transition:none}}