.cp-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.cp-title{font-size:calc(20 * var(--gx-ud));margin:0;line-height:1.1}.cp-totals{flex-wrap:wrap;gap:8px;display:flex}.cp-total{font-family:var(--gx-font-display);font-size:max(12px, calc(9 * var(--gx-ud)));border:var(--gx-bw) solid var(--gx-ink);background:var(--gx-panel);color:var(--gx-accent);white-space:nowrap;border-radius:999px;padding:4px 10px}.gx[data-look=retro] .cp-total{border-radius:0}.cp-total[data-done=yes]{background:var(--gx-accent);color:var(--gx-ink)}.cp-map,.cp-card{width:100%}.cp-card-row{align-items:flex-start;gap:14px;display:flex}.cp-card-face{flex:none}.cp-card-name{font-family:var(--gx-font-display);font-size:calc(16 * var(--gx-ud));color:var(--gx-text);line-height:1.1}.cp-card-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cp-diff{font-family:var(--gx-font-display);font-size:max(11px, calc(8 * var(--gx-ud)));color:var(--gx-accent);letter-spacing:.04em}.cp-diff[data-d="6"]{color:var(--gx-bad)}.cp-card-stars{color:#ffc23d;letter-spacing:2px;font-size:16px}.cp-quote{font-style:italic;font-size:calc(11 * var(--gx-k));line-height:1.4}.cp-tip{font-size:calc(10 * var(--gx-k));line-height:1.4}.cp-tip-label{font-family:var(--gx-font-display);font-size:max(11px, calc(7 * var(--gx-ud)));background:var(--gx-accent);color:var(--gx-ink);border-radius:6px;margin-right:6px;padding:1px 6px;display:inline-block}.gx[data-look=retro] .cp-tip-label{border-radius:0}.cp-start-locked:disabled{opacity:.7;color:var(--gx-muted);border-color:var(--gx-border);box-shadow:none;font-size:calc(10 * var(--gx-k));background:0 0;line-height:1.5}.cp-card[data-locked=yes] .cp-card-face{filter:grayscale()brightness(.7)}.cp-card[data-boss=yes]{border-color:var(--gx-bad)}.cp-play{width:100%;max-width:720px}.cp-top{align-items:center;gap:8px;min-width:0;margin-bottom:8px;display:flex}.cp-back{font-family:var(--gx-font-display);font-size:max(12px, calc(8 * var(--gx-ud)));border:var(--gx-bw) solid var(--gx-ink);border-radius:var(--gx-radius-sm);background:var(--gx-panel);min-height:36px;color:var(--gx-text);cursor:pointer;flex:none;padding:6px 10px}.cp-back:focus-visible,.cp-script-toggle:focus-visible{outline:3px solid var(--gx-focus);outline-offset:2px}.cp-top-title{flex-direction:column;flex:1;gap:2px;min-width:0;line-height:1.15;display:flex}.cp-top-level{font-family:var(--gx-font-display);font-size:max(12px, calc(8 * var(--gx-ud)));white-space:nowrap}.cp-top-name{font-family:var(--gx-font-display);font-size:max(12px, calc(8 * var(--gx-ud)));overflow-wrap:anywhere}.gx[data-look=retro] .cp-top-level{font-size:8px}.gx[data-look=retro] .cp-top-name{font-family:var(--gx-font-body);font-size:15px;line-height:1}.gx[data-look=retro] .cp-top-diff{font-size:8px}.cp-top-diff{font-family:var(--gx-font-display);font-size:max(11px, calc(7 * var(--gx-ud)));color:var(--gx-accent);flex:none}.cp-top-diff[data-boss=yes]{color:var(--gx-bad)}.cp-stage-wrap{margin-top:6px;position:relative}.cp-stage{width:100%;max-width:min(100%,37.3333dvh);margin:0 auto;position:relative}@media (min-width:960px){.cp-stage{max-width:min(100%,56.8889dvh)}}.cp-nametag{font-family:var(--gx-font-display);font-size:max(11px, calc(8 * var(--gx-ud)));color:#fff;background:#1e1b2ed1;border-radius:8px;padding:2px 8px;position:absolute;top:5%;left:3%}.gx[data-look=retro] .cp-nametag{border-radius:0}.cp-heat{color:#ff8a7a}.cp-bubble{margin-top:6px}.cp-bubble:before{display:none}.cp-bubble-who{margin-right:4px;font-weight:800}.gxa-stage .qk-combo{z-index:3;box-shadow:0 .6cqw 0 var(--gx-ink);border-width:2px;border-radius:1.6cqw;padding:.5cqw 1.6cqw;font-size:max(11px,3.6cqw);top:86%;left:50%}.gx[data-look=retro] .gxa-stage .qk-combo{border-radius:0;font-size:max(8px,2.3cqw);box-shadow:.6cqw .6cqw #000}.cp-aside{margin-top:8px}.cp-script{border:var(--gx-bw) solid var(--gx-ink);border-radius:var(--gx-radius-sm);background:var(--gx-panel)}.cp-script-toggle{width:100%;min-height:44px;font-family:var(--gx-font-display);font-size:max(12px, calc(8 * var(--gx-ud)));color:var(--gx-text);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.cp-script-hint{font-size:max(11px, calc(6 * var(--gx-ud)));color:var(--gx-muted);text-align:right}.cp-script-body{max-height:46vh;padding:0 12px 12px;overflow-y:auto}.cp-chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cp-chip{font-size:max(12px, calc(8 * var(--gx-k)));color:var(--gx-ink);border:2px solid var(--gx-ink);background:#ffe27a;border-radius:999px;padding:3px 9px;line-height:1.3}.gx[data-look=retro] .cp-chip{border-radius:0}.cp-lesson{font-size:max(12px, calc(9 * var(--gx-k)));margin:0;padding-left:18px;line-height:1.45}.cp-lesson li{margin-top:3px}.cp-cite{color:var(--gx-text,inherit);opacity:.8;white-space:nowrap;font-size:13px}@media (min-width:960px){.cp-play[data-aside=yes]{grid-template-columns:minmax(0,1fr) 300px;align-content:start;column-gap:20px;max-width:1080px;display:grid}.cp-play[data-aside=yes]>*{grid-column:1}.cp-play[data-aside=yes]>.cp-aside{grid-area:1/2/span 8;align-self:start;margin-top:0;position:sticky;top:12px}.cp-play[data-aside=yes] .cp-script-body{max-height:calc(100dvh - 120px)}}.cp-stars{gap:10px;font-size:44px;line-height:1;display:flex}.cp-star{color:color-mix(in srgb, var(--gx-muted) 50%, transparent)}.cp-star[data-on=yes]{color:#ffc23d;text-shadow:0 3px 0 var(--gx-ink)}.cp-result-stats{font-family:var(--gx-font-display);font-size:calc(12 * var(--gx-ud));color:var(--gx-accent);flex-wrap:wrap;justify-content:center;gap:14px;display:flex}@media (prefers-reduced-motion:no-preference){.cp-star[data-on=yes]{animation:.42s cubic-bezier(.2,1.6,.4,1) both cp-star}@keyframes cp-star{0%{opacity:0;transform:scale(0)rotate(-30deg)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion:reduce){.gxa-stage .qk-combo{transform:translate(-50%,-50%)rotate(-4deg)}}@media (min-resolution:2x){.gx[data-look=retro] :is(.cp-top-level,.cp-top-diff){font-size:12px}}.gx[data-look=retro] :is(.cp-nametag,.cp-card-name,#cp-card-title){font-family:var(--gx-font-body);letter-spacing:.02em}.gx[data-look=retro] .cp-nametag{font-size:max(13px,3.4cqw);line-height:1.1}.gx[data-look=retro] .cp-card-name{font-size:22px}.gx[data-look=retro] #cp-card-title{opacity:1;font-size:15px}