/* CritterCodex v0.7.3: three-color responsive theme built from user palette. */
:root{
 --cc-base:#1b1027;--cc-primary:#9548d3;--cc-highlight:#e8bb70;--cc-ink:#f7eefc;
 --cc-muted:#c5b5d0;--cc-mix:#f4defb;--cc-on-primary:#ffffff;
 --cc-surface:color-mix(in srgb,var(--cc-base) 89%,var(--cc-mix));
 --cc-raised:color-mix(in srgb,var(--cc-base) 79%,var(--cc-mix));
 --cc-control:color-mix(in srgb,var(--cc-base) 67%,var(--cc-mix));
 --cc-line:color-mix(in srgb,var(--cc-highlight) 43%,var(--cc-base));
 --cc-glow:color-mix(in srgb,var(--cc-primary) 40%,transparent);
 --gold:var(--cc-highlight);--accent:var(--cc-primary);--panel:var(--cc-surface);--card:var(--cc-raised);
 --line:var(--cc-line);--soft:var(--cc-muted);--success:#76d59b;--danger:#ff929c;
 color:var(--cc-ink);background:var(--cc-base);color-scheme:dark;
}
html,body{background:var(--cc-base)!important;color:var(--cc-ink)!important}
body{background-image:radial-gradient(ellipse at 50% -300px,color-mix(in srgb,var(--cc-primary) 20%,transparent),transparent 60%)!important}
a{color:var(--cc-highlight)}
.cc-topbar{height:59px;display:flex;align-items:center;gap:25px;position:sticky;top:0;z-index:90;padding:0 18px;background:color-mix(in srgb,var(--cc-base) 78%,#06030a);border-bottom:1px solid var(--cc-line);box-shadow:0 8px 24px #0003}
.cc-top-brand{display:flex;align-items:center;gap:9px;border:0;background:none;color:var(--cc-highlight);font-size:20px;font-family:Georgia,serif;letter-spacing:-.02em;font-weight:700;padding:0 12px 0 0;white-space:nowrap}
.cc-top-paw{font-size:25px;filter:drop-shadow(0 2px 3px #0006)}.cc-topbar nav{display:flex;align-items:center;gap:4px;flex:1;overflow:auto;scrollbar-width:none;height:100%}.cc-topbar nav::-webkit-scrollbar{display:none}
.cc-top-link{white-space:nowrap;flex:0 0 auto;display:grid;place-items:center;min-height:39px;padding:0 19px;color:var(--cc-ink);text-decoration:none;border:1px solid transparent;background:transparent;border-radius:9px;font-size:14px;font-weight:550}
.cc-top-link:hover,.cc-top-link.active{background:color-mix(in srgb,var(--cc-primary) 32%,var(--cc-base));border-color:color-mix(in srgb,var(--cc-primary) 70%,var(--cc-highlight));box-shadow:0 0 13px var(--cc-glow);text-decoration:none}
.cc-top-right{display:flex;align-items:center;gap:9px}.cc-top-icon{border:0;background:none;color:var(--cc-ink);font-size:22px}.cc-avatar-mini{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--cc-highlight);background:var(--cc-raised)}.cc-version{color:var(--cc-muted);font-size:11px;border:1px solid var(--cc-line);padding:4px 8px;border-radius:999px;white-space:nowrap}
.shell{display:grid;grid-template-columns:176px minmax(0,1fr);min-height:calc(100dvh - 59px)}
.side{position:sticky;top:59px;height:calc(100dvh - 59px);background:color-mix(in srgb,var(--cc-base) 89%,#000);border:1px solid var(--cc-line);border-radius:15px;margin:12px 0 12px 9px;padding:13px 8px;box-shadow:inset 0 0 30px color-mix(in srgb,var(--cc-primary) 7%,transparent)}
.cc-side-profile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:9px 3px 16px;border-bottom:1px solid var(--cc-line);margin-bottom:10px}.cc-side-profile .portrait.large{width:94px;height:94px;flex-basis:94px;border-radius:50%;border:2px solid var(--cc-highlight);background:var(--cc-raised);font-size:42px;display:grid;place-items:center;margin-bottom:8px;object-fit:cover}
.cc-side-profile strong{font-size:19px;font-family:Georgia,serif;overflow-wrap:anywhere;max-width:100%}.cc-side-profile small{font-size:11px;color:var(--cc-muted);line-height:1.4}.cc-avatar{width:75px;height:75px;border-radius:50%;background:var(--cc-raised);display:grid;place-items:center;font-size:36px;margin:7px}
.cc-side-menu{display:flex;flex-direction:column;gap:4px}.side .nav{padding:10px 12px;font-size:13px;border:1px solid transparent;color:var(--cc-ink);min-height:39px;gap:9px}.side .nav b{min-width:16px;font-size:16px;font-weight:600}.side .nav.active{background:color-mix(in srgb,var(--cc-primary) 48%,var(--cc-base));border-color:var(--cc-primary);box-shadow:inset 0 0 10px var(--cc-glow),0 0 8px var(--cc-glow);color:#fff}.side .nav:hover{background:color-mix(in srgb,var(--cc-primary) 23%,var(--cc-base))}.side .bottom{padding:13px 9px;border-color:var(--cc-line);font-size:11px;color:var(--cc-muted)}.side .bottom strong{color:var(--cc-ink)}
.main{width:100%;max-width:none;padding:12px clamp(12px,1.5vw,28px) 40px;margin:0;min-width:0}.main>.row.between:first-child{min-height:36px;padding:2px 0}.main .charhead{padding:0 0 8px;border-bottom:0}.cc-character-header{display:none}.main>.sectiontabs{display:none}
.panel{background:var(--cc-surface);border:1px solid var(--cc-line);border-radius:14px;padding:17px;box-shadow:0 0 0 1px color-mix(in srgb,var(--cc-primary) 7%,transparent),0 4px 15px #0002;color:var(--cc-ink);min-width:0}
.panel h2,.cc-journal-panel h2,.cc-settings-header h1{font-family:Georgia,'Times New Roman',serif;font-size:24px;font-weight:700;line-height:1.15;letter-spacing:-.015em;color:var(--cc-ink)}.panel h3{font-size:15px;color:var(--cc-ink)}.eyebrow{color:var(--cc-highlight)}.muted{color:var(--cc-muted)}
.btn{background:var(--cc-primary);border:1px solid color-mix(in srgb,var(--cc-primary) 65%,var(--cc-highlight));color:var(--cc-on-primary);box-shadow:0 0 8px color-mix(in srgb,var(--cc-primary) 13%,transparent);border-radius:9px}.btn.secondary{background:var(--cc-raised);color:var(--cc-ink);border-color:var(--cc-line)}.btn.ghost{background:transparent;color:var(--cc-ink);border-color:var(--cc-line)}.btn.danger{background:color-mix(in srgb,#e14f70 33%,var(--cc-base));color:var(--cc-ink);border-color:#c46b83}
input,select,textarea{color:var(--cc-ink);background:var(--cc-raised);border:1px solid var(--cc-line);border-radius:8px;accent-color:var(--cc-primary)}input::placeholder,textarea::placeholder{color:var(--cc-muted)}
.metric,.stat,.ability,.chip,.pill,.tag{border-color:var(--cc-line);color:var(--cc-ink)}.chip,.pill,.tag{background:var(--cc-raised)}.stat{background:var(--cc-raised)}.card{background:var(--cc-raised);border-color:var(--cc-line);color:var(--cc-ink)}.card:hover{border-color:var(--cc-highlight)}.sectiontabs button.active{color:var(--cc-on-primary);background:var(--cc-primary)}.error{border-color:var(--danger)}
.cc-equipment-dashboard{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.9fr);gap:13px;align-items:start}.cc-dashboard-primary,.cc-dashboard-secondary{min-width:0;display:flex;flex-direction:column;gap:13px}.cc-panel-title{padding-bottom:9px;border-bottom:1px solid var(--cc-line);margin-bottom:11px}.cc-panel-title h2{margin:0}.cc-gear-panel{padding:16px 14px}.cc-gear-tabs{display:flex;gap:7px;overflow-x:auto;margin:8px 0 16px}.cc-gear-tabs button{border-radius:8px;border:1px solid var(--cc-line);padding:9px 12px;color:var(--cc-ink);background:var(--cc-raised);white-space:nowrap;font-size:12px}.cc-gear-tabs button.active{background:var(--cc-primary);color:var(--cc-on-primary);box-shadow:0 0 10px var(--cc-glow)}
.cc-equipment-main{display:grid;grid-template-columns:77px minmax(135px,1fr) 77px minmax(160px,.9fr);gap:9px;align-items:center;justify-content:center;min-width:0}.cc-slot-column{display:flex;flex-direction:column;gap:6px}.cc-equip-slot{min-height:56px;height:56px;padding:3px 2px;gap:2px;border:1px solid var(--cc-line);background:var(--cc-raised);border-radius:10px;color:var(--cc-ink);display:flex;flex-direction:column;align-items:center;justify-content:center}.cc-equip-slot.cc-filled{background:color-mix(in srgb,var(--cc-primary) 21%,var(--cc-raised));border-color:var(--cc-highlight)}.cc-equip-slot:hover,.cc-equip-slot:focus-visible{border-color:var(--cc-highlight);background:color-mix(in srgb,var(--cc-primary) 24%,var(--cc-base))}.cc-equip-label{font-size:10px;line-height:1.2}.cc-equip-icon{width:29px;height:29px;min-height:29px;font-size:23px;color:var(--cc-highlight)}.cc-equip-icon .cc-item-icon{width:29px;height:29px;min-width:29px;max-width:29px}.cc-silhouette{min-height:460px;max-height:550px;width:100%;display:flex;align-items:center;justify-content:center;background:transparent}.cc-silhouette img{width:100%;height:485px;max-height:66dvh;object-fit:contain;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--cc-primary) 26%,transparent))}.cc-gear-summary{min-width:0;border:1px solid var(--cc-line);border-radius:10px;padding:11px;background:var(--cc-raised);font-size:12px}.cc-gear-summary h3{font-family:Georgia,serif;font-size:16px;margin:0 0 10px}.cc-gear-summary .metric{padding:8px 0}.cc-gear-summary .btn{width:100%;font-size:11px;margin-top:10px}
.cc-transmog-panel{border:1px solid var(--cc-line);background:var(--cc-raised);padding:16px;border-radius:12px}.cc-transmog-panel input{max-width:100%}
.cc-inventory-mini{padding:15px;min-height:0}.cc-inventory-mini h2{margin:0}.cc-wallet{font-size:14px;color:var(--cc-highlight);font-weight:750;white-space:nowrap}.cc-inventory-mini-actions{margin:13px 0;gap:6px}.cc-inv-mini-tools{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:7px;margin:10px 0}.cc-inv-mini-tools input,.cc-inv-mini-tools select{width:100%;min-width:0;padding:9px;font-size:12px;min-height:38px}.cc-gear-inv-items{max-height:370px;overflow-y:auto;border:1px solid var(--cc-line);border-radius:9px;scrollbar-color:var(--cc-primary) transparent}.cc-mini-inv-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid var(--cc-line);min-height:54px}.cc-mini-inv-row[hidden]{display:none}.cc-mini-inv-row .cc-item-icon{width:33px;height:33px;min-width:33px;max-width:33px;background:var(--cc-raised)}.cc-mini-inv-copy{flex:1;min-width:60px}.cc-mini-inv-copy strong,.cc-mini-inv-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-mini-inv-copy strong{font-size:12px}.cc-mini-inv-copy small{font-size:10px;color:var(--cc-muted)}.cc-item-cost{font-size:11px;color:var(--cc-highlight)}.cc-mini-inventory-footer{justify-content:space-between;margin-top:9px}.cc-empty-mini{padding:17px;color:var(--cc-muted);font-size:12px}
.cc-condition-panel{padding:15px}.cc-condition-panel h2{margin:0}.cc-condition-row{display:flex;align-items:center;gap:10px;border:1px solid var(--cc-line);background:var(--cc-raised);padding:9px;border-radius:9px;margin-top:8px;font-size:12px}.cc-condition-emblem{font-size:21px;color:var(--cc-highlight)}.cc-condition-row strong{min-width:80px}.cc-condition-description{color:var(--cc-muted);flex:1}.cc-journal-mini h2{margin:0}.cc-mini-journal-row{display:flex;width:100%;gap:10px;justify-content:space-between;padding:10px;background:var(--cc-raised);border:1px solid var(--cc-line);border-radius:8px;margin:7px 0;color:var(--cc-ink);text-align:left}.cc-mini-journal-row span{color:var(--cc-muted);font-size:11px}.cc-journal-mini>.btn{margin-top:8px}
.cc-inv-content,.cc-shop-panel,.cc-gear-panel,.shop-controls,.shop-detail,.cc-inv-row{border-color:var(--cc-line)}.cc-inv-row,.cc-group-name,.shop-products .shop-product,.shop-detail,.shop-controls{background:var(--cc-raised);color:var(--cc-ink)}.cc-group-name{color:var(--cc-highlight)}.shop-products .shop-product{border-color:var(--cc-line)}.shop-products .shop-product.active{background:color-mix(in srgb,var(--cc-primary) 25%,var(--cc-base));border-color:var(--cc-highlight)}
/* Journal editor: entry selector / toolbar / live split view. */
.cc-journal-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:13px;min-height:460px}.cc-journal-entries{display:flex;flex-direction:column;gap:7px;border:1px solid var(--cc-line);background:var(--cc-raised);border-radius:10px;padding:10px;overflow-y:auto}.cc-journal-entry{border:1px solid transparent;border-radius:8px;padding:10px;text-align:left;background:transparent;color:var(--cc-ink)}.cc-journal-entry:hover,.cc-journal-entry.active{border-color:var(--cc-primary);background:color-mix(in srgb,var(--cc-primary) 25%,var(--cc-base))}.cc-journal-entry strong,.cc-journal-entry small{display:block}.cc-journal-entry small{color:var(--cc-muted);font-size:10px;margin-top:5px}.cc-journal-editor{min-width:0}.cc-journal-entry-head{display:flex;gap:8px;align-items:center;margin-bottom:8px}.cc-journal-entry-head input{flex:1;min-width:0;font-size:17px;font-weight:700;padding:10px}.cc-journal-entry-head #cc-journal-status{font-size:11px;color:var(--cc-muted);white-space:nowrap;min-width:115px;text-align:right}.cc-md-tools{display:flex;gap:3px;flex-wrap:wrap;border:1px solid var(--cc-line);padding:5px;background:var(--cc-raised);border-radius:9px 9px 0 0}.cc-md-tools button{font-size:12px;min-width:31px;padding:6px 9px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--cc-ink)}.cc-md-tools button:hover{border-color:var(--cc-highlight);background:var(--cc-primary)}.cc-journal-duo{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cc-md-edit,.cc-md-preview{min-width:0;display:flex;flex-direction:column}.cc-md-edit label,.cc-md-preview>span{font-size:11px;color:var(--cc-muted);padding:6px}.cc-md-edit textarea{resize:vertical;height:350px;min-height:250px;line-height:1.65;background:var(--cc-raised);border-color:var(--cc-line);font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;padding:12px}.cc-markdown{height:350px;min-height:250px;overflow-y:auto;border:1px solid var(--cc-line);border-radius:9px;padding:14px;background:var(--cc-raised);font-size:13px;line-height:1.6;overflow-wrap:anywhere}.cc-markdown h1,.cc-markdown h2,.cc-markdown h3{font-family:Georgia,serif;color:var(--cc-ink);margin:10px 0}.cc-markdown h1{font-size:24px}.cc-markdown h2{font-size:19px}.cc-markdown h3{font-size:15px}.cc-markdown p{margin:8px 0}.cc-markdown blockquote{border-left:3px solid var(--cc-primary);padding:6px 9px;margin:6px 0;background:color-mix(in srgb,var(--cc-primary) 13%,var(--cc-raised))}.cc-markdown pre,.cc-markdown code{background:color-mix(in srgb,#000 24%,var(--cc-raised));padding:2px 4px;border-radius:3px;white-space:pre-wrap}.cc-markdown li{margin:3px 0}.cc-journal-hint{font-size:11px}
/* Live three-color themes; all supplementary tones are computed by CSS mixes. */
.cc-settings-header{margin:14px 0 16px}.cc-settings-header h1{margin:7px 0;font-size:30px}.cc-settings-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:14px}.cc-settings-categories{display:flex;flex-direction:column;gap:7px;align-self:start}.cc-settings-categories a{display:block;border:1px solid var(--cc-line);padding:11px;border-radius:8px;color:var(--cc-ink)}.cc-settings-content{display:grid;gap:15px;min-width:0}.cc-theme-presets{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 25px}.cc-theme-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px;min-width:116px;border:1px solid var(--cc-line);border-radius:10px;color:var(--cc-ink);background:var(--cc-raised)}.cc-theme-card.active,.cc-theme-card:hover{border-color:var(--cc-primary);box-shadow:0 0 13px var(--cc-glow)}.cc-theme-dots{display:flex;justify-content:center;margin-left:12px}.cc-theme-dots i{display:block;width:25px;height:25px;border:1px solid #fffa;border-radius:50%;margin-left:-8px}.cc-theme-card strong{font-size:12px}.cc-theme-edit{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);gap:16px}.cc-theme-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.cc-theme-color{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--cc-raised);padding:14px 8px;border:1px solid var(--cc-line);border-radius:10px;text-align:center}.cc-theme-color b,.cc-theme-color small{display:block}.cc-theme-color small{font-size:10px;color:var(--cc-muted);margin-top:4px}.cc-theme-color input{width:62px;height:57px;border-radius:9px;cursor:pointer;padding:2px}.cc-theme-color code{font-size:11px;color:var(--cc-muted)}.cc-theme-preview{border:1px solid var(--cc-line);padding:12px;border-radius:10px;background:var(--cc-raised)}.cc-theme-preview h3{margin-bottom:8px}.cc-preview-window{background:var(--cc-base);border:1px solid var(--cc-line);border-radius:9px;overflow:hidden}.cc-preview-top{display:flex;justify-content:space-between;background:var(--cc-primary);color:var(--cc-on-primary);padding:7px;font-size:11px}.cc-preview-card{padding:10px}.cc-preview-card p{font-size:11px}.cc-preview-meter{height:8px;border-radius:99px;background:var(--cc-raised);overflow:hidden;margin:12px 0}.cc-preview-meter i{display:block;background:var(--cc-primary);width:72%;height:100%}.cc-preview-card .row{margin:11px 0 2px}.cc-preview-card .chip{font-size:10px}.cc-theme-admin{margin-top:19px;padding-top:17px;border-top:1px solid var(--cc-line)}.cc-theme-admin input{min-width:210px;flex:1;max-width:350px}.settings h3{margin:25px 0 7px}
/* Phone/tablet: maintain compact character navigation and functional editors. */
@media(max-width:1370px){.cc-equipment-main{grid-template-columns:70px minmax(100px,1fr) 70px}.cc-gear-summary{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;align-items:center;gap:8px}.cc-gear-summary h3{grid-column:1/-1}.cc-silhouette,.cc-silhouette img{max-height:450px;height:450px}.cc-equip-slot{height:52px;min-height:52px}.cc-condition-description{font-size:11px}}
@media(max-width:1000px){.cc-equipment-dashboard{grid-template-columns:minmax(0,1fr)}.cc-dashboard-secondary{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr)}.cc-inventory-mini{grid-row:1/3}.cc-gear-summary{grid-column:auto;display:block}.cc-equipment-main{grid-template-columns:75px minmax(135px,1fr) 75px minmax(160px,.9fr)}.cc-silhouette,.cc-silhouette img{height:480px;max-height:480px}.cc-settings-layout{grid-template-columns:1fr}.cc-settings-categories{display:flex;flex-direction:row;flex-wrap:wrap}}
@media(max-width:720px){.cc-topbar{height:54px;padding:0 8px;gap:7px}.cc-top-brand{font-size:16px;padding:0}.cc-top-paw{font-size:20px}.cc-topbar nav{gap:1px}.cc-top-link{font-size:11px;padding:0 9px;min-height:34px}.cc-avatar-mini,.cc-top-icon{display:none}.cc-version{font-size:10px;padding:3px 5px}.shell{display:block}.side{position:sticky;top:54px;z-index:75;height:auto;margin:0;padding:5px;border:0;border-bottom:1px solid var(--cc-line);border-radius:0;overflow:hidden}.cc-side-profile,.side .bottom{display:none}.cc-side-menu{display:flex;flex-direction:row;gap:3px;overflow-x:auto;scrollbar-width:none}.side .nav{flex:0 0 auto;min-height:32px;padding:8px 10px;white-space:nowrap;font-size:11px}.side .nav b{font-size:13px;min-width:0}.main{padding:10px 9px 40px}.main .charhead{display:none}.panel{padding:13px}.cc-dashboard-secondary{display:flex}.cc-equipment-main{grid-template-columns:58px minmax(0,1fr) 58px;gap:5px}.cc-equip-slot{height:50px;min-height:50px}.cc-equip-label{font-size:9px}.cc-equip-icon{font-size:20px}.cc-gear-summary{grid-column:1/-1;display:block}.cc-silhouette,.cc-silhouette img{height:405px;max-height:405px}.cc-journal-layout{grid-template-columns:1fr}.cc-journal-entries{display:flex;flex-direction:row;min-height:78px;overflow-x:auto}.cc-journal-entry{min-width:145px}.cc-journal-duo{grid-template-columns:1fr}.cc-markdown,.cc-md-edit textarea{height:240px}.cc-theme-edit{grid-template-columns:1fr}.cc-theme-colors{grid-template-columns:repeat(3,minmax(0,1fr))}.cc-theme-color{padding:10px 4px}.cc-theme-card{min-width:95px}.cc-gear-summary .metric{padding:7px}.cc-condition-row{flex-wrap:wrap}}

