.live-roll{position:absolute;top:0;left:0;z-index:8;display:grid;grid-template-columns:112px minmax(0,1fr);width:100%;height:96px;background:#18181c;border-top:1px solid #29292f;border-bottom:1px solid #2e2e34;color:#fff}.roll-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#151519;font:700 9px 'DM Mono',monospace;letter-spacing:.45px}.roll-panel.left{border-right:1px solid #303038;border-left:1px solid #303038}.roll-panel.right{border-left:1px solid #303038}.roll-category{font:700 9px 'DM Mono',monospace;color:#fff}.roll-status{display:flex;align-items:center;gap:5px;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--theme-color);box-shadow:0 0 9px var(--theme-color)}.panel-actions{display:flex;align-items:center;gap:11px}.live-toggle{width:31px;height:17px;padding:2px;border:0;border-radius:20px;background:#59615c;cursor:pointer}.live-toggle i{display:block;width:13px;height:13px;border-radius:50%;background:#fff;transition:transform .2s}.live-toggle[aria-pressed="false"] i{transform:translateX(14px)}.bell-toggle{display:grid;place-items:center;width:27px;height:27px;border:0;background:transparent;cursor:pointer}.bell-image{width:17px;height:17px;filter:invert(1)}.bell-toggle.is-on .bell-image{filter:invert(22%) sepia(91%) saturate(3160%) hue-rotate(344deg) brightness(91%) contrast(96%)}.roll-side{min-width:0;overflow:hidden;padding:10px 6px}.roll-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;height:100%}.roll-item{display:flex;align-items:center;gap:8px;min-width:0;padding:7px;border:1px solid #33333b;border-radius:4px;background:#25252b;overflow:hidden}.roll-art{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:3px;color:#fff;font:700 24px Arial}.roll-art.red{background:#793641}.roll-art.blue{background:#285d82}.roll-art.green{background:#3d704d}.roll-art.purple{background:#62407b}.roll-item div{min-width:0}.roll-item small{display:block;overflow:hidden;color:#aeb4ae;font:8px 'DM Mono',monospace;white-space:nowrap;text-overflow:ellipsis}.roll-item strong{display:block;overflow:hidden;margin-top:4px;color:#f4f4f6;font:700 10px Manrope,Arial,sans-serif;white-space:nowrap;text-overflow:ellipsis}.roll-item em{display:block;margin-top:3px;color:var(--theme-color);font:800 10px Manrope,Arial,sans-serif;font-style:normal}.roll-brand{display:flex;align-items:center;justify-content:center;background:#111;font:800 18px Manrope,Arial,sans-serif;letter-spacing:-1px}.roll-brand .bu{color:#fff}.roll-brand .firsat{color:var(--theme-color)}.roll-side.is-paused{opacity:.4}.roll-side.is-paused .roll-track{filter:grayscale(1)}.shift-right{animation:shift-right .48s ease both}@keyframes shift-right{from{transform:translateX(-40px)}to{transform:translateX(0)}}@media(max-width:800px){.live-roll{grid-template-columns:90px 1fr}.roll-panel{font-size:0}.roll-category,.roll-status{display:none}.roll-side{padding:12px 3px}.roll-item{padding:5px}.roll-art{width:32px;height:32px;flex-basis:32px;font-size:18px}.roll-item strong,.roll-item em{font-size:8px}.roll-item small{display:none}.roll-brand{font-size:14px}}

.roll-art.has-image{background:#fff;padding:3px}.roll-art img{width:100%;height:100%;display:block;object-fit:contain}