.cp-select{flex:18rem;min-width:0;max-width:34rem;position:relative}.cp-button{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--panel);text-align:left;width:100%;min-height:3.25rem;box-shadow:var(--shadow-1);justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem .85rem .45rem .55rem;display:flex}.cp-button:hover{border-color:var(--gilt)}.cp-button:focus-visible,.cp-list:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.cp-caret{color:var(--muted);flex:none}.cp-custom-label{padding-left:.4rem;display:grid}.cp-custom-label span{color:var(--muted);font-size:.9rem}.cp-list{z-index:30;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--panel);max-height:min(24rem,60vh);box-shadow:var(--shadow-2);margin:0;padding:.3rem;list-style:none;position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow-y:auto}.cp-list li{cursor:pointer;border-radius:8px;padding:.4rem .5rem}.cp-list li[data-active]{background:var(--panel-2)}.cp-list li[aria-selected=true]{box-shadow:inset 3px 0 0 var(--gilt)}
.cp{transition:opacity var(--dur-2) var(--ease-out);gap:.85rem;display:grid}.cp[data-pending] .cp-custom,.cp[data-pending] .cp-button{opacity:.65}.cp-head{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;display:flex}.cp-actions{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.cp-foot a{text-underline-offset:.2em;font-weight:600;text-decoration:underline}.cp-foot{color:var(--muted);font-size:.95rem}.cp-card{align-items:center;gap:.65rem;min-width:0;display:flex}.cp-card-text{min-width:0;line-height:1.25;display:grid}.cp-card-name{flex-wrap:wrap;align-items:baseline;gap:0 .4rem;display:flex}.cp-card-name strong{border-bottom:2px solid var(--cls)}.cp-card-realm{color:var(--muted);font-size:.9rem}.cp-card-who{font-size:.92rem}.cp-card-ctx{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.cp-badge{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--gilt-ink);padding:0 .4rem;font-size:.75rem;font-weight:700}.cp-emblem{flex:none;display:inline-flex;position:relative}.cp-live{background:var(--ready);width:.65rem;height:.65rem;box-shadow:0 0 0 2px var(--panel);border-radius:50%;position:absolute;bottom:-.15rem;right:-.15rem}.cp-custom{gap:.75rem;display:grid}.cp-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1rem;display:flex}.cp-seg{border-radius:var(--radius-pill);background:var(--panel-2);border:1px solid var(--line);flex-wrap:wrap;gap:.25rem;max-width:100%;padding:.25rem;display:inline-flex}.cp-seg button{border-radius:var(--radius-pill);min-height:2.25rem;color:var(--muted);transition:background-color var(--dur-1), color var(--dur-1);align-items:center;gap:.35rem;padding:.3rem .9rem;font-weight:600;display:inline-flex}.cp-seg button:has(svg){padding-left:.35rem}.cp-seg button:hover{color:var(--ink)}.cp-seg button[aria-checked=true]{background:var(--panel);color:var(--ink);box-shadow:var(--shadow-1)}.cp-classes{scrollbar-width:thin;scroll-snap-type:x proximity;-webkit-mask-image:var(--fade-inline-end);mask-image:var(--fade-inline-end);gap:.4rem;padding:.15rem .1rem .4rem;display:flex;overflow-x:auto}@media (min-width:48rem){.cp-classes{flex-wrap:wrap;overflow-x:visible;-webkit-mask-image:none;mask-image:none}}.cp-class{scroll-snap-align:start;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel);min-height:2.6rem;transition:border-color var(--dur-1);flex:none;align-items:center;gap:.45rem;padding:.3rem .9rem .3rem .35rem;font-weight:600;display:inline-flex}.cp-class:hover{border-color:var(--cls)}.cp-class[aria-checked=true]{border-color:var(--cls);background:color-mix(in srgb, var(--cls) 16%, var(--panel));box-shadow:inset 0 -2px 0 var(--cls)}.cp-seg button:focus-visible,.cp-class:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.cp-level{flex:14rem;gap:.15rem;min-width:min(100%,14rem);max-width:24rem;font-size:.95rem;font-weight:600;display:grid}.cp-level-row{align-items:center;gap:.75rem;display:flex}.cp-level input[type=range]{accent-color:var(--gilt);flex:1;min-height:2rem}.cp-level-n{width:4.5rem}@media (max-width:47.99rem){.cp-seg{scrollbar-width:none;scroll-snap-type:x proximity;flex-wrap:nowrap;overflow-x:auto}.cp-seg button{min-height:var(--touch-min);white-space:nowrap;scroll-snap-align:start;flex:none}.cp-class{min-height:var(--touch-min)}}