.cpmo-card{--cpmo-paper:#ffffff;--cpmo-edge:#e1e3df;--cpmo-line:#e2e4df;--cpmo-head:#f5f5f2;--cpmo-ink:#272923;--cpmo-body:#3b3e38;--cpmo-muted:#6b6e68;--cpmo-green:#107c41;--cpmo-wash:#e6efdc;--cpmo-ease:cubic-bezier(0.23,1,0.32,1)}.cpmo-win{display:flex;flex-direction:column;height:256px;padding:16px;overflow:hidden;border:1px solid var(--cpmo-edge);border-radius:12px;background:var(--cpmo-paper);box-shadow:0 1px 2px rgba(16,24,40,.04),0 18px 36px -28px rgba(16,24,40,.22);color:var(--cpmo-body);font-family:var(--font-sans),system-ui,sans-serif;font-size:13px;line-height:1.25;container-type:inline-size}.cpmo-win p{margin:0}.cpmo-sheet{display:grid;flex:1;grid-auto-rows:1fr;border:1px solid var(--cpmo-line);border-right:0;background:var(--cpmo-paper)}.cpmo-roll-row>span,.cpmo-sheet>span:not(.cpmo-roll-row){border-right:1px solid var(--cpmo-line);border-bottom:1px solid var(--cpmo-line)}.cpmo-roll-row:last-child>span,.cpmo-sheet-collide>span:nth-last-child(-n+4),.cpmo-sheet-split>span:nth-last-child(-n+3){border-bottom:0}.cpmo-sheet>span{display:flex;align-items:center;min-width:0;padding:0 8px;background:var(--cpmo-paper);white-space:nowrap}.cpmo-sheet .cpmo-head,.cpmo-sheet .cpmo-num{justify-content:center;background:var(--cpmo-head);color:var(--cpmo-muted);font-size:12px}.cpmo-sheet .cpmo-num{padding:0}.cpmo-sheet .is-hi{background:var(--cpmo-wash)}.cpmo-sheet .cpmo-num.is-hi,.cpmo-sheet .is-hi{color:var(--cpmo-ink)}.cpmo-key{font-weight:600}.cpmo-hrs{justify-content:flex-end}.cpmo-sheet-collide{grid-template-columns:24px minmax(0,1.75fr) minmax(0,.7fr) minmax(0,1.05fr)}.cpmo-sheet-collide .cpmo-key{font-size:12.5px}.cpmo-late{transition:opacity .56s var(--cpmo-ease),transform .56s var(--cpmo-ease);transition-delay:.3s}.cpmo-card:not([data-played]) .cpmo-late{opacity:.3;transform:translateY(-6px)}.cpmo-sheet-split{grid-template-columns:24px minmax(0,1fr) max-content}.cpmo-sheet-split>span:nth-child(3n+2):not(.cpmo-head){font-size:12.5px}.cpmo-ask{justify-content:center!important}.cpmo-ask b{display:block;font-size:17px;font-weight:700;color:var(--cpmo-ink);transition:opacity .52s var(--cpmo-ease),transform .52s var(--cpmo-ease);transition-delay:.42s}.cpmo-card:not([data-played]) .cpmo-ask b{opacity:.3;transform:scale(.7)}.cpmo-files{display:flex;flex:1;flex-direction:column;border:1px solid var(--cpmo-line)}.cpmo-files-head{display:flex;align-items:baseline;gap:8px;padding:9px 12px 8px;border-bottom:1px solid var(--cpmo-line);color:var(--cpmo-body);font-size:13px}.cpmo-month{font-family:var(--font-display),Georgia,serif;font-size:16px;font-weight:600;color:var(--cpmo-green)}.cpmo-files ul{display:grid;flex:1;grid-auto-rows:1fr;margin:0;padding:0;list-style:none}.cpmo-files li{display:grid;grid-template-columns:28px 18px minmax(0,1fr) 16px;align-items:center;gap:8px;padding-right:10px;font-size:12.5px}.cpmo-files li+li{border-top:1px solid var(--cpmo-line)}.cpmo-files .cpmo-num{align-self:stretch;display:grid;place-items:center;border-right:1px solid var(--cpmo-line);color:var(--cpmo-muted);font-size:12px}.cpmo-xl{width:17px;height:17px;color:var(--cpmo-green)}.cpmo-fname{overflow:hidden;color:var(--cpmo-body);white-space:nowrap}.cpmo-more{width:16px;height:16px;color:#9a9d96}.cpmo-files li{transition:opacity .5s var(--cpmo-ease)}.cpmo-card:not([data-played]) .cpmo-files li{opacity:.35}.cpmo-files li:first-child{transition-delay:.2s}.cpmo-files li:nth-child(2){transition-delay:.3s}.cpmo-files li:nth-child(3){transition-delay:.4s}.cpmo-files li:nth-child(4){transition-delay:.5s}.cpmo-files li:nth-child(5){transition-delay:.6s}.cpmo-files li:nth-child(6){transition-delay:.7s}.cpmo-files li:nth-child(7){transition-delay:.8s}.cpmo-sheet-roll{grid-template-columns:minmax(0,1fr) minmax(0,2.1fr)}.cpmo-roll-row{display:contents!important}.cpmo-roll-row>span{display:flex;align-items:center;padding:0 12px;background:var(--cpmo-paper)}.cpmo-who{color:var(--cpmo-ink);font-size:13px}.cpmo-mark{justify-content:center}.cpmo-mark i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%}.cpmo-done{background:var(--cpmo-wash);color:var(--cpmo-green);transition:opacity .5s var(--cpmo-ease),transform .5s var(--cpmo-ease)}.cpmo-done svg{width:14px;height:14px}.cpmo-open{box-shadow:inset 0 0 0 1.5px #8c9187}.cpmo-card:not([data-played]) .cpmo-done{opacity:.3;transform:scale(.6)}.cpmo-roll-row:nth-child(3) .cpmo-done{transition-delay:.3s}.cpmo-roll-row:nth-child(4) .cpmo-done{transition-delay:.4s}.cpmo-roll-row:nth-child(5) .cpmo-done{transition-delay:.5s}.cpmo-roll-row:nth-child(7) .cpmo-done{transition-delay:.6s}@container (max-width: 205px){.cpmo-sheet>span:not(.cpmo-num){padding:0 6px}.cpmo-sheet-split .cpmo-hrs,.cpmo-sheet-split>span:nth-child(3n+2):not(.cpmo-head){font-size:10.5px}.cpmo-sheet-collide .cpmo-hrs,.cpmo-sheet-collide .cpmo-key{font-size:11.5px}}@media (prefers-reduced-motion:reduce){.cpmo-ask b,.cpmo-done,.cpmo-files li,.cpmo-late{transition:none}.cpmo-card:not([data-played]) .cpmo-ask b,.cpmo-card:not([data-played]) .cpmo-done,.cpmo-card:not([data-played]) .cpmo-files li,.cpmo-card:not([data-played]) .cpmo-late{opacity:1;transform:none}}