.cb{--cb-accent:#a5dfee;margin:48px 0;padding:30px;border:1px solid #385166;border-radius:18px;background:linear-gradient(145deg,#152435,#0b1520 65%);box-shadow:0 24px 80px #0003;scroll-margin-top:20px}.cb *{box-sizing:border-box}.cb-heading{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:26px}.cb h2{font-family:Prata,Georgia,serif;font-weight:400;font-size:34px;margin:6px 0 10px;color:#f2f5f9}.cb p{margin:8px 0;color:#a9bacb;font-size:13px;line-height:1.65}.cb .cb-kicker{font-size:10px;letter-spacing:2px;color:#a4d9eb;font-weight:800}.cb-live{white-space:nowrap;border:1px solid #385168;border-radius:30px;padding:8px 13px;font-size:10px;color:#a5dfc6}.cb-live:before{content:'●';color:#8de0b8;margin-right:7px}.cb label{display:flex;flex-direction:column;gap:6px;color:#afc0d0;font-size:11px;font-weight:600}.cb select,.cb input:not([type=range]){width:100%;min-height:40px;background:#0b1723;border:1px solid #385169;border-radius:6px;color:#ebf2fa;padding:8px 10px;font:13px Manrope,Arial,sans-serif}.cb button{font-family:inherit;transition:background .15s,border-color .15s}.cb button:focus-visible,.cb select:focus-visible,.cb input:focus-visible,.cb summary:focus-visible{outline:2px solid #a5dfee;outline-offset:3px}.cb-controls{display:grid;grid-template-columns:1fr 2fr 1fr 80px;gap:12px;padding:18px;background:#ffffff04;border:1px solid #2b4054;border-radius:9px;margin-bottom:20px}.cb-workspace{display:grid;grid-template-columns:minmax(220px,1.05fr) minmax(170px,.85fr) minmax(245px,1.05fr);gap:18px;align-items:start}.cb-subhead{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:34px;margin-bottom:8px}.cb h3{font-size:17px;font-weight:600;color:#e9f2fb;margin:0}.cb-subhead button{border:0;background:none;color:#9eb8cc;font-size:11px;padding:5px}.cb-subhead span{font-size:10px;color:#95c5b1}.cb-set-label{margin-bottom:12px}.cb-slot{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:5px;margin:5px 0}.cb-item{width:100%;text-align:left;display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;border:1px solid #30485d;background:#112131;color:#dfeaf6;border-radius:6px;padding:7px 9px;min-height:45px}.cb-item:hover{border-color:#7bacc5;background:#1c3347}.cb-item small{display:block;color:#8fa7bb;font-size:9px;line-height:1.4}.cb-item strong{display:block;font-size:11px;line-height:1.4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:500}.cb-glyph{font-size:21px;text-align:center;color:#a6cada}.cb-slot input{font-size:11px!important;padding:4px!important;min-height:32px!important;align-self:stretch;text-align:center}.cb-slot.is-empty .cb-item{border-style:dashed;opacity:.68}.cb-avatar-panel{position:sticky;top:20px;text-align:center;min-width:0}.cb-avatar-caption span{display:block;font-size:10px;color:#839cb1;text-transform:uppercase;letter-spacing:2px}.cb-avatar-caption strong{font-family:Prata,Georgia,serif;font-size:20px;font-weight:400;color:#e5edf6}.cb-avatar{width:100%;height:385px;overflow:visible}.cb-person [id]{opacity:.2;transition:opacity .2s,fill .2s,filter .2s}.cb-person [id].equipped{opacity:1;fill:#53758b;filter:drop-shadow(0 0 3px #abdff644)}.cb-person [id].enchanted{filter:drop-shadow(0 0 6px #73dfff);fill:#93e6ff}.cb-avatar-note{font-size:10px;letter-spacing:1px;color:#aac2d3;margin-top:-15px}.cb-avatar-note small{font-size:9px;letter-spacing:0;color:#708ba2}.cb-bases{display:grid;grid-template-columns:repeat(3,1fr);margin:25px 0;gap:10px}.cb-bases span{font-size:9px;color:#8da9be}.cb-bases strong{display:block;font-size:21px;color:#dceaf7;font-weight:500}.cb-stats-panel{background:#09131e99;border:1px solid #283f53;border-radius:8px;padding:14px}.cb-stat{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #213345;font-size:11px;color:#a7bdcf}.cb-stat strong{font-size:17px;color:#e8f4fc;font-weight:600}.cb-stat:nth-child(-n+3) strong{color:#abe0cd}.cb-stat em{font-size:10px;font-style:normal;margin-left:5px;color:#87dcc1}.cb-stat em.down{color:#e69e9e}.cb .cb-conditions{font-size:10px;line-height:1.6;margin:14px 0}.cb .cb-error{color:#ffb5a0;border-left:2px solid #dd9e79;padding:8px;background:#512b2422}.cb-primary,.cb-secondary{border:1px solid #527389;border-radius:6px;padding:11px 15px;font-size:12px;font-weight:600}.cb-primary{background:#b8e3ef;color:#102432;border-color:#b8e3ef}.cb-secondary{background:#172c3c;color:#c6deed}.cb-primary:hover{background:#d2f3fc}.cb-secondary:hover{background:#27475b}.cb button:disabled{cursor:default;opacity:.45}.cb-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid #30475b;margin-top:22px;padding-top:20px}.cb-actions span{font-size:11px;color:#9fd9bd}.cb-enchant{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:28px;margin-top:28px;padding:24px 0 4px;border-top:1px solid #30475b}.cb-enchant h3{font-family:Prata,Georgia,serif;font-size:25px;font-weight:400}.cb-enchant label strong{font-size:22px;color:#bdeafa}.cb input[type=range]{width:100%;accent-color:#a4dff3;cursor:pointer;margin:12px 0}.cb-scale{display:flex;justify-content:space-between;font-size:9px;color:#829eb4}.cb-chance>span{font-size:11px;color:#a0b6c9}.cb-chance>strong{display:block;font-size:42px;color:#b8e4f2;font-weight:500;line-height:1.5}.cb-chance-track{height:5px;background:#294153;border-radius:5px;overflow:hidden}.cb-chance-track i{height:100%;display:block;background:#addfef;transition:width .2s}.cb-chance small{font-size:10px;line-height:1.6;color:#7e9aaf;display:block}.cb-training button{width:100%;margin-top:12px}.cb-training p{font-size:10px;min-height:52px}.cb-details{font-size:11px;color:#a0b8cd;border-top:1px solid #263e52;margin-top:25px;padding-top:15px}.cb-details summary{cursor:pointer}.cb-details p{font-size:11px}.cb #cb-shopping{border:1px solid #345065;margin-top:16px;padding:16px;border-radius:8px;font-size:12px;white-space:pre-wrap;color:#b7ccdf}.cb dialog{color:#eaf3fb;background:#101e2b;border:1px solid #52728a;border-radius:12px;padding:24px;width:min(760px,95vw);max-height:85vh;box-shadow:0 30px 120px #0009}.cb dialog::backdrop{background:#02070dd9;backdrop-filter:blur(5px)}.cb-picker-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.cb-picker-heading button{background:none;border:0;font-size:22px;color:#dceafa}.cb-filters{display:grid;grid-template-columns:2fr 80px 1fr;gap:12px}.cb #cb-results{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:48vh;overflow:auto;margin:14px 0}.cb #cb-results .cb-item{min-height:62px}.cb #cb-results strong{white-space:normal}.cb #cb-more{width:100%}.cb [hidden]{display:none!important}@media(max-width:980px){.cb{padding:22px}.cb-workspace{grid-template-columns:1fr 170px 1fr;gap:12px}.cb-avatar{height:320px}.cb-enchant{gap:18px}.cb h2{font-size:29px}}@media(max-width:760px){.cb{padding:18px;margin:30px 0}.cb-heading{display:block}.cb-live{display:inline-block;margin-top:10px}.cb-controls{grid-template-columns:1fr 1fr;padding:12px}.cb-class-label{grid-column:1/-1;grid-row:2}.cb-workspace{grid-template-columns:1fr 1fr}.cb-avatar-panel{position:static;grid-row:1;grid-column:2}.cb-wardrobe{grid-row:1;grid-column:1}.cb-stats-panel{grid-column:1/-1}.cb #cb-stats{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.cb-avatar{height:300px}.cb-avatar-caption strong{font-size:15px}.cb-enchant{grid-template-columns:1fr 1fr}.cb-enchant>div:first-child{grid-column:1/-1}.cb-filters{grid-template-columns:1fr 1fr}.cb-filters label:first-child{grid-column:1/-1}.cb #cb-results{grid-template-columns:1fr}.cb h2{font-size:26px}.cb-bases{gap:5px}.cb-avatar-note{font-size:9px}.cb-actions button{width:100%}.cb-slot{grid-template-columns:minmax(0,1fr) 35px}.cb-item{padding:6px;grid-template-columns:20px minmax(0,1fr);gap:4px}.cb-glyph{font-size:17px}.cb-slot strong{font-size:10px}}
.cb[data-race=DWARF] .cb-person{transform:translate(0,95px) scale(1,.75);transform-origin:center}.cb[data-race=ORC] .cb-person{transform:scaleX(1.15);transform-origin:center;stroke:#95b59b}.cb[data-race=ELF] .cb-person,.cb[data-race=DARK_ELF] .cb-person{transform:scaleX(.88);transform-origin:center}.cb[data-race=DARK_ELF] .cb-person{stroke:#b19bd7}.cb[data-race=KAMAEL] .cb-person{stroke:#d9b5bd}.cb[data-sex=female] .cb-avatar{filter:hue-rotate(12deg)}
.cb label{margin:0;letter-spacing:0}.cb .cb-set-label{margin-bottom:12px}.cb .cb-controls{align-items:start}.cb .cb-controls label{min-width:0}.cb .cb-controls select{max-width:100%}

/* Inventory window inspired by the game's equipment grid. */
.cb-wardrobe{padding:14px;border:2px ridge #80735a;background:linear-gradient(140deg,#38382f,#181c1c 60%);box-shadow:inset 0 0 0 2px #121614,0 5px 20px #0005}.cb-wardrobe .cb-subhead{border-bottom:1px solid #80735a;padding-bottom:10px}.cb-wardrobe h3{font-family:Georgia,serif;color:#e4d6b5}.cb #cb-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.cb-slot{display:flex;flex-direction:column;gap:3px;margin:0;min-width:0}.cb-slot .cb-item{height:66px;display:flex;flex-direction:column;justify-content:center;padding:3px;border:2px ridge #71674f;border-radius:0;background:radial-gradient(ellipse at center,#464b40,#1a211f);gap:2px;overflow:hidden}.cb-slot .cb-item>span:last-child{max-width:100%}.cb-slot .cb-item small{font-size:8px;text-align:center;color:#d3c49e}.cb-slot .cb-item strong{display:none}.cb-slot .cb-glyph{font-size:26px;color:#e5d09a;text-shadow:0 2px 3px #000}.cb-slot.is-empty .cb-item{border-style:ridge;opacity:.5}.cb-slot input{height:24px;min-height:24px!important;font-size:10px!important;border-color:#5f5a49;border-radius:0}.cb-forge-select{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;margin:14px 0}.cb-forge-select label{min-width:0}.cb-forge-select select{max-width:100%}@media(max-width:760px){.cb-workspace{grid-template-columns:1fr}.cb-wardrobe{grid-column:1;grid-row:2}.cb-avatar-panel{grid-column:1;grid-row:1}.cb #cb-slots{grid-template-columns:repeat(4,minmax(0,1fr))}.cb-slot .cb-item{height:70px}.cb-stats-panel{grid-row:3}}

#cb-model{height:440px;width:100%;background:radial-gradient(ellipse at 50% 60%,#30404877,transparent 70%);touch-action:none}#cb-model canvas{display:block}.cb-slot .cb-glyph img{image-rendering:auto;width:36px;height:36px}.cb-avatar-panel{min-width:220px}#cb-model-status{min-height:42px;font-size:10px;line-height:1.5}@media(max-width:760px){#cb-model{height:380px}}

.cb-set-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.cb-slot .cb-item small{line-height:1.2}.cb-slot .cb-glyph{line-height:36px;height:36px}.cb-slot .cb-item{height:74px}.cb-slot .cb-item>span:last-child{overflow:hidden;width:100%}

#cb-enchant{width:100%;height:12px;accent-color:#d4af66}#cb-slots input[readonly]{opacity:.75;cursor:default}

/* Enchant progress uses the attained level; chance remains a separate meter. */
.cb-enchant{--enchant-glow:#c5d1dc;position:relative;border-radius:8px}
#cb-enchant{appearance:none;-webkit-appearance:none;border:0;border-radius:8px;overflow:hidden;background:#243445;color:var(--enchant-glow);box-shadow:0 0 9px color-mix(in srgb,var(--enchant-glow) 35%,transparent);transition:box-shadow .3s}
#cb-enchant::-webkit-progress-bar{background:#243445;border-radius:8px}
#cb-enchant::-webkit-progress-value{background:var(--enchant-glow);border-radius:8px;box-shadow:0 0 14px var(--enchant-glow);transition:width .35s ease,background .35s ease}
#cb-enchant::-moz-progress-bar{background:var(--enchant-glow);border-radius:8px;box-shadow:0 0 14px var(--enchant-glow)}
.cb #cb-enchant-value{color:var(--enchant-glow);text-shadow:0 0 12px color-mix(in srgb,var(--enchant-glow) 55%,transparent);transition:color .3s}
.cb-roll-success{animation:cb-forge-success .7s ease-out}.cb-roll-failure{animation:cb-forge-failure .65s ease-out}
.cb-roll-success #cb-roll-result{color:#a8efcf}.cb-roll-failure #cb-roll-result{color:#ffb0a7}
@keyframes cb-forge-success{0%{box-shadow:inset 0 0 0 #79e6bc00}28%{box-shadow:inset 0 0 34px #79e6bc30}100%{box-shadow:inset 0 0 0 #79e6bc00}}
@keyframes cb-forge-failure{0%,100%{transform:translateX(0);box-shadow:inset 0 0 0 #ef796b00}20%{transform:translateX(-2px);box-shadow:inset 0 0 30px #ef796b25}40%{transform:translateX(2px)}60%{transform:translateX(-1px)}}
@media(prefers-reduced-motion:reduce){.cb-roll-success,.cb-roll-failure{animation:none}#cb-enchant::-webkit-progress-value,.cb #cb-enchant-value{transition:none}}