.csRoot .arenaDuel{display:inline-flex;min-width:0;flex-direction:column;align-items:center;gap:6px}.csRoot .arenaDuel[data-size=sm]{flex-direction:row;vertical-align:middle}.csRoot .arenaDuel[data-size=record]{flex-direction:row;gap:8px}.csRoot .arenaDuel[data-size=record] .arenaDuelCount{font-size:13px;font-weight:600;line-height:var(--csLeadFlat)}.csRoot .arenaDuelHead{font-size:13px;font-weight:600;line-height:var(--csLeadBody);color:var(--csInkBody);text-align:center}.csRoot .arenaDuelCount{font-family:var(--csMono);font-variant-numeric:tabular-nums;color:var(--csInk)}.csRoot .arenaDuelRow{display:inline-flex;align-items:center;gap:4px}.csRoot .arenaDuel[data-size=sm] .arenaDuelRow{gap:3px}.csRoot .arenaDuelSub{display:flex;flex-wrap:wrap;align-items:center;-moz-column-gap:8px;column-gap:8px;row-gap:2px;min-width:0}.csRoot .arenaDuelSubText{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csRoot .arenaDuelSub>.arenaDuel{flex:none}.csRoot .arenaDuelRow[data-hint="1"]{margin:-6px;padding:6px;border-radius:var(--csRadRead)}.csRoot button.arenaDuelRow{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font:inherit;color:inherit;cursor:pointer}.csRoot button.arenaDuelRow:focus-visible{outline:var(--csFocusW) solid var(--csAmberHi);outline-offset:var(--csFocusGap)}.csRoot .arenaDuelDot{display:block;flex:none;width:10px;height:10px;border-radius:999px}.csRoot .arenaDuel[data-size=sm] .arenaDuelDot{width:6px;height:6px}.csRoot .arenaDuelDot[data-outcome=outlearned]{background:var(--csResultWin)}.csRoot .arenaDuelDot[data-outcome=caught]{background:var(--csResultLoss)}.csRoot .arenaDuelDot[data-drop="1"]{animation:arenaDuelDrop var(--csEnterMs) var(--csEaseSnap) var(--csSettleMs) both}@keyframes arenaDuelDrop{0%{opacity:0;transform:translateY(-8px) scale(.6)}to{opacity:1;transform:none}}.csRoot .arenaVsBook{display:inline-flex;flex:none;align-items:center;width:18px;height:18px}.csRoot .arenaVsBook img{display:block;-o-object-fit:contain;object-fit:contain}.csRoot .arenaVsBook[data-book=shut]{animation:arenaVsBookSnap var(--csEnterMs) var(--csEaseSnap) both}.csRoot .arenaVsBook[data-book=idle]{opacity:.45;animation:arenaVsBookDim var(--csEnterMs) var(--csEaseOut) both}@keyframes arenaVsBookSnap{0%{transform:scale(1.35) rotate(-12deg)}to{transform:none}}@keyframes arenaVsBookDim{0%{opacity:1}to{opacity:.45}}.csRoot .arenaDuelTip{position:fixed;z-index:var(--csLayerTip);box-sizing:border-box;display:flex;flex-direction:column;gap:4px;width:-moz-max-content;width:max-content;max-width:min(260px,calc(100vw - 16px));padding:8px 10px 9px;background:var(--csPanel);border:1px solid var(--csEdge);border-radius:var(--csRadRead);font-size:12.5px;font-weight:500;line-height:var(--csLeadBody);color:var(--csInkBody);pointer-events:none;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity var(--csEnterMs) var(--csEaseOut),transform var(--csEnterMs) var(--csEaseSnap),visibility var(--csEnterMs) var(--csEaseOut)}.csRoot .arenaDuelTip[data-nested="1"]{background:var(--csFace)}.csRoot .arenaDuelTip[data-side=bottom]{transform:translateY(-4px)}.csRoot .arenaDuelTip[data-open="1"]{opacity:1;visibility:visible;transform:none}.csRoot .arenaDuelTipHead{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.csRoot .arenaDuelTipTitle{font-weight:600;color:var(--csInk)}.csRoot .arenaDuelTipMeta{font-size:11.5px;color:var(--csInkMeta)}.csRoot .arenaDuelTipRow{display:flex;align-items:center;gap:8px}.csRoot .arenaDuelTipRow .arenaDuelDot{width:8px;height:8px}.csRoot .arenaDuelTipCount{margin-left:auto;padding-left:12px;font-family:var(--csMono);font-variant-numeric:tabular-nums;color:var(--csInk)}.csRoot .arenaDuelSr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@media (prefers-reduced-motion:reduce){.csRoot .arenaDuelTip,.csRoot .arenaDuelTip[data-nested="1"]{background:var(--csFace)}.csRoot .arenaDuelTip[data-side=bottom]{transform:none;transition:none}.csRoot .arenaDuelDot[data-drop="1"],.csRoot .arenaVsBook[data-book=idle],.csRoot .arenaVsBook[data-book=shut]{animation:none}}