:root{--parchment-50:#fbf6ea;--parchment-100:#f5ecd8;--parchment-200:#ece0c6;--parchment-300:#e0d0ae;--parchment-400:#cbb68c;--ink-900:#211a12;--ink-700:#4a3f2d;--ink-500:#7a6b50;--ink-400:#9a8a6c;--ink-300:#b6a788;--gold-600:#a9812f;--gold-500:#c39a43;--gold-300:#e0c277;--gold-100:#f3e6c4;--arcane-600:#7e5cc2;--arcane-300:#c9b3f0;--arcane-100:#e5dcf1;--accent:#d8566a;--accent-hover:color-mix(in srgb, var(--accent) 80%, #fff);--accent-press:color-mix(in srgb, var(--accent) 78%, #000);--accent-tint:color-mix(in srgb, var(--accent) 16%, var(--bg-surface));--accent-text:color-mix(in srgb, var(--accent) 55%, var(--fg-1));--fg-on-brand:#17120b;--focus-ring:0 0 0 3px color-mix(in srgb, var(--accent) 34%, transparent);--bg-base:#15120d;--bg-surface:#211c15;--bg-sunken:#19150f;--bg-input:#14110b;--fg-1:#f2e9d7;--fg-2:#cdc1aa;--fg-3:#998b72;--fg-muted:#6e6450;--border:#322a1f;--border-strong:#463a29;--border-ink:#ede4d317;--heal-600:#5fbe7c;--damage-600:#e2685c;--temp-600:#5aa8c8;--warn-600:#d9a441;--heal-100:color-mix(in srgb, var(--heal-600) 20%, var(--bg-surface));--damage-100:color-mix(in srgb, var(--damage-600) 20%, var(--bg-surface));--temp-100:color-mix(in srgb, var(--temp-600) 20%, var(--bg-surface));--warn-100:color-mix(in srgb, var(--warn-600) 20%, var(--bg-surface));--shadow-sm:0 1px 2px #00000073;--shadow-md:0 3px 10px #00000080;--shadow-lg:0 14px 34px #0009;--shadow-card:inset 0 1px 0 #ede4d30f, 0 2px 6px #00000073;--shadow-inset:inset 0 1px 3px #0000008c;--font-display:"Cinzel", "Trajan Pro", Georgia, serif;--font-prose:"Spectral", Georgia, "Times New Roman", serif;--font-ui:"Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2rem;--text-3xl:2.75rem;--leading-tight:1.12;--leading-snug:1.3;--leading-body:1.6;--tracking-caps:.14em;--tracking-tight:-.01em;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-8:48px;--s-10:64px;--r-xs:3px;--r-sm:5px;--r-md:8px;--r-lg:12px;--r-pill:999px;--ease-standard:cubic-bezier(.2, 0, .1, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.12s;--dur-med:.22s}:root[data-theme=light]{--bg-base:#f5ecd8;--bg-surface:#fbf6ea;--bg-sunken:#ece0c6;--bg-input:#fffdf7;--fg-1:#211a12;--fg-2:#4a3f2d;--fg-3:#7a6b50;--fg-muted:#9a8a6c;--border:#e0d0ae;--border-strong:#cbb68c;--border-ink:#211a122e;--heal-600:#3e7a4e;--damage-600:#b23a2e;--temp-600:#2f6e8e;--warn-600:#b8862e;--gold-600:#8c6722;--gold-500:#b08436;--gold-300:#d9b25e;--arcane-600:#5b3e8e;--arcane-300:#8a6cc0;--shadow-sm:0 1px 2px #211a121a;--shadow-md:0 2px 8px #211a121f;--shadow-lg:0 8px 24px #211a1229;--shadow-card:inset 0 1px 0 #ffffff8c, 0 1px 3px #211a121f;--shadow-inset:inset 0 1px 3px #211a1224}.t-display{font-family:var(--font-display);font-weight:700;font-size:var(--text-3xl);line-height:var(--leading-tight);letter-spacing:.02em;color:var(--fg-1)}.t-h1{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);line-height:var(--leading-tight);letter-spacing:.03em;color:var(--fg-1)}.t-h2{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);line-height:var(--leading-snug);letter-spacing:.03em;color:var(--fg-1)}.t-h3{font-family:var(--font-ui);font-weight:600;font-size:var(--text-md);line-height:var(--leading-snug);color:var(--fg-1)}.t-eyebrow{font-family:var(--font-display);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--accent)}.t-label{font-family:var(--font-ui);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-3)}.t-body{font-family:var(--font-ui);font-weight:400;font-size:var(--text-base);line-height:var(--leading-body);color:var(--fg-2)}.t-prose{font-family:var(--font-prose);font-weight:400;font-size:var(--text-md);line-height:var(--leading-body);color:var(--fg-2)}.t-prose em{font-style:italic}.t-small{font-family:var(--font-ui);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--fg-3)}.t-stat{font-family:var(--font-mono);font-feature-settings:"tnum" 1;color:var(--fg-1);font-weight:700}.t-mod{font-family:var(--font-mono);font-feature-settings:"tnum" 1;color:var(--fg-2);font-weight:500}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg-base);color:var(--fg-2);font-family:var(--font-ui);background-image:radial-gradient(circle at 12% 18%,#d8b25c0d,#0000 40%),radial-gradient(circle at 86% 76%,#d8b25c0a,#0000 42%);background-attachment:fixed}#root{min-height:100%}h1,h2,h3{color:var(--fg-1)}h2{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);letter-spacing:.03em}a{color:var(--accent)}main{display:block}ul{padding-left:1.1em}button{cursor:pointer;font-family:inherit}button:not([class]){color:var(--fg-1);background:color-mix(in srgb, var(--bg-surface) 86%, #fff);border:1px solid var(--border-strong);border-radius:var(--r-sm);transition:background var(--dur-fast);padding:8px 12px;font-size:14px;font-weight:600}button:not([class]):hover{background:var(--bg-sunken)}button:disabled{opacity:.6;cursor:default}label{color:var(--fg-2)}input:not([type=checkbox]):not([type=radio]),select,textarea{font-family:var(--font-ui);color:var(--fg-1);background:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--r-sm);box-shadow:var(--shadow-inset);outline:none;padding:9px 11px;font-size:15px}textarea{font-family:var(--font-ui);width:100%}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}input::placeholder,textarea::placeholder{color:var(--fg-muted)}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:15px;height:15px}[role=alert]{color:var(--damage-600);font-size:14px}.app-header{align-items:center;gap:var(--s-4);padding:0 var(--s-6);background:var(--bg-surface);border-bottom:1px solid var(--border-strong);height:60px;box-shadow:var(--shadow-sm);z-index:10;display:flex;position:sticky;top:0}.brand{cursor:pointer;align-items:center;gap:11px;text-decoration:none;display:flex}.brand .seal{background:radial-gradient(circle at 38% 32%, var(--accent-hover), var(--accent-press));width:34px;height:34px;box-shadow:var(--shadow-sm), inset 0 -2px 4px #00000040;border-radius:50%;place-items:center;display:grid;position:relative}.brand .seal:after{content:"";border:1px solid #fbf6ea73;border-radius:50%;position:absolute;inset:4px}.brand .seal span{font-family:var(--font-display);color:var(--fg-on-brand);font-size:17px;font-weight:700}.brand .wm{font-family:var(--font-display);letter-spacing:.05em;color:var(--fg-1);font-size:20px;font-weight:700}.brand .wm b{color:var(--accent)}.app-header .spacer{flex:1}.app-header .user{color:var(--fg-3);align-items:center;gap:12px;font-size:13px;display:flex}.icon-btn{border-radius:var(--r-sm);border:1px solid var(--border-strong);background:color-mix(in srgb, var(--bg-surface) 86%, #fff);width:38px;height:38px;color:var(--fg-2);cursor:pointer;box-shadow:var(--shadow-sm);transition:background var(--dur-fast), color var(--dur-fast);place-items:center;display:inline-grid}.icon-btn:hover{background:var(--accent-tint);color:var(--accent-text)}.btn{letter-spacing:.01em;border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease-standard), transform var(--dur-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;line-height:1;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--accent);color:var(--fg-on-brand);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:color-mix(in srgb, var(--bg-surface) 86%, #fff);color:var(--fg-1);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-sunken)}.btn-ghost{color:var(--accent);background:0 0;padding:8px 12px}.btn-ghost:hover{background:var(--accent-tint)}.btn-danger{color:var(--damage-600);background:0 0;border-color:#0000;padding:8px 10px}.btn-danger:hover{background:var(--damage-100)}.tag{letter-spacing:.02em;border-radius:var(--r-pill);white-space:nowrap;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.tag-shell{background:color-mix(in srgb, var(--fg-1) 12%, transparent);color:var(--fg-2);font-family:var(--font-mono);font-weight:500}.tag-variant{background:color-mix(in srgb, var(--arcane-600) 22%, var(--bg-surface));color:var(--arcane-300);border:1px solid var(--arcane-600)}.tag-class{background:color-mix(in srgb, var(--gold-500) 20%, var(--bg-surface));color:var(--gold-300);border:1px solid var(--gold-500)}.tag-level{background:var(--accent-tint);color:var(--accent-text);font-family:var(--font-mono);font-weight:700}.panel{background:var(--bg-surface);border:1px solid var(--border-ink);border-radius:var(--r-md);box-shadow:var(--shadow-card);overflow:hidden}.panel-head{background:var(--bg-sunken);border-bottom:1px solid var(--border-strong);align-items:center;gap:9px;padding:11px 16px;display:flex}.panel-head .icon{color:var(--accent);display:inline-flex}.panel-head h3{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-1);flex:1;margin:0;font-size:14px;font-weight:600}.panel-count{font-family:var(--font-mono);color:var(--fg-3);font-size:12px}.panel-body{padding:14px 16px}.field{flex-direction:column;gap:6px;display:flex}.field-label{text-transform:uppercase;letter-spacing:.08em;color:var(--fg-3);font-size:11px;font-weight:600}.field input,.field select{width:100%;padding:10px 12px}.stepper{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg-input);align-items:center;width:fit-content;display:flex;overflow:hidden}.stepper button{background:var(--bg-sunken);cursor:pointer;width:38px;height:42px;color:var(--fg-2);box-shadow:none;border:none;border-radius:0;font-size:18px}.stepper button:hover{background:var(--border-strong)}.stepper-v{font-family:var(--font-mono);text-align:center;width:50px;color:var(--fg-1);font-size:18px;font-weight:700}.tabs{border-bottom:1px solid var(--border-strong);margin-bottom:var(--s-5);flex-wrap:wrap;gap:4px;display:flex}.tab{font-family:var(--font-ui);color:var(--fg-3);cursor:pointer;box-shadow:none;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:10px 14px;font-size:14px;font-weight:600}.tab:hover{color:var(--fg-1)}.tab[aria-current=true]{color:var(--accent-text);border-bottom-color:var(--accent)}.editor-form>label{margin-bottom:var(--s-4);text-transform:uppercase;letter-spacing:.08em;max-width:420px;color:var(--fg-3);flex-direction:column;gap:6px;font-size:11px;font-weight:600;display:flex}.editor-form>label input{text-transform:none;letter-spacing:normal;font-weight:400}.editor-form section{background:var(--bg-surface);border:1px solid var(--border-ink);border-radius:var(--r-md);box-shadow:var(--shadow-card);padding:var(--s-4) var(--s-5);margin-bottom:var(--s-4)}.editor-form section>h2{margin:0 0 var(--s-4);font-size:var(--text-md);padding-bottom:var(--s-2);border-bottom:1px solid var(--border)}.editor-form section label{margin-bottom:var(--s-3);flex-direction:column;gap:4px;display:flex}.editor-form section label input,.editor-form section label select,.editor-form section label textarea{max-width:420px}.auth-wrap{min-height:100vh;padding:var(--s-6);place-items:center;display:grid}.auth-card{background:var(--bg-surface);border:1px solid var(--border-ink);border-radius:var(--r-lg);width:380px;box-shadow:var(--shadow-lg);padding:var(--s-6)}.auth-card .seal-lg{width:56px;height:56px;margin:0 auto var(--s-4);background:radial-gradient(circle at 38% 32%, var(--accent-hover), var(--accent-press));box-shadow:var(--shadow-md), inset 0 -3px 6px #00000047;border-radius:50%;place-items:center;display:grid;position:relative}.auth-card .seal-lg:after{content:"";border:1.5px solid #fbf6ea73;border-radius:50%;position:absolute;inset:6px}.auth-card .seal-lg span{font-family:var(--font-display);color:var(--fg-on-brand);font-size:26px;font-weight:700}.auth-card h1{font-family:var(--font-display);letter-spacing:.04em;color:var(--fg-1);text-align:center;margin:0 0 4px;font-size:26px;font-weight:700}.auth-card .sub{text-align:center;color:var(--fg-3);margin:0 0 var(--s-5);font-size:13px}.auth-card form{gap:var(--s-3);flex-direction:column;display:flex}.auth-card .btn{margin-top:var(--s-2);width:100%}.auth-foot{text-align:center;color:var(--fg-3);margin-top:var(--s-4);font-size:13px}.auth-foot a{color:var(--accent);cursor:pointer;font-weight:600;text-decoration:none}.page{max-width:1040px;padding:var(--s-6) var(--s-6) var(--s-10);margin:0 auto}.page-title{align-items:center;gap:var(--s-4);margin:0 0 var(--s-5);display:flex}.page-title h1{font-family:var(--font-display);letter-spacing:.04em;color:var(--fg-1);flex:1;margin:0;font-size:30px;font-weight:700}.char-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.char-card{background:var(--bg-surface);border:1px solid var(--border-ink);border-radius:var(--r-md);box-shadow:var(--shadow-card);padding:var(--s-4) var(--s-5);cursor:pointer;transition:box-shadow var(--dur-med) var(--ease-out), transform var(--dur-fast);position:relative}.char-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.char-card .cc-name{font-family:var(--font-display);letter-spacing:.02em;color:var(--fg-1);margin:0 0 3px;font-size:20px;font-weight:700}.char-card .cc-meta{color:var(--fg-3);margin:0 0 12px;font-size:13px}.char-card .cc-tags{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.char-card .cc-del{opacity:0;transition:opacity var(--dur-fast);position:absolute;top:12px;right:10px}.char-card:hover .cc-del{opacity:1}.empty{text-align:center;padding:var(--s-10) var(--s-6);color:var(--fg-3)}.sheet{gap:var(--s-5);grid-template-columns:280px 1fr;align-items:start;display:grid}.sheet-aside,.sheet-main{gap:var(--s-4);flex-direction:column;display:flex}.subgrid-2{gap:var(--s-4);grid-template-columns:1fr 1fr;align-items:start;display:grid}.sheet-hero{background:var(--bg-surface);border:1px solid var(--border-ink);border-radius:var(--r-md);box-shadow:var(--shadow-card);padding:var(--s-5)}.sheet-hero h1{font-family:var(--font-display);letter-spacing:.03em;color:var(--fg-1);margin:0 0 6px;font-size:28px;font-weight:700}.sheet-hero .klass{font-family:var(--font-prose);color:var(--fg-2);margin:0 0 12px;font-size:16px;font-style:italic}.sheet-hero .tags{flex-wrap:wrap;gap:7px;display:flex}.sheet-hero .ident{color:var(--fg-3);margin:12px 0 0;font-size:13px}.corestats{gap:var(--s-3);grid-template-columns:repeat(4,1fr);display:grid}.corestat{background:var(--bg-surface);border:1px solid var(--border-ink);border-radius:var(--r-md);box-shadow:var(--shadow-card);text-align:center;padding:12px 8px}.corestat .cs-label{text-transform:uppercase;letter-spacing:.08em;color:var(--fg-3);justify-content:center;align-items:center;gap:5px;font-size:10px;font-weight:600;display:flex}.corestat .cs-label .icon{color:var(--accent);display:inline-flex}.corestat .cs-val{font-family:var(--font-mono);color:var(--fg-1);font-size:26px;font-weight:700;line-height:1.2}.abilities{gap:var(--s-3);grid-template-columns:repeat(6,1fr);display:grid}.ability{background:var(--bg-surface);border:1px solid var(--border-ink);border-radius:var(--r-md);box-shadow:var(--shadow-card);text-align:center;padding:12px 6px 10px}.ability .ab-name{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);font-size:12px;font-weight:600}.ability .ab-mod{font-family:var(--font-mono);color:var(--fg-1);margin:2px 0;font-size:32px;font-weight:700;line-height:1.15}.ability .ab-score{font-family:var(--font-mono);color:var(--fg-on-brand);background:var(--accent);border-radius:var(--r-pill);width:42px;box-shadow:var(--shadow-sm);margin:0 auto;padding:2px 0;font-size:13px;font-weight:700}.statline{border-bottom:1px solid var(--border);align-items:center;gap:11px;padding:8px 0;display:flex}.statline:last-child{border-bottom:none}.pip{border:1.5px solid var(--fg-muted);border-radius:50%;flex:none;width:13px;height:13px}.pip.prof{background:var(--accent);border-color:var(--accent)}.pip.exp{background:var(--gold-300);border-color:var(--gold-600);box-shadow:0 0 0 2px var(--bg-surface), 0 0 0 3.5px var(--gold-500)}.statline .sl-name{color:var(--fg-1);flex:1;font-size:14px}.statline .sl-ab{text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);width:30px;font-size:10px}.statline .sl-bonus{font-family:var(--font-mono);color:var(--fg-1);text-align:right;width:32px;font-size:15px;font-weight:700}.two-col{columns:2;column-gap:var(--s-5)}.two-col .statline{break-inside:avoid}.hp-head{color:var(--damage-600);align-items:center;gap:7px;margin-bottom:8px;display:flex}.hp-head .icon{color:var(--damage-600);display:inline-flex}.hp-head span{text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700}.hp-nums{font-family:var(--font-mono);color:var(--fg-1);font-weight:700}.hp-nums .cur{font-size:32px}.hp-nums .max{color:var(--fg-3);font-size:17px}.hp-bar{border-radius:var(--r-pill);background:var(--bg-sunken);height:8px;box-shadow:var(--shadow-inset);margin:10px 0 12px;overflow:hidden}.hp-bar>i{background:linear-gradient(var(--damage-600), #962f25);height:100%;transition:width var(--dur-med) var(--ease-out);display:block}.inv-row{border-bottom:1px solid var(--border);color:var(--fg-1);align-items:center;gap:10px;padding:7px 0;font-size:14px;display:flex}.inv-row:last-child{border-bottom:none}.inv-row .qty{font-family:var(--font-mono);color:var(--fg-3);margin-left:auto;font-size:13px}.feat{border-bottom:1px solid var(--border);padding:10px 0}.feat:last-child{border-bottom:none}.feat .ft-name{color:var(--fg-1);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.feat .ft-src{text-transform:uppercase;letter-spacing:.06em;color:var(--fg-2);background:var(--border-strong);border-radius:var(--r-xs);padding:2px 6px;font-size:10px}.feat .ft-desc{font-family:var(--font-prose);color:var(--fg-2);margin:4px 0 0;font-size:15px;line-height:1.5}.currency{gap:var(--s-4);flex-wrap:wrap;display:flex}.coin{text-align:center}.coin .cv{font-family:var(--font-mono);color:var(--fg-1);font-size:18px;font-weight:700}.coin .cl{text-transform:uppercase;letter-spacing:.08em;color:var(--fg-3);font-size:10px}.coin.pp .cv{color:var(--temp-600)}.coin.gp .cv{color:var(--gold-300)}.back-link{color:var(--accent);cursor:pointer;margin-bottom:var(--s-4);align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}@media (width<=820px){.sheet{grid-template-columns:1fr}.abilities{grid-template-columns:repeat(3,1fr)}.subgrid-2{grid-template-columns:1fr}}