.mb-list{gap:12px;display:grid;container-type:inline-size}.mb{--edge:var(--edge-1);isolation:isolate;background:#0b1013;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);grid-template-areas:"word face fig";align-items:center;gap:20px;min-height:124px;padding:16px 22px;display:grid;position:relative;overflow:hidden}.mb.won{--edge:var(--edge-em)}.mb:hover{--edge:var(--edge-2)}.mb.won:hover{--edge:var(--edge-em)}.mb-art{z-index:-1;position:absolute;inset:0}.mb-art img{object-fit:cover;object-position:right center;opacity:.6;transition:transform .6s}.mb-art:after{content:"";background:linear-gradient(90deg,#0b1013 0,#0b1013f5 32%,#0b1013b3 58%,#0b101361 100%);position:absolute;inset:0}.mb:hover .mb-art img{transform:scale(1.05)}.mb-hit{z-index:1;position:absolute;inset:0}.mb-hit:focus-visible{outline:2px solid var(--fg);outline-offset:-4px}.mb-word{pointer-events:none;grid-area:word;gap:4px;min-width:0;display:grid}.mb-kick{text-transform:uppercase;letter-spacing:.1em;color:var(--fg-2);font-size:12px;font-weight:700}.mb-word b{font-family:var(--f-display);text-transform:uppercase;color:var(--fg-2);font-size:46px;font-weight:800;line-height:.95}.mb.won .mb-word b{background:var(--facet);color:#0000;-webkit-background-clip:text;background-clip:text}.mb.lost .mb-word b{color:var(--danger)}.mb-word small{color:var(--fg);opacity:.86;font-size:14px;line-height:1.35}.mb-face{grid-area:face;grid-template-columns:150px auto 150px;align-items:start;gap:14px;display:grid}.mb-seat-link{z-index:2;border-radius:6px;justify-self:center;max-width:100%;position:relative}.mb-seat{justify-items:center;gap:8px;min-width:0;display:grid}.mb-face>.mb-seat{justify-self:center}.mb-av-wrap{line-height:0;display:block;position:relative}.mb-you{color:#0b1013;letter-spacing:.08em;text-transform:uppercase;background:#eef3f1;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:800;line-height:1.2;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.mb-av{object-fit:cover;border:2px solid var(--line-2);background:var(--raised-2);border-radius:50%;width:52px;height:52px;display:block}.mb-seat.lit .mb-av{border-color:var(--em-hi);box-shadow:0 0 0 4px #24d8a833}.mb-seat.dim .mb-av{filter:grayscale(.7)brightness(.75)}.mb-plate{max-width:150px;box-shadow:inset 0 0 0 1px var(--line);color:var(--fg);white-space:nowrap;background:#06090bdb;border-radius:4px;align-items:baseline;gap:6px;padding:4px 9px;font-size:13px;font-weight:600;display:inline-flex}.mb-plate .pn{text-overflow:ellipsis;min-width:0;overflow:hidden}.mb-plate b{font-size:14px;font-weight:800}.mb-seat.lit .mb-plate b{color:var(--em-hi)}.mb-seat-link:hover .mb-plate{box-shadow:inset 0 0 0 1px var(--line-2)}.mb-vs{font-family:var(--f-display);text-transform:uppercase;color:var(--fg-2);align-self:center;margin-top:-24px;font-size:18px;font-weight:700}.mb-fig{pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--fg);background:#06090bcc;grid-area:fig;justify-self:end;align-items:center;gap:8px;padding:9px 15px;font-size:17px;display:inline-flex}.mb-fig svg{flex:none;width:18px;height:18px}.mb-fig b{white-space:nowrap;font-weight:800}.mb-fig.won{color:var(--em-hi)}.mb-fig.lost{color:var(--danger)}.mb-fig.even{font-size:15px}@container (max-width:640px){.mb{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"kick kick""word fig""line line""face face";gap:4px 12px;min-height:0;padding:14px 16px}.mb-art:after{background:linear-gradient(90deg,#0b1013f2 0,#0b1013d6 55%,#0b1013a3 100%)}.mb-word{display:contents}.mb-kick{grid-area:kick;font-size:11px}.mb-word b{grid-area:word;align-self:center;font-size:34px}.mb-word small{grid-area:line;font-size:13px}.mb-fig{align-self:center;padding:7px 11px;font-size:15px}.mb-fig.even{font-size:13px}.mb-face{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;margin-top:10px}.mb-seat-link,.mb-face>.mb-seat{justify-self:start;min-width:0}.mb-seat{grid-template-columns:auto minmax(0,max-content);place-items:center start;gap:6px;min-width:0}.mb-av{width:30px;height:30px}.mb-you{letter-spacing:.05em;padding:1px 4px;font-size:8.5px;bottom:-5px}.mb-plate{gap:5px;min-width:0;max-width:100%;padding:3px 6px;font-size:12px}.mb-plate b{font-size:12.5px}.mb-vs{margin-top:0;padding:0 2px;font-size:13px}}@container (max-width:390px){.mb{padding:12px 14px}.mb-av{width:26px;height:26px}.mb-vs{display:none}.mb-face{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.mb.skel .mb-face>.mb-av+.mb-av{grid-column:2}}.mb.skel{background:var(--surface)}.mb.skel .mb-word{gap:10px}.mb.skel .mb-face>.mb-av{justify-self:center}.mb.skel .mb-face>.mb-av+.mb-av{grid-column:3}@media (prefers-reduced-motion:reduce){.mb-art img{transition:none}}