/* Character tracker uses the shared interface palette; no external artwork or polling. */
#beta-sheet-body[data-panel=tracker]{padding:18px;overflow:auto}
.ct-panel{container:ct-tracker / inline-size;width:100%;max-width:960px;margin:0 auto;color:var(--ui-text,#edf1f4);font:14px/1.5 system-ui;min-width:0}
.ct-panel *{box-sizing:border-box}.ct-panel :is(h2,h3,p){margin:0}.ct-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}.ct-heading h2{font-size:24px;line-height:1.25;letter-spacing:-.025em;margin:5px 0 6px}.ct-eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--ui-accent,#aaccff)}.ct-muted,.ct-footnote{color:var(--ui-muted,#b5c4ce)}.ct-status{font-size:11px;white-space:nowrap;border:1px solid var(--ui-border,#496575);border-radius:20px;padding:4px 10px}.ct-status[data-live=true]{color:var(--ui-good,#bdeebc)}.ct-status[data-live=true]::before{content:'●';font-size:8px;margin-right:6px}
.ct-tabs{display:flex;gap:4px;border-bottom:1px solid var(--ui-border,#496575);margin-bottom:18px;padding-bottom:8px}.ct-panel button{min-height:44px;min-width:44px;padding:9px 14px;background:var(--ui-raised,#243b46);color:var(--ui-accent,#aaccff);border:1px solid var(--ui-border,#496575);border-radius:9px;cursor:pointer;font:600 13px/1.3 system-ui;text-transform:none;letter-spacing:normal}.ct-tabs button{min-width:112px;background:transparent;border-color:transparent}.ct-tabs button[aria-pressed=true]{background:var(--ui-raised,#243b46);border-color:var(--ui-border,#496575);color:var(--ui-text,#edf1f4)}.ct-panel button:disabled{opacity:.45;cursor:default}.ct-panel button:focus-visible{outline:2px solid var(--ui-accent,#aaccff);outline-offset:3px}
.ct-session{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin:0 0 14px}.ct-session>span{font-size:12px;color:var(--ui-muted,#b5c4ce)}.ct-session>strong{font-size:19px;font-variant-numeric:tabular-nums}.ct-session>small{margin-left:auto;color:var(--ui-muted,#b5c4ce);font-size:11px}
.ct-heroes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 18px}.ct-metric{min-width:0;padding:16px;border:1px solid var(--ui-border,#496575);border-radius:12px;background:var(--ui-deep,#091323);overflow-wrap:anywhere}.ct-label{display:block;font-size:12px;color:var(--ui-muted,#b5c4ce);margin-bottom:7px}.ct-value{display:block;font-size:clamp(18px,2.7vw,28px);line-height:1.25;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.025em}.ct-metric small{display:block;margin-top:9px;color:var(--ui-muted,#b5c4ce);font-size:11px}.ct-primary{border-top:3px solid var(--ui-accent,#aaccff);padding-top:14px}.ct-primary .ct-value{color:var(--ui-accent,#aaccff)}.ct-profit .ct-value{color:var(--ui-good,#bdeebc)}.ct-loss .ct-value{color:var(--ui-danger,#ffb1ae)}
.ct-breakdown{border:1px solid var(--ui-border,#496575);border-radius:12px;background:var(--ui-chrome,#152a34);overflow:hidden;margin:0 0 18px}.ct-breakdown h3{font-size:14px;padding:15px 16px 10px}.ct-breakdown table{border-collapse:collapse;width:100%;table-layout:fixed}.ct-breakdown :is(th,td){padding:11px 16px;text-align:right;font-size:13px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.ct-breakdown th:first-child{text-align:left;width:34%}.ct-breakdown thead th{font-size:10px;font-weight:600;color:var(--ui-muted,#b5c4ce);text-transform:uppercase;letter-spacing:.07em}.ct-breakdown tbody th{font-weight:500}.ct-breakdown tbody tr{border-top:1px solid var(--ui-border,#496575)}.ct-breakdown tbody td:last-child{color:var(--ui-muted,#b5c4ce)}.ct-breakdown>.ct-metric{border-radius:0;border-width:1px 0 0;background:transparent}.ct-breakdown>.ct-metric .ct-value{font-size:22px}
.ct-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:16px 0}.ct-actions .ct-reset{margin-left:auto;color:var(--ui-danger,#ffb1ae)}.ct-panel .ct-footnote{font-size:11px;line-height:1.6;margin-top:18px;max-width:75ch}.ct-notice{padding:12px 14px;border:1px solid var(--ui-border,#496575);border-radius:8px;margin:0 0 14px!important;color:var(--ui-warning,#ffd060);overflow-wrap:anywhere}.ct-empty{padding:36px 24px;border:1px dashed var(--ui-border,#496575);border-radius:12px;color:var(--ui-muted,#b5c4ce);text-align:center}.ct-confirm{padding:18px;border:1px solid var(--ui-danger,#ffb1ae);border-radius:12px;background:var(--ui-deep,#091323)}.ct-confirm h3{font-size:16px;margin-bottom:8px}.ct-confirm p{max-width:65ch}.ct-confirm .ct-actions{margin-bottom:0}
@media(max-width:600px){#beta-sheet-body[data-panel=tracker]{padding:14px 12px}}
/* The Character sheet may be narrow even on a wide desktop. */
@container ct-tracker (max-width:600px){.ct-heading h2{font-size:21px}.ct-heroes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ct-heroes>.ct-metric:first-child{grid-column:1/-1}.ct-metric{padding:14px}.ct-primary{padding-top:12px}.ct-value{font-size:23px}.ct-heroes>.ct-metric:first-child .ct-value{font-size:30px}.ct-breakdown :is(th,td){padding:10px;font-size:12px}.ct-breakdown thead th{font-size:9px}.ct-session>small{margin-left:0;width:100%}.ct-status{padding:4px 8px}.ct-actions button{padding:9px 11px}.ct-confirm{padding:14px}}

.ct-rate-choice{display:flex;align-items:center;gap:10px;color:var(--ui-muted,#b5c4ce);font-size:12px;margin:10px 0}.ct-rate-choice select{min-height:44px;padding:8px 30px 8px 12px;border:1px solid var(--ui-border,#496575);border-radius:8px;background:var(--ui-chrome,#152a34);color:var(--ui-text,#edf1f4);font:14px system-ui}.ct-rate-choice select:focus-visible{outline:2px solid var(--ui-accent,#aaccff);outline-offset:3px}