.rz112-x { position: absolute; z-index: 5; top: 0; bottom: 0; left: -15px; width: 14px; cursor: col-resize; touch-action: none; display: grid; place-items: center; border-radius: 8px; outline: none; }
.rz112-x i { width: 4px; height: 56px; max-height: 40%; border-radius: 4px; background: var(--q8-teal, #0b3537); opacity: .18; transition: opacity .15s, height .15s, background .15s; position: sticky; top: 45vh; }
.rz112-x:hover i, .rz112-x:focus-visible i, body.rz112-dx .rz112-x i { opacity: .7; height: 84px; background: var(--q8-lime-ink, #0b3537); }
.rz112-x:focus-visible { box-shadow: 0 0 0 2px var(--q8-lime, #e8dc3a); }
.qboard.pool-undocked > #playerPool > .rz112-x { display: none; }
@media (min-width: 1181px) { body.q8.r108-qwing.pw112 .qboard:not(.pool-undocked) { grid-template-columns: minmax(0, 1fr) var(--pool112, 340px) !important; } }
body.fs90.pw112 .qboard:not(.pool-undocked) { grid-template-columns: minmax(0, 1fr) var(--pool112, 380px) !important; }
@media (max-width: 1180px) { body:not(.fs90) .rz112-x { display: none; } }
body.rz112-drag, body.rz112-drag * { user-select: none !important; -webkit-user-select: none !important; }
body.rz112-dx { cursor: col-resize !important; }
body.rz112-dy { cursor: row-resize !important; }
body.rz112-drag .qboard > .courts > .court { transition: none !important; }
.qboard .qteams { position: relative; }
.rz112-y { position: absolute; z-index: 3; left: 50%; bottom: 0; transform: translateX(-50%); width: 120px; height: 14px; cursor: row-resize; touch-action: none; display: grid; place-items: center; outline: none; border-radius: 8px; }
.rz112-y i { width: 56px; height: 4px; border-radius: 4px; background: var(--q8-teal, #0b3537); opacity: .2; transition: opacity .15s, width .15s; }
.rz112-y:hover i, .rz112-y:focus-visible i, body.rz112-dy .rz112-y i { opacity: .7; width: 84px; }
.rz112-y:focus-visible { box-shadow: 0 0 0 2px var(--q8-lime, #e8dc3a); }
body.qh112 .qboard .qteams { height: var(--qt112); display: flex; flex-direction: column; overflow: hidden; padding-bottom: 18px; }
body.qh112 .qboard .qteams > .qteams-h { flex: none; }
body.qh112 .qboard .qteams > .qt-grid { flex: 1 1 auto; min-height: 0; overflow: auto; overscroll-behavior: contain; align-content: start; }
:root[data-theme="dark"] .rz112-x i, :root[data-theme="dark"] .rz112-y i { background: #fff; }
.cv112-host { isolation: isolate; }
.cv112 { position: absolute; z-index: -1; left: 0; right: 0; top: 0; height: 100%; background-size: cover; background-repeat: no-repeat; pointer-events: none; border-radius: inherit; -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 45%, transparent 100%); mask-image: linear-gradient(180deg, #000 0%, #000 45%, transparent 100%); }
.cv112::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(180deg, rgba(4,22,30,.28), rgba(4,22,30,.05)); }
.q8b-mp-hero.cv112-has::before { opacity: 0; }
.q8b-mp-hero.cv112-has, .q8b-pp-hero.cv112-has { background: var(--q8-card); }
.sh108-pm .sh108-hero.cv112-has { background: var(--q8-card) !important; }
.sh108-pm .sh108-hero.cv112-has::before { opacity: 0; }
.sh108-pm .sh108-hero > .cv112 { height: 150px; }
.sh108-pm .sh108-hero.cv112-has h2 { color: #fff; text-shadow: 0 2px 12px rgba(0,0,0,.35); }
.sh108-pm .sh108-hero.cv112-has .grow .row .small, .sh108-pm .sh108-hero.cv112-has .row > .small.muted { color: #fff; opacity: .92; text-shadow: 0 1px 6px rgba(0,0,0,.45); }
.sh108-pm .sh108-hero.cv112-has .chip { background: var(--q8-card); }
#mb108Grid .q8b-mc.cv112-has::before, #mb108Grid .q8b-mc.cv112-has::after { opacity: 0; }
#mb108Grid .q8b-mc.cv112-has > .cv112 { z-index: 0; height: 118px; border-radius: var(--q8-r-xl) var(--q8-r-xl) 0 0; }
#mb108Grid .q8b-mc.cv112-has > :not(.cv112) { position: relative; z-index: 1; }
#mb108Grid .q8b-mc.cv112-has .q8b-mc-av .avatar { box-shadow: 0 0 0 3px var(--q8-card); }
.hc101-main { isolation: isolate; }
.hc101-main > .hc101-top { position: relative; z-index: 2; }
.hc101-main > .hc101-name { margin-top: auto !important; position: relative; z-index: 2; }
.hc101-main > .hc101-stats { position: relative; z-index: 2; margin-top: 8px !important; }
.hc101-av { position: absolute; z-index: 0; left: 0; right: 0; top: 44px; aspect-ratio: 1 / 1; max-height: 62%; margin: 0 !important; pointer-events: none; }
.hc101-av .avatar, .hc101-slot.r1 .hc101-av .avatar { --s: 100%; width: 100% !important; height: 100% !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent; overflow: hidden; -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 18%, #000 52%, transparent 100%); mask-image: linear-gradient(180deg, transparent 0%, #000 18%, #000 52%, transparent 100%); }
.hc101-av .avatar img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; border-radius: 0 !important; }
.hc101-av .avatar:not(:has(img)) { display: grid; place-items: center; font-size: 42px; color: rgba(255,255,255,.65); }
.hc101-top .hc101-rank b, .hc101-top .hc101-pts b { text-shadow: 0 1px 10px rgba(255,255,255,.35); }
.hc101-card.champ .hc101-top b { text-shadow: 0 1px 10px rgba(0,0,0,.35); }
.toasts { z-index: 9500 !important; }
.q8b-irow.gone112, .rq97-row.gone112 { opacity: .35; pointer-events: none; transition: opacity .18s ease; }