/* Private theme templates use the same palette cards as community templates. */
.cc-theme-card-wrap{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:105px}
.cc-theme-card-wrap .cc-theme-card{width:100%;height:100%;min-height:94px}
.cc-theme-remove{background:transparent;color:var(--cc-muted);border:1px solid transparent;padding:4px 8px;border-radius:7px;cursor:pointer;font-size:11px}
.cc-theme-remove:hover,.cc-theme-remove:focus-visible{color:var(--cc-ink);border-color:var(--cc-line)}
.cc-theme-save{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:2px 0 22px}
.cc-theme-save input{flex:1;min-width:190px;max-width:380px}

/* v0.7.3: a single, information-dense desktop command center. Panels scale
   with available space rather than leaving empty margins and tall blank cards. */
.cc-command-center{display:flex;flex-direction:column;gap:12px;max-width:100%;min-width:0}
.cc-command-center .panel{padding:13px 14px;border-radius:11px}
.cc-command-center .panel h2{font-size:19px;margin:0}
.cc-command-center .panel h3{margin:0 0 7px;font-size:13px}
.cc-command-center .cc-panel-title{margin-bottom:9px}
.cc-command-center .muted{font-size:12px}
.cc-command-vitals{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.cc-vitals-grid{display:grid;grid-template-columns:repeat(6,minmax(105px,1fr));flex:1 1 650px;gap:7px}
.cc-live-stat{background:var(--cc-raised);border:1px solid var(--cc-line);padding:9px 11px;border-radius:8px;min-width:0}
.cc-live-stat span{display:block;text-transform:uppercase;letter-spacing:.07em;color:var(--cc-muted);font-size:10px;margin-bottom:4px}
.cc-live-stat strong{display:block;color:var(--cc-ink);font-size:19px;line-height:1.18;white-space:nowrap}
.cc-vitals-actions{display:flex;align-items:center;flex-wrap:wrap;gap:5px}
.cc-vitals-actions .btn{padding:7px 9px;min-height:32px}
.cc-vitals-caption{font-size:10px;color:var(--cc-muted);text-transform:uppercase;white-space:nowrap}
.cc-command-upper{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:12px;align-items:start}
.cc-command-upper>div{min-width:0}
.cc-command-upper>div>.panel{height:100%}
.cc-command-gear .cc-equipment-main{grid-template-columns:65px minmax(105px,1fr) 65px minmax(145px,.8fr);gap:6px}
.cc-command-gear .cc-silhouette{min-height:390px;max-height:440px}
.cc-command-gear .cc-silhouette img{height:410px;max-height:410px}
.cc-command-gear .cc-equip-slot{height:48px;min-height:48px;border-radius:7px}
.cc-command-gear .cc-equip-label{font-size:9px}
.cc-command-gear .cc-equip-icon{font-size:20px;min-height:24px;height:24px}
.cc-command-gear .cc-equip-icon .cc-item-icon{height:25px;width:25px;min-width:25px;max-width:25px}
.cc-command-gear .cc-gear-summary{padding:8px;font-size:11px}
.cc-command-gear .cc-gear-summary .metric{padding:6px 0}
.cc-command-gear .cc-gear-summary .muted{font-size:11px;line-height:1.35}
.cc-command-gear .cc-gear-tabs{margin:7px 0 10px}
.cc-command-gear .cc-gear-tabs button{padding:7px 9px;font-size:11px}
.cc-command-inventory .cc-inv-toolbar{margin:8px 0;gap:5px}
.cc-command-inventory .cc-inv-toolbar .btn{font-size:10px;padding:7px 9px;min-height:33px}
.cc-command-inventory .cc-inv-toolbar .cc-funds{font-size:12px}
.cc-command-inventory .cc-inv-filters{margin:8px 0}
.cc-command-inventory .cc-inv-filters label{font-size:11px}
.cc-command-inventory .cc-inv-filters input{width:min(220px,32vw);min-width:115px;padding:7px}
.cc-command-inventory .cc-inv-filters select{padding:7px}
.cc-command-inventory .cc-inv-content{max-height:430px;overflow-y:auto;scrollbar-color:var(--cc-primary) transparent}
.cc-command-inventory .cc-inv-row{min-height:49px;padding-top:5px;padding-bottom:5px;gap:6px}
.cc-command-inventory .cc-inv-row .cc-item-icon{width:30px;height:30px;min-width:30px;max-width:30px}
.cc-command-inventory .cc-inv-actions .btn{font-size:10px;padding:4px 5px;min-height:25px}
.cc-command-inventory .cc-inv-actions{gap:2px}
.cc-command-inventory .cc-inv-name strong{font-size:12px}
.cc-command-inventory .cc-inv-name small{font-size:10px}
.cc-command-inventory .cc-inv-row .cc-inv-check{padding:3px}
.cc-command-inventory .cc-inv-row .cc-inv-check input{width:14px;height:14px}
.cc-command-inventory .cc-inv-content+.muted{font-size:10px;display:block;margin-top:7px}
.cc-command-lower{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:12px;align-items:start}
.cc-command-utility{display:flex;flex-direction:column;gap:12px;min-width:0}
.cc-panel-kicker{color:var(--cc-muted);font-size:11px;margin:5px 0 10px}
.cc-skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.cc-skill-check{display:flex;align-items:center;gap:6px;text-align:left;min-width:0;padding:7px 8px;color:var(--cc-ink);background:var(--cc-raised);border:1px solid var(--cc-line);border-radius:7px;min-height:36px}
.cc-skill-check:hover,.cc-skill-check:focus-visible{border-color:var(--cc-highlight);background:color-mix(in srgb,var(--cc-primary) 22%,var(--cc-base))}
.cc-skill-check span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;flex:1;font-size:11px}
.cc-skill-check span:last-child{color:var(--cc-highlight);font-size:12px}
.cc-skill-check strong{color:var(--cc-ink);font-size:13px;font-variant-numeric:tabular-nums}
.cc-checks-foot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:11px;margin-top:13px;border-top:1px solid var(--cc-line);padding-top:10px}
.cc-ability-mini-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
.cc-ability-mini{padding:6px 3px;border:1px solid var(--cc-line);background:var(--cc-raised);border-radius:6px;text-align:center}
.cc-ability-mini span,.cc-ability-mini small{display:block;color:var(--cc-muted);font-size:9px}
.cc-ability-mini strong{display:block;font-size:16px;color:var(--cc-ink)}
.cc-save-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.cc-save-mini{display:flex;justify-content:space-between;gap:5px;border:1px solid var(--cc-line);background:var(--cc-raised);border-radius:6px;padding:6px 8px;font-size:11px}
.cc-save-mini b{font-variant-numeric:tabular-nums}
.cc-command-utility .cc-condition-row{min-height:37px;margin-top:6px;padding:7px}
.cc-command-utility .cc-condition-emblem{font-size:16px}
.cc-command-utility .cc-condition-row strong{min-width:auto;font-size:12px}
.cc-dash-spells{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:10px 0}
.cc-dash-spell{background:var(--cc-raised);border:1px solid var(--cc-line);padding:8px;border-radius:7px;display:flex;justify-content:space-between;gap:7px;min-width:0}
.cc-dash-spell span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-dash-spell small{color:var(--cc-muted);font-size:10px;white-space:nowrap}
.cc-command-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}
.cc-command-bottom>div{display:flex;flex-direction:column;gap:12px;min-width:0}
.cc-command-bottom .cc-trade-panel .metric{padding:7px 0}
.cc-edit-details,.cc-training-wrap{min-width:0}
.cc-edit-details>summary,.cc-training-wrap>summary{cursor:pointer;font-family:Georgia,serif;font-size:17px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:8px}
.cc-edit-details>summary::-webkit-details-marker,.cc-training-wrap>summary::-webkit-details-marker{display:none}
.cc-edit-details>summary span{font-family:system-ui,sans-serif;font-weight:400;font-size:11px;color:var(--cc-muted)}
.cc-edit-details-content{padding-top:14px;margin-top:10px;border-top:1px solid var(--cc-line)}
.cc-edit-details-content .field{margin-bottom:5px}
.cc-edit-details-content input,.cc-edit-details-content select{padding:7px;font-size:12px}
.cc-training-wrap{background:var(--cc-surface);border:1px solid var(--cc-line);border-radius:11px;padding:13px}
.cc-training-wrap>.panel{padding:12px 0 0;border:0;box-shadow:none;background:transparent}
.cc-focus-equipment,.cc-inventory-full{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:12px;align-items:start}
.cc-inventory-full .cc-inventory-panel{grid-column:1/-1}
.cc-theme-card-actions{display:flex;gap:6px;width:100%;justify-content:center}
.cc-theme-card-actions button{border:1px solid var(--cc-line);border-radius:7px;padding:5px 7px;background:var(--cc-raised);color:var(--cc-ink);font-size:11px}
.cc-theme-card-actions .cc-theme-edit-preset{border-color:var(--cc-primary)}
.cc-theme-card-actions button:hover{background:color-mix(in srgb,var(--cc-primary) 24%,var(--cc-base))}
@media(max-width:1550px){
 .cc-command-upper{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
 .cc-command-gear .cc-equipment-main{grid-template-columns:55px minmax(90px,1fr) 55px}
 .cc-command-gear .cc-gear-summary{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
 .cc-command-gear .cc-gear-summary h3,.cc-command-gear .cc-gear-summary p,.cc-command-gear .cc-gear-summary .btn{grid-column:1/-1;margin:0}
 .cc-vitals-grid{grid-template-columns:repeat(3,minmax(100px,1fr))}
}
@media(max-width:1180px){
 .cc-command-upper,.cc-command-lower{grid-template-columns:minmax(0,1fr)}
 .cc-command-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .cc-command-gear .cc-equipment-main{grid-template-columns:72px minmax(110px,1fr) 72px minmax(180px,.8fr)}
 .cc-command-gear .cc-gear-summary{grid-column:auto;display:block}
 .cc-command-upper .cc-inv-content{max-height:unset}
 .cc-vitals-grid{grid-template-columns:repeat(6,minmax(0,1fr));flex-basis:100%}
}
@media(max-width:720px){
 .cc-command-center{gap:8px}
 .cc-command-center .panel{padding:11px}
 .cc-command-vitals{display:block}
 .cc-vitals-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 .cc-live-stat{padding:7px}
 .cc-live-stat strong{font-size:16px}
 .cc-vitals-actions{margin-top:9px}
 .cc-command-upper,.cc-command-lower,.cc-command-bottom{display:flex;flex-direction:column;gap:8px}
 .cc-command-upper>div,.cc-command-lower>div,.cc-command-bottom>div{width:100%}
 .cc-command-gear .cc-equipment-main{grid-template-columns:52px minmax(0,1fr) 52px;gap:4px}
 .cc-command-gear .cc-gear-summary{grid-column:1/-1}
 .cc-command-gear .cc-silhouette,.cc-command-gear .cc-silhouette img{height:320px;max-height:320px;min-height:320px}
 .cc-command-gear .cc-equip-slot{height:42px;min-height:42px}
 .cc-command-gear .cc-equip-label{font-size:8px}
 .cc-skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cc-checks-foot{grid-template-columns:1fr}
 .cc-dash-spells{grid-template-columns:1fr}
 .cc-command-inventory .cc-inv-row{flex-wrap:wrap}
 .cc-command-inventory .cc-inv-row .cc-inv-actions{width:100%;justify-content:flex-end}
 .cc-command-inventory .cc-inv-filters label{flex:1 1 140px}
 .cc-command-inventory .cc-inv-filters input{width:100%}
 .cc-command-bottom .cc-edit-details-content .two{grid-template-columns:1fr}
}

/* Balanced side column fills the former dead space beneath inventory. */
.cc-command-inventory{display:flex;flex-direction:column;gap:12px;min-width:0}
.cc-command-upper>div>.panel{height:auto}
.cc-command-lower>.cc-command-utility{min-width:0}
.cc-command-bottom{display:block}
.cc-command-bottom .cc-command-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
@media(max-width:720px){.cc-command-inventory{gap:8px}.cc-command-bottom .cc-command-details{grid-template-columns:1fr}}