.cg{flex-direction:column;gap:14px;display:flex}.cg-chips{flex-wrap:wrap;gap:6px;display:flex}.cg-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.cg-top{grid-template-columns:120px auto 160px;justify-content:start;align-items:end;gap:12px;display:grid}.cg-out{grid-template-columns:repeat(4,minmax(0,1fr))}.cg-out .tl-stat{background:#f7f6fb}.cg-line,.cg-note{color:var(--ink2);margin:0;font-size:13.5px;line-height:1.55}.cg-note{color:var(--mut)}.cg-play{color:#fff;background:#1b1636;border-radius:16px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.cg-play__btns{flex-wrap:wrap;gap:8px;display:flex}.cg-play .tl-ghost{color:#fff;background:#ffffff1f}.cg-play p{color:#ffffffe0;margin:0;font-size:13.5px;line-height:1.5}.cg-play .cg-note{color:#ffffffb3}.cg-play b.is-good{color:#8fe0b8}.cg-play b.is-bad{color:#ff9b9b}.cg-strip{flex-wrap:wrap;gap:4px;display:flex}.cg-strip span{font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 7px;font-size:12px;font-weight:700}.cg-strip .is-win{color:#fff;background:#1f9d6b}.cg-strip .is-lose{color:#fffc;background:#ffffff1f}.cg-slotwrap{scrollbar-width:thin;overflow-x:auto}.cg-slots{align-items:end;gap:3px;display:grid}.cg-swipe{display:none}.cg-slot{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.cg-bar{align-items:flex-end;width:100%;height:72px;display:flex}.cg-bar i{border-radius:6px 6px 2px 2px;width:100%;display:block}.cg-bar i.is-up{background:#8fd6b4}.cg-bar i.is-down{background:#d9d6e6}.cg-slot small{color:var(--mut);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:9.5px}.cg-slot input{text-align:center;border:1.5px solid #e4e2ec;border-radius:8px;width:100%;min-width:0;height:30px;padding:0 2px;font-size:11.5px;font-weight:700}.cg-board{grid-template-columns:repeat(5,34px);gap:5px;display:grid}.cg-board span{background:#eceaf3;border-radius:9px;height:34px}.cg-board span.is-open{background:#1f9d6b;box-shadow:inset 0 0 0 2px #fff6}.cg-tab{max-width:640px}@media (max-width:900px){.cg-out,.cg-top{grid-template-columns:1fr 1fr}}@media (max-width:720px){.cg-slots{--cg-slot-min:34px;gap:2px;padding-bottom:4px}.cg-slot small{font-size:8.5px}.cg-slot input{border-radius:6px;height:28px;font-size:10.5px}.cg-swipe{color:var(--mut);margin:-6px 0 0;font-size:12px;display:block}.cg-top{grid-template-columns:1fr}}