:root{color-scheme:dark}*{box-sizing:border-box}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.panel{border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(18,25,36,.96),rgba(11,16,24,.96));border-radius:12px;box-shadow:0 16px 45px rgba(0,0,0,.22)}.panel-title{padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;font-weight:700;letter-spacing:.04em;color:#e5e7eb;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border:1px solid #c69a50;border-radius:7px;background:#17130d;color:#e5bd75;font-family:Georgia,serif;font-weight:800}.soft-btn{border:1px solid rgba(255,255,255,.1);background:#111824;padding:7px 10px;border-radius:7px;color:#aeb8c7}.soft-btn:hover{background:#172131;color:white}.field-label{display:block;margin-bottom:7px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#778398}.input{width:100%;border:1px solid rgba(255,255,255,.1);background:#0a0f17;border-radius:7px;padding:9px 10px;color:#e5e7eb;outline:none}.input:focus{border-color:#b68a49;box-shadow:0 0 0 2px rgba(182,138,73,.12)}.realm-btn{padding:9px 4px;border-radius:7px;border:1px solid rgba(255,255,255,.08);background:#0a0f17;font-size:12px;color:#8995a7;transition:.15s}.realm-btn:hover,.realm-btn.active{color:white;transform:translateY(-1px)}.realm-btn.albion.active{border-color:#9e3c3c;background:rgba(128,35,35,.25)}.realm-btn.hibernia.active{border-color:#3d8655;background:rgba(34,104,58,.25)}.realm-btn.midgard.active{border-color:#416da2;background:rgba(40,82,132,.25)}.metric-list{padding:8px 12px 11px}.metric{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:6px 2px;border-bottom:1px solid rgba(255,255,255,.045);font-size:12px}.metric:last-child{border-bottom:0}.metric-name{color:#9aa6b8}.metric-value{min-width:54px;text-align:right;font-variant-numeric:tabular-nums;color:#d8dee8}.metric-value.capped{color:#d4a95f}.equipment-stage{position:relative;display:grid;grid-template-columns:minmax(170px,1fr) minmax(240px,360px) minmax(170px,1fr);align-items:center;gap:32px;min-height:690px;padding:96px 6% 110px}.slot-column{display:flex;flex-direction:column;gap:11px}.left-slots{align-items:flex-end}.right-slots{align-items:flex-start}.slot{width:min(100%,210px);display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(90deg,#0b111a,#101925);padding:9px 11px;border-radius:8px;color:#9ba7b8;text-align:left;font-size:12px;transition:.15s;box-shadow:inset 0 1px rgba(255,255,255,.025)}.slot:hover{border-color:rgba(198,154,80,.55);color:#e8edf4;background:#141d29}.slot.selected{border-color:#c69a50;color:#f2dfba;box-shadow:0 0 0 2px rgba(198,154,80,.09),inset 0 0 20px rgba(198,154,80,.05)}.slot.equipped .slot-icon{color:#d6ad66}.slot-icon{display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(255,255,255,.09);border-radius:6px;background:#080c12;color:#657286;font-size:15px}.character-core{position:relative;display:grid;place-items:center;aspect-ratio:1;max-width:350px;width:100%;margin:auto}.core-ring{position:absolute;border-radius:50%;border:1px solid rgba(198,154,80,.18)}.core-ring.outer{inset:0;background:radial-gradient(circle,rgba(198,154,80,.08),transparent 63%)}.core-ring.inner{inset:15%;border-color:rgba(255,255,255,.08)}.core-emblem{z-index:1;display:flex;flex-direction:column;align-items:center;gap:7px;color:#5d6979}.core-emblem strong{font-size:13px;color:#7c899b}.core-emblem small{font-size:10px;text-transform:uppercase;letter-spacing:.18em}.top-accessory-slots{position:absolute;left:50%;top:28px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(440px,70%)}.top-accessory-slots .slot{width:100%}.bottom-slots{position:absolute;left:50%;bottom:32px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:min(760px,90%)}.bottom-slots .slot{width:100%;min-width:0}.empty-state{text-align:center;padding:34px 10px}.empty-icon{margin:0 auto 13px;display:grid;place-items:center;width:54px;height:54px;border:1px dashed #394455;border-radius:12px;color:#536075;font-size:28px}.empty-state h3{font-size:14px;font-weight:700;color:#d7dde7}.empty-state p{margin-top:5px;font-size:12px;color:#657286}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.choice-btn{border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#0c121b;padding:11px;color:#b3bdcb;font-size:12px}.choice-btn:hover,.choice-btn.active{border-color:#b68a49;background:#171711;color:#efd9ae}.bonus-row{display:grid;grid-template-columns:1fr 84px 30px;gap:6px;margin-top:7px}.bonus-row select,.bonus-row input{min-width:0;border:1px solid rgba(255,255,255,.09);background:#090e15;border-radius:6px;padding:8px;font-size:11px;color:#cbd3df}.remove-bonus{border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#697689}.remove-bonus:hover{color:#ef9b9b;border-color:#6f3333}.add-bonus{margin-top:10px;width:100%;border:1px dashed rgba(255,255,255,.12);border-radius:7px;padding:8px;color:#778398;font-size:11px}.add-bonus:hover{border-color:#806a45;color:#cdb581}.item-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.item-heading h3{font-size:16px;font-weight:700;color:white}.item-heading p{margin-top:3px;font-size:11px;color:#657286}.danger-link{font-size:11px;color:#956b6b}.danger-link:hover{color:#ef9b9b}.section-label{margin-top:18px;margin-bottom:7px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:#687589}.helper{margin-top:8px;font-size:10px;line-height:1.5;color:#5f6c7d}@media(max-width:1279px){.equipment-stage{min-height:620px}}@media(max-width:800px){.equipment-stage{grid-template-columns:1fr 1fr;gap:12px;padding:92px 15px 100px}.character-core{display:none}.left-slots,.right-slots{align-items:stretch}.slot{width:100%}.top-accessory-slots{top:20px;width:calc(100% - 30px)}.bottom-slots{width:calc(100% - 30px);grid-template-columns:repeat(2,minmax(0,1fr));bottom:18px}.equipment-stage{padding-bottom:190px}}

.crafted-bonus-row{display:grid;grid-template-columns:42px 72px minmax(0,1fr) 70px 30px;align-items:center;gap:6px;margin-top:7px}.crafted-bonus-row select{min-width:0;border:1px solid rgba(255,255,255,.09);background:#090e15;border-radius:6px;padding:8px;font-size:11px;color:#cbd3df}@media(max-width:1450px){.crafted-bonus-row{grid-template-columns:1fr 1fr}.crafted-bonus-row .remove-bonus{min-height:34px}}
.sc-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 12px}.sc-summary{margin:12px 0;padding:11px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(0,0,0,.18)}.sc-summary-top{display:flex;justify-content:space-between;gap:12px;font-size:12px}.sc-meter{height:6px;background:#111827;border-radius:999px;overflow:hidden;margin:8px 0}.sc-meter>span{display:block;height:100%;background:#64748b}.sc-summary.over .sc-meter>span{background:#d97706}.sc-summary.invalid .sc-meter>span{background:#dc2626}.sc-status{font-size:11px;color:#94a3b8}.sc-summary.over .sc-status{color:#fbbf24}.sc-summary.invalid .sc-status{color:#f87171}.gem-ip{font-size:10px;color:#64748b;text-align:right;white-space:nowrap}.item-name-input{margin-top:12px}.spellcrafting-explanation{display:none}.add-bonus:disabled{opacity:.4;cursor:not-allowed}

/* Occupied slot states + utility */
.slot{position:relative;overflow:hidden}
.slot-utility{position:absolute;top:5px;right:7px;font-size:9px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.02em;opacity:.92}
.slot.equipped-drop{border-color:rgba(72,166,105,.68);background:linear-gradient(90deg,rgba(15,54,34,.92),rgba(13,35,28,.96));color:#c8ead3;box-shadow:inset 0 1px rgba(255,255,255,.035),inset 0 0 22px rgba(50,150,87,.08)}
.slot.equipped-drop .slot-icon{border-color:rgba(72,166,105,.55);background:rgba(9,35,22,.9);color:#70c98d}
.slot.equipped-drop .slot-utility{color:#85d9a0}
.slot.equipped-crafted{border-color:rgba(198,154,80,.72);background:linear-gradient(90deg,rgba(62,47,22,.94),rgba(39,32,20,.96));color:#f0ddb7;box-shadow:inset 0 1px rgba(255,255,255,.035),inset 0 0 22px rgba(198,154,80,.08)}
.slot.equipped-crafted .slot-icon{border-color:rgba(198,154,80,.58);background:rgba(43,32,15,.92);color:#dfb96f}
.slot.equipped-crafted .slot-utility{color:#e2bd76}
.slot.equipped-drop.selected{border-color:#78d397;box-shadow:0 0 0 2px rgba(91,196,127,.16),inset 0 0 24px rgba(50,150,87,.12)}
.slot.equipped-crafted.selected{border-color:#e0b86d;box-shadow:0 0 0 2px rgba(198,154,80,.16),inset 0 0 24px rgba(198,154,80,.12)}
.item-heading-actions{display:flex;align-items:flex-start;gap:12px}
.item-utility{display:flex;align-items:baseline;gap:5px;padding:4px 7px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#0a0f17;font-variant-numeric:tabular-nums}
.item-utility span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#687589}
.item-utility strong{font-size:13px;color:#d9b36c}

/* DAoC Tools / Blackthorn-inspired theme pass */
:root{--ink:#090806;--panel:#110e0b;--panel2:#0b0907;--line:rgba(191,124,24,.25);--gold:#f59e0b;--gold2:#d58b18;--parchment:#ddd3c3;--muted:#8e8374}
body{font-family:Georgia,"Times New Roman",serif;background:radial-gradient(circle at 48% 8%,rgba(94,65,30,.10),transparent 35%),linear-gradient(180deg,#0d0c0a,#070706 65%);color:var(--parchment)}
header{background:rgba(8,7,6,.96)!important;border-color:rgba(183,119,24,.22)!important;box-shadow:0 10px 35px rgba(0,0,0,.25)}
header h1{font-family:Georgia,"Times New Roman",serif;color:#eee7dd!important;font-weight:700!important;letter-spacing:.01em!important}
header p{color:#7f7467!important}
.brand-mark{border-color:rgba(245,158,11,.5);background:linear-gradient(145deg,#17110a,#0c0906);color:#f2b43e;box-shadow:inset 0 0 14px rgba(245,158,11,.06)}
.panel{border-color:var(--line);background:linear-gradient(180deg,rgba(18,15,12,.97),rgba(9,8,7,.98));box-shadow:0 18px 48px rgba(0,0,0,.28),inset 0 1px rgba(255,235,200,.015)}
.panel-title{border-color:rgba(183,119,24,.17);font-family:Georgia,"Times New Roman",serif;color:#e9a52c;font-size:11px;letter-spacing:.18em}
.field-label,.section-label{font-family:Georgia,"Times New Roman",serif;color:#c48727;letter-spacing:.16em}
.soft-btn,.input,.choice-btn,.bonus-row select,.bonus-row input,.crafted-bonus-row select{font-family:Georgia,"Times New Roman",serif}
.soft-btn{border-color:rgba(183,119,24,.22);background:linear-gradient(180deg,#15110d,#0b0907);color:#b9aa96}.soft-btn:hover{border-color:rgba(245,158,11,.55);background:#1b1309;color:#f1dfc1}
.input{border-color:rgba(183,119,24,.2);background:#090806;color:#e2d7c7}.input:focus{border-color:#d88c18;box-shadow:0 0 0 2px rgba(245,158,11,.10)}
.realm-btn{font-family:Georgia,"Times New Roman",serif;border-color:rgba(183,119,24,.17);background:linear-gradient(180deg,#100d0a,#090806);color:#a99a87}.realm-btn:hover{border-color:rgba(245,158,11,.4);color:#ead8ba}.realm-btn.albion.active{border-color:#a84b43;background:linear-gradient(180deg,rgba(91,27,22,.55),rgba(38,13,11,.72))}.realm-btn.hibernia.active{border-color:#39885a;background:linear-gradient(180deg,rgba(22,83,48,.52),rgba(9,37,22,.72))}.realm-btn.midgard.active{border-color:#3976bd;background:linear-gradient(180deg,rgba(24,64,111,.55),rgba(10,29,51,.72))}
.metric{border-color:rgba(183,119,24,.09)}.metric-name{color:#a99c8a}.metric-value{color:#ddd2c2}.metric-value.capped{color:#f0aa2d}
.slot{font-family:Georgia,"Times New Roman",serif;border-color:rgba(183,119,24,.18);background:linear-gradient(90deg,rgba(12,10,8,.98),rgba(22,16,10,.96));color:#aa9d8c;box-shadow:inset 0 1px rgba(255,240,210,.018)}.slot:hover{border-color:rgba(245,158,11,.52);color:#eee1cf;background:linear-gradient(90deg,#15100a,#21160a)}.slot.selected{border-color:#e69a21;color:#f6dfb8;box-shadow:0 0 0 2px rgba(245,158,11,.09),inset 0 0 22px rgba(245,158,11,.045)}
.slot-icon{border-color:rgba(183,119,24,.22);background:#090806;color:#c48626}.core-ring{border-color:rgba(213,139,24,.22)}.core-ring.outer{background:radial-gradient(circle,rgba(176,113,23,.09),transparent 64%)}.core-ring.inner{border-color:rgba(181,151,107,.12)}.core-emblem{color:#725f45}.core-emblem strong{color:#9f8a6d}
.empty-icon{border-color:#5a4429;color:#8f6a32}.empty-state h3{color:#ded4c6}.empty-state p,.item-heading p,.helper{color:#796e61}
.choice-btn{border-color:rgba(183,119,24,.18);background:linear-gradient(180deg,#100d0a,#090806);color:#b6a894}.choice-btn:hover,.choice-btn.active{border-color:#d78d1a;background:linear-gradient(180deg,#241708,#120d07);color:#f2d6a7}
.bonus-row select,.bonus-row input,.crafted-bonus-row select{border-color:rgba(183,119,24,.18);background:#090806;color:#d8ccbc}.add-bonus{border-color:rgba(183,119,24,.24);color:#9b815d}.add-bonus:hover{border-color:#c98520;color:#e6b766}.remove-bonus{border-color:rgba(183,119,24,.15);color:#826e58}
.item-heading h3{font-family:Georgia,"Times New Roman",serif;color:#f0e6d8}.item-utility{border-color:rgba(183,119,24,.2);background:#090806}.item-utility span{color:#8f7859}.item-utility strong{color:#e8a531}
.sc-summary{border-color:rgba(183,119,24,.18);background:rgba(7,6,5,.55)}.sc-meter{background:#1d150d}.sc-meter>span{background:#a16c25}.sc-summary.over .sc-meter>span{background:#dc8c16}
/* preserve semantic item colors inside the warmer global palette */
.slot.equipped-drop{border-color:rgba(47,172,91,.72);background:linear-gradient(90deg,rgba(8,48,27,.94),rgba(9,27,18,.97));color:#ccebd6}.slot.equipped-drop .slot-icon{border-color:rgba(53,181,99,.58);background:#071d11;color:#68ce8b}.slot.equipped-drop .slot-utility{color:#79d89a}
.slot.equipped-crafted{border-color:rgba(230,154,33,.78);background:linear-gradient(90deg,rgba(63,40,9,.95),rgba(31,22,10,.98));color:#f2deb9}.slot.equipped-crafted .slot-icon{border-color:rgba(230,154,33,.6);background:#261806;color:#e5a63c}.slot.equipped-crafted .slot-utility{color:#edb553}
#characterBadge{font-family:Georgia,"Times New Roman",serif;border-color:rgba(183,119,24,.2)!important;background:rgba(8,6,4,.55)!important;color:#998a77!important}
#notice{border-color:rgba(245,158,11,.32)!important;background:rgba(118,72,8,.15)!important;color:#efc478!important}

/* Crafted gem icon + material tooltip */
.crafted-bonus-row{grid-template-columns:minmax(72px,.8fr) minmax(105px,1.25fr) minmax(62px,.65fr) 34px 28px;align-items:center}
.gem-icon-wrap{position:relative;width:30px;height:30px;display:inline-grid;place-items:center;justify-self:center;outline:none}
.gem-icon{width:28px;height:28px;object-fit:contain;border-radius:5px;border:1px solid rgba(217,151,45,.34);background:rgba(18,12,8,.92);image-rendering:auto}
.gem-icon-missing{place-items:center;color:#d9a34a;font-size:15px}
.gem-tooltip{display:none;position:absolute;right:0;bottom:calc(100% + 8px);z-index:80;width:240px;padding:10px 11px;border:1px solid rgba(217,151,45,.45);border-radius:8px;background:#110d0a;box-shadow:0 12px 30px rgba(0,0,0,.55);color:#d8cbb8;font-size:11px;line-height:1.45}
.gem-tooltip strong{display:block;color:#e3ad55;font-family:Georgia,'Times New Roman',serif;font-size:12px;margin-bottom:2px}
.gem-tooltip>span{display:block;color:#a99b87;margin-bottom:7px}
.gem-materials{border-top:1px solid rgba(217,151,45,.16);padding-top:7px}
.gem-materials div+div{margin-top:2px}
.gem-materials div strong{display:inline;color:#e8d8bd;font-family:inherit;font-size:11px;margin:0}
.gem-tooltip .gem-price-note{margin-top:7px;margin-bottom:0;color:#776d60;font-size:10px}
.gem-icon-wrap:hover .gem-tooltip,.gem-icon-wrap:focus .gem-tooltip{display:block}
.gem-material-price{float:right;margin-left:16px;color:var(--muted,#aab0bb);white-space:nowrap}.gem-price-note strong{color:inherit}

/* Template persistence toolbar */
.template-toolbar{min-height:58px;display:flex;align-items:center;gap:16px;padding:9px 14px;border-bottom:1px solid rgba(183,119,24,.17);background:linear-gradient(180deg,rgba(16,12,8,.62),rgba(8,7,6,.25))}
.template-active,.template-saves,.template-toolbar-right{display:flex;align-items:center;gap:7px;min-width:0}.template-active{flex:0 1 310px}.template-saves{flex:1}.template-toolbar-right{margin-left:auto;justify-content:flex-end}
.template-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#b87b25;white-space:nowrap}.template-name{min-width:90px;width:170px;border:1px solid rgba(183,119,24,.2);border-radius:6px;background:#090806;color:#e4d7c4;padding:6px 8px;font:12px Georgia,"Times New Roman",serif;outline:none}.template-name:focus{border-color:#d88c18;box-shadow:0 0 0 2px rgba(245,158,11,.08)}
.template-action,.save-load,.save-write{border:1px solid rgba(183,119,24,.2);background:#0c0907;color:#a99a87;font:10px Georgia,"Times New Roman",serif;cursor:pointer}.template-action{border-radius:6px;padding:6px 9px}.template-action:hover,.save-load:hover,.save-write:hover{border-color:#d88c18;color:#f0d4a4;background:#181006}
.save-slots{display:flex;gap:5px}.save-slot{display:flex;border:1px solid rgba(183,119,24,.18);border-radius:6px;overflow:hidden;background:#090806}.save-slot.occupied{border-color:rgba(213,139,24,.42)}.save-load,.save-write{border:0;border-radius:0;height:27px}.save-load{min-width:28px;padding:0 7px;font-weight:700}.save-write{width:23px;border-left:1px solid rgba(183,119,24,.15);color:#8f7859}.save-slot.empty .save-load{color:#5f574d}.save-slot.active-source{box-shadow:0 0 0 1px rgba(245,158,11,.5)}
.autosave-status{font:10px Georgia,"Times New Roman",serif;color:#817668;white-space:nowrap}.autosave-status i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#3aa664;box-shadow:0 0 7px rgba(58,166,100,.3)}.autosave-status.saving{color:#b58a49}.autosave-status.saving i{background:#d58b18}
@media(max-width:1500px){.template-toolbar{flex-wrap:wrap}.template-toolbar-right{width:100%;justify-content:space-between;margin-left:0}.template-saves{justify-content:flex-end}}

/* Simplified saved-build toolbar */
.template-actions{flex:0 0 auto}.template-action.primary{border-color:rgba(245,158,11,.5);color:#f1cf91;background:#171006}.template-action.danger{color:#b98d77}.template-action.danger:not(:disabled):hover{border-color:rgba(190,80,55,.6);color:#e1a18e;background:#1a0c08}.template-action:disabled{opacity:.35;cursor:not-allowed}
.save-slots{gap:6px}.save-slot.save-load{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:29px;padding:0 9px;border:1px solid rgba(183,119,24,.22);border-radius:6px;background:#090806;color:#6e6459;font:700 10px Georgia,"Times New Roman",serif;letter-spacing:.04em;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.save-slot.save-load.occupied{border-color:rgba(213,139,24,.42);color:#d8c4a6;background:#0d0a07}.save-slot.save-load:hover{border-color:#d88c18;color:#f0d4a4;background:#181006}.save-slot.save-load.active-source{border-color:#f59e0b;color:#f4d39b;box-shadow:0 0 0 1px rgba(245,158,11,.28),0 0 12px rgba(245,158,11,.08)}

/* Drop-item bonus row: keep the freeform amount field consistent with the DAoC theme. */
.drop-bonus-row{grid-template-columns:minmax(72px,.8fr) minmax(105px,1.25fr) minmax(62px,.65fr) 28px}
.crafted-bonus-row input{min-width:0;width:100%;height:34px;border:1px solid rgba(183,119,24,.18);border-radius:6px;background:#090806;color:#d8ccbc;padding:8px;font:11px Georgia,"Times New Roman",serif;outline:none}
.crafted-bonus-row input:focus{border-color:#d88c18;box-shadow:0 0 0 2px rgba(245,158,11,.10)}
.crafted-bonus-row input[type=number]{appearance:textfield;-moz-appearance:textfield}
.crafted-bonus-row input[type=number]::-webkit-inner-spin-button,.crafted-bonus-row input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
@media(max-width:1450px){.drop-bonus-row{grid-template-columns:1fr 1fr}.drop-bonus-row .remove-bonus{min-height:34px}}

/* Keep native up/down spinner controls on Drop amount fields only */
.drop-bonus-row input[type=number]{
  appearance:auto;
  -moz-appearance:auto;
}
.drop-bonus-row input[type=number]::-webkit-inner-spin-button,
.drop-bonus-row input[type=number]::-webkit-outer-spin-button{
  -webkit-appearance:auto;
  appearance:auto;
  opacity:1;
  margin:0;
}


/* Class / race selection + racial resist markers */
.character-select-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.character-select-grid .input{width:100%;min-width:0}
.racial-marker{display:inline-grid;place-items:center;margin-left:6px;width:15px;height:15px;border:1px solid rgba(245,158,11,.38);border-radius:50%;color:#c89545;background:rgba(245,158,11,.07);font-size:8px;font-weight:700;line-height:1;vertical-align:1px;cursor:help}
.metric.has-racial .metric-name{color:#c8b89e}
.metric.has-racial .metric-value{color:#e0b25f}
@media(max-width:420px){.character-select-grid{grid-template-columns:1fr}}

/* Character class summary */
.core-emblem{gap:5px;text-align:center;min-width:170px}
.class-icon,.class-icon-fallback{width:82px;height:82px;margin-bottom:8px;border:1px solid rgba(245,158,11,.42);border-radius:10px;background:#090704;box-shadow:0 0 24px rgba(245,158,11,.08);object-fit:contain}
.class-icon-fallback{place-items:center;color:#c99036;font-size:34px}
.core-placeholder{display:grid;place-items:center;width:72px;height:72px;margin-bottom:6px;border:1px dashed rgba(245,158,11,.24);border-radius:10px;color:#6e5531;font-size:30px}
.core-emblem .core-identity{font-family:Georgia,"Times New Roman",serif;font-size:16px;color:#e4d4bb;letter-spacing:.01em}
.core-utility-label{margin-top:7px;color:#796d5e;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.14em}
.core-utility{font-family:Georgia,"Times New Roman",serif;color:#e2a84e;font-size:22px;font-weight:700;line-height:1}

/* Cap reached marker */
.cap-check{display:inline-grid;place-items:center;margin-left:6px;width:15px;height:15px;border:1px solid rgba(58,166,100,.55);border-radius:50%;color:#67c982;font:700 10px/1 Arial,sans-serif;vertical-align:1px;background:rgba(34,197,94,.08)}
.metric.is-capped .metric-name{color:#c8b99f}

.cap-check.cap-missing{border-color:rgba(120,110,96,.18);color:rgba(130,120,108,.38);background:rgba(80,72,64,.05)}