:root {  --parchment:#f4e4c1; --parchment-dark:#e8d5a3; --parchment-deeper:#d4ba7a;  --ink:#2c1a0e; --ink-light:#5c3d1e; --blood-red:#8b1a1a;  --gold:#c9952a; --gold-light:#f0c050;  --surface-card:rgba(255,255,255,.25);  --surface-pill:rgba(255,255,255,.4);  --surface-input:rgba(255,255,255,.5);  --surface-subtle:rgba(255,255,255,.08);}body.dark-mode {  background-color:#1a0f07;  background-image:    radial-gradient(ellipse at 20% 50%,rgba(139,26,26,.15) 0%,transparent 60%),    radial-gradient(ellipse at 80% 20%,rgba(201,149,42,.1) 0%,transparent 50%);}body.dark-mode .parchment{  background:#1e1408;  background-image:radial-gradient(ellipse at 30% 20%,rgba(60,35,10,.6) 0%,transparent 60%);  border-color:#3a2510;  box-shadow:0 4px 20px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.04);}body.dark-mode {  --parchment:#1e1408;--parchment-dark:#251a0a;--parchment-deeper:#3a2510;  --ink:#e8d5a3;--ink-light:#b89a60;  --surface-card:rgba(15,8,2,.5);  --surface-pill:rgba(15,8,2,.4);  --surface-input:rgba(10,5,0,.5);  --surface-subtle:rgba(0,0,0,.2);}body.dark-mode .tab{background:rgba(40,25,8,.8);color:var(--ink-light);}body.dark-mode .tab:hover{background:rgba(60,38,12,.9);color:var(--ink);}body.dark-mode .tab.active{background:#1e1408;color:var(--ink);}body.dark-mode .cs-box{background:rgba(15,8,2,.5);border-color:#3a2510;}body.dark-mode .cs-ability{background:rgba(15,8,2,.6);border-color:#3a2510;}body.dark-mode .cs-stat-box{background:rgba(15,8,2,.5);border-color:#3a2510;}body.dark-mode .cs-hd,body.dark-mode .cs-ds{background:rgba(15,8,2,.5);border-color:#3a2510;}body.dark-mode .cs-ds-row input{background:rgba(15,8,2,.5);border-color:#5a3d1e;}body.dark-mode .cs-ds-row input:checked{background:currentColor;border-color:currentColor;}body.dark-mode .cs-personality{background:rgba(15,8,2,.4);border-color:#3a2510;}body.dark-mode .cs-prof-bonus{background:rgba(15,8,2,.6);border-color:#3a2510;}body.dark-mode .btn{background:rgba(40,25,8,.6);border-color:#3a2510;color:var(--ink);}body.dark-mode .btn:hover{background:rgba(60,38,12,.8);border-color:var(--gold);color:var(--gold-light);}body.dark-mode .btn-primary{background:linear-gradient(to bottom,#5a3a08,#3a2005);border-color:var(--gold);color:var(--gold-light);}body.dark-mode input:not([type=checkbox]):not([type=radio]),body.dark-mode select,body.dark-mode textarea{background:rgba(10,5,0,.5) !important;color:var(--ink) !important;border-color:#3a2510 !important;}body.dark-mode .dm-tile{background:rgba(15,8,2,.5);}body.dark-mode .dm-tile:hover{background:rgba(30,16,4,.7);}body.dark-mode .modal{background:#1e1408;border-color:#3a2510;}body.light-mode {  background-color:#d9ccb4;  background-image:    radial-gradient(ellipse at 20% 50%,rgba(201,149,42,.1) 0%,transparent 60%),    radial-gradient(ellipse at 80% 20%,rgba(139,90,20,.06) 0%,transparent 50%);}body.light-mode .parchment{  background:#f0e2c0;  background-image:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.5) 0%,transparent 60%);  border-color:#c0973e;  box-shadow:0 4px 20px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.5);}body.light-mode .tab{background:rgba(180,145,70,.25);}body.light-mode .tab.active{background:#f0e2c0;}body.light-mode .cs-box{background:rgba(255,255,255,.35);border-color:#c0973e;}body.light-mode .cs-ability{background:rgba(255,255,255,.45);border-color:#c0973e;}body.light-mode .cs-stat-box{background:rgba(255,255,255,.35);border-color:#c0973e;}body.light-mode .cs-personality{background:rgba(255,255,255,.3);border-color:#c0973e;}body.light-mode .cs-prof-bonus{background:rgba(255,255,255,.45);border-color:#c0973e;}body.light-mode .cs-save-row,body.light-mode .cs-skill-row{border-bottom-color:rgba(160,120,50,.3);}body.light-mode input:not([type=checkbox]):not([type=radio]),body.light-mode select,body.light-mode textarea{background:rgba(255,255,255,.5) !important;border-color:rgba(160,120,50,.4) !important;}body.light-mode .dm-tile{background:rgba(180,145,70,.12);}body.light-mode .dm-tile:hover{background:rgba(180,145,70,.25);}body.light-mode .modal{background:#f0e2c0;border-color:#c0973e;}#theme-toggle{  background:none;border:none;cursor:pointer;font-size:1rem;  padding:2px 4px;line-height:1;opacity:.75;transition:opacity .2s,transform .3s;  color:var(--gold-light);}#theme-toggle:hover{opacity:1;transform:scale(1.2);}* { margin:0; padding:0; box-sizing:border-box; }body {  background-color:#1a0f07;  background-image:    radial-gradient(ellipse at 20% 50%,rgba(139,26,26,.15) 0%,transparent 60%),    radial-gradient(ellipse at 80% 20%,rgba(201,149,42,.1) 0%,transparent 50%);  min-height:100vh; font-family:Georgia,"Times New Roman",serif;  color:var(--ink); padding:20px;  -webkit-text-size-adjust:100%;}h1.title {  color:var(--gold-light); text-align:center;  font-size:clamp(1.4rem,4vw,2.4rem);  text-shadow:0 0 30px rgba(201,149,42,.6),2px 2px 0 rgba(0,0,0,.8);  letter-spacing:.05em; margin-bottom:6px;}.subtitle { text-align:center; color:var(--gold); font-style:italic; font-size:.9rem; letter-spacing:.2em; margin-bottom:10px; }.divider  { text-align:center; color:var(--gold); font-size:.8rem; letter-spacing:.4em; margin-bottom:18px; }.parchment {  background:var(--parchment);  background-image:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.4) 0%,transparent 60%);  border:2px solid var(--parchment-deeper); border-radius:4px; padding:24px;  box-shadow:0 4px 20px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.4);  max-width:1100px; margin:0 auto 24px;}.toolbar {  display:flex; align-items:center;  gap:8px; margin-bottom:14px; flex-wrap:wrap;  max-width:1100px; margin-left:auto; margin-right:auto;}.dm-hub{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:32px;padding:40px 20px;}.dm-hub-title{font-family:Georgia,serif;font-size:1.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-align:center;margin-bottom:8px;}.dm-hub-subtitle{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-light);text-align:center;margin-top:-24px;margin-bottom:8px;}.dm-hub-tiles{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:900px;}.dm-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:200px;height:180px;border:2px solid var(--gold);border-radius:10px;background:rgba(212,186,122,.08);cursor:pointer;transition:all .2s;padding:18px;text-align:center;}.dm-tile:hover{background:rgba(212,186,122,.18);box-shadow:0 4px 18px rgba(0,0,0,.18);transform:translateY(-2px);}.dm-tile.disabled{opacity:.45;cursor:not-allowed;pointer-events:none;}.dm-tile-icon{font-size:2.6rem;line-height:1;}.dm-tile-label{font-family:Georgia,serif;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);font-weight:bold;}.dm-tile-desc{font-size:.62rem;color:var(--ink-light);letter-spacing:.04em;line-height:1.4;}.dm-tile-badge{font-size:.5rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold);border-radius:3px;padding:1px 5px;}.toolbar-label { font-size:.7rem; letter-spacing:.15em; color:var(--gold); text-transform:uppercase; margin-right:4px; }.btn {  font-family:Georgia,serif; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase;  padding:6px 14px; border-radius:3px; border:1px solid var(--parchment-deeper);  background:rgba(244,228,193,.15); color:var(--ink); cursor:pointer;  transition:all .2s; text-decoration:none; display:inline-block;}.btn:hover { background:rgba(244,228,193,.25); border-color:var(--gold); color:#fff; }.btn-primary { background:linear-gradient(to bottom,#8b6010,#5a3a08); border-color:var(--gold); color:var(--gold-light); }.btn-primary:hover { background:linear-gradient(to bottom,#a07018,#6a4510); }.btn-danger  { border-color:#8b1a1a; color:#e07070; background:transparent; }.btn-danger:hover { background:rgba(139,26,26,.3); }.divider-bar { width:1px; height:22px; background:rgba(244,228,193,.2); }.tabs {  display:flex; gap:4px; flex-wrap:wrap;  border-bottom:2px solid var(--parchment-deeper); margin-bottom:0;}.tab {  font-family:Georgia,serif; font-size:.78rem; letter-spacing:.08em;  padding:7px 16px; border:1px solid var(--parchment-deeper); border-bottom:none;  background:rgba(212,186,122,.3); color:var(--ink-light); cursor:pointer;  border-radius:4px 4px 0 0; transition:all .2s; text-decoration:none;  display:inline-flex; align-items:center; gap:6px;}.tab:hover { background:rgba(212,186,122,.6); color:var(--ink); }.tab.active { background:var(--parchment); color:var(--ink); font-weight:bold; border-color:var(--gold); border-bottom-color:var(--parchment); margin-bottom:-2px; }.tab .del { color:var(--blood-red); font-size:.9rem; margin-left:2px; opacity:.6; }.tab .del:hover { opacity:1; }.tab-add { border-style:dashed; color:var(--gold); }.section-title {  font-size:.65rem; letter-spacing:.25em; text-transform:uppercase;  color:var(--ink-light); border-bottom:1px solid var(--parchment-deeper);  padding-bottom:4px; margin-bottom:10px; margin-top:20px; display:block;}.char-header { display:flex; gap:16px; align-items:flex-start; margin-bottom:16px; flex-wrap:wrap; }.field-group { display:flex; flex-direction:column; gap:3px; flex:1; min-width:120px; }.field-group label { font-size:.62rem; letter-spacing:.15em; text-transform:uppercase; color:var(--ink-light); }input[type=text],input[type=number],select,textarea {  font-family:Georgia,serif; font-size:.88rem; color:var(--ink);  background:rgba(255,255,255,.6); border:1px solid var(--parchment-deeper);  border-radius:3px; padding:5px 8px; width:100%; transition:border-color .2s;}input:focus,select:focus,textarea:focus { outline:none; border-color:var(--gold); background:rgba(255,255,255,.85); }textarea { resize:vertical; min-height:60px; }.currency-row { display:flex; gap:10px; margin-bottom:16px; flex-wrap:wrap; align-items:flex-end; }.coin-group { display:flex; flex-direction:column; align-items:center; gap:3px; }.coin-group label { font-size:.65rem; letter-spacing:.15em; text-transform:uppercase; color:var(--ink-light); }.coin-group input { width:64px; text-align:center; }.gp-total { font-size:.78rem; font-style:italic; color:var(--ink-light); align-self:center; padding-left:4px; }table { width:100%; border-collapse:collapse; font-size:.82rem; }thead th {  font-size:.62rem; letter-spacing:.15em; text-transform:uppercase;  color:var(--ink-light); border-bottom:2px solid var(--parchment-deeper);  padding:6px 8px; text-align:left;}tbody td { padding:5px 8px; border-bottom:1px solid rgba(212,186,122,.4); vertical-align:middle; }tbody tr:hover td { background:rgba(212,186,122,.2); }tbody td input,tbody td select { font-size:.8rem; padding:3px 6px; }.empty-state { text-align:center; padding:30px; color:var(--ink-light); font-style:italic; }.stats-bar { display:flex; gap:20px; font-size:.75rem; color:var(--ink-light); font-style:italic; margin-bottom:10px; }.modal-bg { position:fixed; inset:0; background:rgba(0,0,0,.7); z-index:100; display:flex; align-items:center; justify-content:center; }.modal {  background:var(--parchment); border:2px solid var(--parchment-deeper);  border-radius:6px; padding:28px; max-width:480px; width:90%;  box-shadow:0 8px 40px rgba(0,0,0,.7);}.modal h2 { font-size:1.1rem; letter-spacing:.1em; color:var(--ink); margin-bottom:16px; border-bottom:1px solid var(--parchment-deeper); padding-bottom:10px; }.modal .field-group { margin-bottom:12px; }.modal-actions { display:flex; gap:8px; justify-content:flex-end; margin-top:18px; }.toast {  position:fixed; bottom:24px; left:50%; transform:translateX(-50%) translateY(10px);  background:#2a1a05; border:1px solid var(--gold); color:var(--gold-light);  font-size:.8rem; letter-spacing:.1em; padding:10px 22px; border-radius:6px;  box-shadow:0 4px 20px rgba(0,0,0,.6); opacity:0; transition:opacity .3s,transform .3s;  pointer-events:none; z-index:200;}.toast.show { opacity:1; transform:translateX(-50%) translateY(0); }.hint { font-size:.75rem; color:var(--ink-light); font-style:italic; margin-top:4px; line-height:1.5; }.hint a { color:var(--gold); }.readonly-badge {  display:inline-block; font-size:.65rem; letter-spacing:.1em; text-transform:uppercase;  color:var(--blood-red); border:1px solid var(--blood-red); border-radius:3px;  padding:2px 8px; margin-left:10px; opacity:.7;}.lock-badge {  font-size:.65rem; color:var(--ink-light); margin-left:6px;}.online-dot {  display:inline-block; width:8px; height:8px; border-radius:50%;  background:#4caf50; margin-right:6px; box-shadow:0 0 4px rgba(76,175,80,.6);  vertical-align:middle;}@media(max-width:700px) {  body{padding:0}  .parchment{padding:10px 8px;margin:0;border-radius:0;border-left:none;border-right:none;max-width:100%} table{font-size:.74rem}  thead th,tbody td{padding:4px 5px} .char-header{flex-direction:column}  .sheet-grid{grid-template-columns:1fr!important}  .ability-row{flex-wrap:wrap}  .toolbar{gap:4px;padding:0 4px}  .toolbar .btn{font-size:.6rem;padding:4px 8px;letter-spacing:.05em}  .toolbar-label{font-size:.6rem}  .divider-bar{display:none}  .tabs{gap:2px}  .tab{font-size:.68rem;padding:5px 10px;letter-spacing:.04em}  .view-tog{font-size:.62rem!important;padding:5px 8px!important;letter-spacing:.04em}  .cs-header{gap:4px}  .cs-header .field-group{min-width:60px}  .cs-body{grid-template-columns:1fr!important}  .cs-col:nth-child(3){grid-template-columns:1fr!important}  .cs-combat-row{flex-wrap:wrap;gap:4px}  .cs-stat-box{min-width:60px;padding:3px 10px;width:max-content;}  .cs-stat-box input{min-width:28px;width:auto;font-size:.85rem!important}  .cs-hd,.cs-ds{padding:4px}  .cs-box{padding:6px}  .cs-box-title{font-size:.48rem!important}  .cs-ability{padding:3px 1px 6px}  .cs-ability label{font-size:.46rem}  .cs-ability .ab-mod{font-size:1.1rem}  .ab-btn{width:20px;height:20px;font-size:.75rem}  .cs-save-row,.cs-skill-row{font-size:.7rem}  .cs-personality textarea{min-height:28px;font-size:.72rem}  .cs-atk-hdr{font-size:.44rem}  .cs-atk-row input{font-size:.72rem!important}  .cs-spell-hdr{flex-direction:column;gap:8px}  .modal{width:95vw!important;max-width:95vw!important;padding:14px!important;max-height:90vh}  .field-group{min-width:80px}  .currency-row{flex-wrap:wrap}  .coin-group{min-width:50px}  .section-title{font-size:.58rem}  h2{font-size:1rem!important}}@media(max-width:400px) {  .parchment{padding:8px 6px;margin:4px}  .toolbar .btn{font-size:.55rem;padding:3px 6px}  .tab{font-size:.6rem;padding:4px 7px}  .view-tog{font-size:.55rem!important;padding:4px 6px!important}  .cs-ability label{font-size:.4rem}  .cs-ability .ab-mod{font-size:.95rem}  .ab-score-val{font-size:.75rem}}@media(max-width:600px) {  .spell-grid{grid-template-columns:1fr!important}  .player-grid{grid-template-columns:repeat(2,1fr)!important}}.view-tog { border-radius:0;border-right:none;font-size:.76rem;padding:7px 18px; }.view-tog:first-child { border-radius:3px 0 0 3px; }.view-tog:last-child { border-radius:0 3px 3px 0;border-right:1px solid var(--parchment-deeper); }.view-tog-active { background:linear-gradient(to bottom,#8b6010,#5a3a08);border-color:var(--gold);color:var(--gold-light); }.view-tog { border-radius:0;border-right:none;font-size:.76rem;padding:7px 18px; }.view-tog:first-child { border-radius:3px 0 0 3px; }.view-tog:last-child { border-radius:0 3px 3px 0;border-right:1px solid var(--parchment-deeper); }.view-tog-active { background:linear-gradient(to bottom,#8b6010,#5a3a08);border-color:var(--gold);color:var(--gold-light); }.cs{font-size:.82rem;color:var(--ink);}.cs-header{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid var(--parchment-deeper);}.cs-header .field-group{min-width:80px;}.cs-body{display:grid;grid-template-columns:190px 1fr 210px;gap:12px;}.cs-body.customizing{background-image:repeating-linear-gradient(90deg,rgba(212,186,122,.07) 0,rgba(212,186,122,.07) 1px,transparent 1px,transparent calc(8.333% - 0px));outline:1px dashed rgba(212,186,122,.2);border-radius:4px;}.cs-col.customizing{outline:1.5px dashed rgba(212,186,122,.35);border-radius:5px;min-height:60px;}.drag-handle{display:none;cursor:grab;color:var(--ink-light);font-size:.85rem;margin-right:5px;opacity:.5;user-select:none;flex-shrink:0;}.width-toggle{display:none;cursor:pointer;font-size:.55rem;margin-left:auto;padding:1px 6px;border:1px solid rgba(212,186,122,.4);border-radius:3px;color:var(--ink-light);background:rgba(212,186,122,.1);letter-spacing:.06em;white-space:nowrap;flex-shrink:0;}.width-toggle:hover{background:rgba(212,186,122,.3);color:var(--ink);}.customizing .width-toggle{display:inline-block;}.cs-box-title{display:flex;align-items:center;}.drag-handle:hover{opacity:1;}.customizing .drag-handle{display:inline-block!important;}.customizing #combat-pair-wrap>.pair-handle-bar{display:flex!important;}.inner-drag-handle{display:none;cursor:grab;font-size:.65rem;opacity:.5;user-select:none;}.customizing .inner-drag-handle{display:block!important;}.inner-grid>*{position:relative;}.col-toggle{display:none;cursor:pointer;font-size:.6rem;padding:2px 7px;border:1px solid rgba(212,186,122,.45);border-radius:3px;color:var(--ink-light);background:rgba(212,186,122,.1);margin-left:8px;letter-spacing:.06em;line-height:1;}.col-toggle:hover{background:rgba(212,186,122,.3);}.customizing .col-toggle{display:inline-block;}.inner-sortable-ghost{opacity:.25!important;outline:2px dashed var(--gold)!important;border-radius:4px!important;background:rgba(212,186,122,.08)!important;}.inner-row-hint{display:none;font-size:.55rem;color:var(--ink-light);font-style:italic;letter-spacing:.06em;text-align:center;padding:2px 0;width:100%;}.inner-grid .inner-row-hint{display:block;}.inner-sortable-ghost{opacity:.3;outline:1.5px dashed var(--gold);border-radius:4px;}.inner-sortable-drag{opacity:.9;box-shadow:0 4px 14px rgba(0,0,0,.4)!important;}.customizing [data-section]{cursor:default;transition:box-shadow .15s;}.customizing [data-section]:hover{box-shadow:0 0 0 1.5px var(--gold);border-radius:4px;}.sortable-ghost{opacity:.4;background:rgba(212,186,122,.18)!important;border:1.5px dashed var(--gold)!important;border-radius:4px;}.sortable-drag{opacity:.9;box-shadow:0 6px 20px rgba(0,0,0,.4)!important;}.cs-col{display:flex;flex-direction:column;gap:8px;align-content:flex-start;}.cs-col>*{width:100%;}.cs-col-center{display:flex;flex-direction:column;gap:8px;}.cs-col>[data-section-width="half"]{width:calc(50% - 4px)!important;}.cs-col>[data-section-width="third"]{width:calc(33% - 6px)!important;}.cs-col>[data-section-width="full"]{width:100%!important;}.cs-box{border:2px solid var(--parchment-deeper);border-radius:6px;padding:8px;background:rgba(255,255,255,.25);align-self:start;}.cs-box-title{font-size:.55rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-light);text-align:center;margin-bottom:6px;font-weight:bold;border-bottom:1px solid var(--parchment-deeper);padding-bottom:3px;display:flex;align-items:center;}.cs-ability{text-align:center;border:2px solid var(--parchment-deeper);border-radius:8px;padding:4px 2px 8px;background:rgba(255,255,255,.3);margin-bottom:4px;}.cs-ability label{font-size:.52rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-light);display:block;font-weight:bold;}.cs-ability .ab-mod{font-size:1.4rem;font-weight:bold;color:var(--ink);display:block;margin:2px 0;line-height:1;}.ab-score-wrap{display:flex;align-items:center;justify-content:center;gap:0;margin-top:4px;}.ab-btn{width:24px;height:24px;border-radius:50%;border:1px solid var(--parchment-deeper);background:rgba(180,130,60,.18);color:var(--ink);font-size:.9rem;font-weight:bold;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:all .15s;}.ab-btn:hover{background:rgba(201,149,42,.35);color:var(--ink);border-color:var(--gold);}body.dark-mode .ab-btn{background:rgba(90,55,10,.55);border-color:#5a3d1e;color:var(--ink);}body.dark-mode .ab-btn:hover{background:rgba(120,80,20,.7);border-color:var(--gold);}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}input[type=number]{-moz-appearance:textfield;}.ab-score-val{font-size:.85rem;font-weight:bold;min-width:24px;text-align:center;color:var(--ink);}.cs-insp{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:.76rem;}.cs-insp input{width:16px;height:16px;accent-color:var(--gold);}.cs-prof-bonus{text-align:center;border:2px solid var(--parchment-deeper);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin:0 auto;}.cs-prof-bonus input{width:30px;text-align:center;font-size:1rem;font-weight:bold;border:none;background:transparent;color:var(--ink);}.cs-save-row,.cs-skill-row{display:flex;align-items:center;gap:4px;padding:3px 0;font-size:.76rem;border-bottom:1px solid rgba(212,186,122,.25);}.cs-save-row input[type=checkbox],.cs-skill-row input[type=checkbox]{width:11px;height:11px;accent-color:var(--gold);}.cs-skill-row .exp-cb{-webkit-appearance:none;appearance:none;width:9px;height:9px;border:2px solid #9c27b0;background:transparent;transform:rotate(45deg);cursor:pointer;flex-shrink:0;}.cs-skill-row .exp-cb:checked{background:#9c27b0;border-color:#9c27b0;}.cs-skill-div{width:1px;height:14px;background:var(--parchment-deeper);margin:0 2px;}.cs-skill-hdr-row{display:flex;align-items:center;gap:4px;padding:0 0 3px;margin-bottom:2px;border-bottom:1px solid var(--parchment-deeper);}.cs-skill-hdr-e,.cs-skill-hdr-p{font-size:.45rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-light);width:11px;text-align:center;}.cs-skill-div-h{width:1px;height:10px;background:var(--parchment-deeper);margin:0 2px;}.cs-mod-val{min-width:22px;text-align:center;font-weight:bold;font-size:.76rem;}.cs-skill-name{color:var(--ink);}.cs-skill-ab{font-size:.58rem;color:var(--ink-light);}.cs-passive{text-align:center;padding:5px;border:2px solid var(--parchment-deeper);border-radius:6px;font-size:.76rem;}.cs-passive b{font-size:.95rem;}.cs-combat-row{display:grid;grid-template-columns:repeat(var(--icols,3),auto);gap:10px;margin-bottom:8px;justify-content:center;}.cs-combat-row .cs-stat-box{justify-self:stretch;width:auto;min-width:64px;}.cs-stat-box{text-align:center;border:2px solid var(--parchment-deeper);border-radius:6px;padding:6px 16px;min-width:80px;width:max-content;}.cs-stat-box label{font-size:.45rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-light);display:block;white-space:nowrap;}.cs-stat-box input{width:auto;min-width:36px;text-align:center;font-size:1rem;font-weight:bold;border:none;background:transparent;}.cs-hp{border:2px solid var(--parchment-deeper);border-radius:6px;padding:8px;min-width:0;overflow:hidden;}.cs-hp-label{font-size:.5rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-light);text-align:center;display:block;margin-bottom:3px;white-space:nowrap;}.cs-hp-row{display:flex;gap:4px;align-items:center;justify-content:center;flex-wrap:wrap;}.cs-hp-row input{width:46px;min-width:0;text-align:center;font-size:1rem;font-weight:bold;}.cs-hp-row span{font-size:1rem;font-weight:bold;}.cs-hd-ds{display:flex;gap:6px;margin-top:6px;}.cs-combat-row2{display:grid;grid-template-columns:repeat(var(--icols,4),1fr);gap:6px;align-items:stretch;}.cs-combat-row2 .cs-hd,.cs-combat-row2 .cs-ds{justify-self:stretch;min-width:0;}.cs-hd,.cs-ds{border:2px solid var(--parchment-deeper);border-radius:6px;padding:6px;text-align:center;min-width:0;background:rgba(255,255,255,.25);display:flex;flex-direction:column;overflow:hidden;}.cs-hd>.cs-box-title,.cs-ds>.cs-box-title{flex-shrink:0;justify-content:center;white-space:normal;word-break:break-word;line-height:1.3;text-align:center;}.cs-hd-body,.cs-ds-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;overflow:hidden;}.cs-hd-body button,.cs-ds-body button{max-width:100%;}.cs-hd-body input,.cs-ds-body input{min-width:0;max-width:100%;}.cs-ds-row{display:flex;flex-wrap:wrap;gap:3px;align-items:center;justify-content:center;margin:2px 0;}.cs-ds-row span{font-size:1.1rem;min-width:0;text-align:center;color:var(--ink-light);line-height:1;width:100%;}.cs-ds-row input{width:15px;height:15px;border-radius:50%;-webkit-appearance:none;appearance:none;border:2px solid var(--parchment-deeper);background:rgba(255,255,255,.5);cursor:pointer;position:relative;}.cs-ds-row input:checked{background:currentColor;border-color:currentColor;}.cs-ds-row input:checked::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5px;height:5px;border-radius:50%;background:#fff;}.ex-circle{width:15px;height:15px;border-radius:50%;-webkit-appearance:none;appearance:none;border:2px solid var(--parchment-deeper);background:rgba(255,255,255,.5);cursor:pointer;position:relative;}.ex-circle:checked{border-color:currentColor;background:currentColor;}.ex-circle:checked::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5px;height:5px;border-radius:50%;background:#fff;}.ds-s{accent-color:#388e3c;}.ds-f{accent-color:#c62828;}.cs-exhaust{display:flex;gap:3px;align-items:center;justify-content:center;padding:3px 0;}.cs-exhaust input{width:13px;height:13px;accent-color:#e65100;}.cs-exhaust label{font-size:.68rem;color:var(--ink-light);}.cs-atk-hdr{display:flex;gap:4px;font-size:.5rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-light);padding:3px 0;border-bottom:1px solid var(--parchment-deeper);}.cs-atk-hdr .akh-name{flex:2;}.cs-atk-hdr .akh-bonus{width:55px;text-align:center;flex-shrink:0;}.cs-atk-hdr .akh-damage{flex:1;text-align:center;}.cs-atk-hdr .akh-del{width:24px;flex-shrink:0;}.cs-atk-row{display:flex;gap:4px;padding:2px 0;border-bottom:1px solid rgba(212,186,122,.2);align-items:center;min-width:0;overflow:hidden;}.cs-atk-row .atk-name{flex:2;min-width:0;font-size:.78rem;overflow:hidden;}.cs-atk-row .atk-bonus{width:55px;flex-shrink:0;text-align:center;font-size:.78rem;}.cs-atk-row .atk-damage{flex:1;min-width:0;font-size:.78rem;overflow:hidden;}.atk-name-btn{flex:2;min-width:0;font-size:.78rem;font-family:Georgia,serif;text-align:left;background:transparent;border:1px solid transparent;border-radius:3px;padding:3px 6px;color:var(--ink);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .15s;}.atk-name-btn:hover{background:rgba(201,149,42,.15);border-color:var(--gold);color:var(--ink);}.atk-name-btn.weapon-linked{color:var(--blood-red);border-color:rgba(139,26,26,.3);}.atk-name-btn.weapon-linked:hover{background:rgba(139,26,26,.1);border-color:var(--blood-red);}.atk-tooltip{  position:fixed;z-index:500;min-width:220px;max-width:300px;  background:#2a1a05;border:2px solid var(--gold);border-radius:6px;  padding:12px 14px;box-shadow:0 6px 24px rgba(0,0,0,.7);  font-family:Georgia,serif;pointer-events:none;}.atk-tooltip-name{font-size:.9rem;font-weight:bold;color:var(--gold-light);margin-bottom:8px;  border-bottom:1px solid rgba(201,149,42,.4);padding-bottom:5px;}.atk-tooltip-row{display:flex;justify-content:space-between;font-size:.75rem;margin-bottom:3px;}.atk-tooltip-label{color:rgba(240,192,80,.65);letter-spacing:.08em;text-transform:uppercase;font-size:.65rem;}.atk-tooltip-val{color:#f4e4c1;font-weight:bold;text-align:right;max-width:60%;}.atk-tooltip-props{margin-top:6px;padding-top:6px;border-top:1px solid rgba(201,149,42,.3);  font-size:.72rem;color:rgba(240,192,80,.8);font-style:italic;}.cs-personality{border:2px solid var(--parchment-deeper);border-radius:6px;padding:6px;margin-bottom:5px;}.cs-personality label{font-size:.5rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-light);display:block;margin-bottom:2px;}.cs-personality textarea{width:100%;min-height:32px;font-size:.76rem;resize:vertical;}.cs-currency{display:flex;flex-direction:column;gap:2px;}.cs-coin-row{display:flex;align-items:center;gap:4px;}.cs-coin-row label{font-size:.65rem;font-weight:bold;min-width:20px;text-align:right;color:var(--ink-light);}.cs-coin-row input{width:50px;text-align:center;font-size:.82rem;}.cs-text-box{border:2px solid var(--parchment-deeper);border-radius:6px;padding:8px;}.cs-text-box textarea{width:100%;min-height:70px;font-size:.76rem;resize:vertical;}.cs-spell-hdr{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px;}.cs-slot-row{display:flex;gap:2px;align-items:center;margin-bottom:3px;}.cs-slot-row .cs-slot-lv{font-size:.7rem;font-weight:bold;min-width:14px;}.cs-slot-row input[type=number]{width:28px;text-align:center;font-size:.76rem;}.cs-slot-row input[type=checkbox]{width:12px;height:12px;accent-color:var(--gold);}.cs-spell-row{display:flex;gap:3px;align-items:center;padding:1px 0;border-bottom:1px solid rgba(212,186,122,.2);}.cs-spell-row input[type=checkbox]{width:12px;height:12px;accent-color:var(--gold);}.cs-spell-row input[type=text]{flex:1;font-size:.76rem;}.cs-feat-row{display:flex;gap:3px;padding:2px 0;border-bottom:1px solid rgba(212,186,122,.2);}.cs-feat-row input{flex:1;font-size:.76rem;}.cs-page-tabs{display:flex;gap:0;margin-bottom:12px;}.cs-page-tab{font-family:Georgia,serif;font-size:.7rem;letter-spacing:.08em;padding:5px 14px;border:1px solid var(--parchment-deeper);border-bottom:none;background:rgba(212,186,122,.2);color:var(--ink-light);cursor:pointer;text-transform:uppercase;}.cs-page-tab:first-child{border-radius:3px 0 0 0;}.cs-page-tab:last-child{border-radius:0 3px 0 0;}.cs-page-tab.active{background:var(--parchment);color:var(--ink);font-weight:bold;border-bottom:2px solid var(--parchment);margin-bottom:-1px;}@media(max-width:900px){.cs-body{grid-template-columns:1fr 1fr;}.cs-col:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;}}@media(max-width:600px){.cs-body{grid-template-columns:1fr;display:flex;flex-direction:column;}  .cs-col-center{order:-1}  .cs-col-left{order:0}  .cs-col-right{order:1}  .cs-col:nth-child(3){grid-template-columns:1fr;}  .cs-abil-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;}}