:root{color-scheme:dark;--bg:#14100f;--panel:#261d18;--panel-border:#7a6338;--panel-soft:#3a1c1b;--panel-soft-border:#86683a;--text:#e2d4b6;--text-soft:#d2c0a0;--accent:#d4b983;--accent-soft:#94733b;--button:#3a2414;--button-hover:#4a2d18;--shadow:0 6px 18px rgba(0,0,0,0.22)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Georgia,Times New Roman,serif}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}button,input{font:inherit}.page-shell{min-height:100vh;padding:32px 20px;display:flex;justify-content:center}.content-panel,.hero-panel{width:min(100%,920px)}.hero-panel{display:grid;grid-gap:18px;gap:18px;align-content:center}.content-panel{display:grid;grid-gap:24px;gap:24px;align-content:start}.page-header{display:flex;justify-content:space-between;align-items:end;gap:16px}.eyebrow{letter-spacing:.1em;font-size:.8rem}.eyebrow,h1{color:var(--accent);text-transform:uppercase}h1{font-size:clamp(2.2rem,4vw,3.8rem);letter-spacing:.04em}.hero-copy{max-width:48rem;color:var(--text-soft);line-height:1.6;font-size:1.05rem}.hero-actions{display:flex;gap:16px}.app-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 22px;border-radius:999px;border:1px solid #74592b;background:var(--button);color:#efe4cc;letter-spacing:.08em;text-transform:uppercase;font-size:.9rem;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:background .12s ease,border-color .12s ease,transform .12s ease,box-shadow .12s ease}.app-button:hover{background:var(--button-hover);border-color:var(--accent-soft);box-shadow:0 4px 12px rgba(0,0,0,.26);transform:translateY(-1px)}.app-button:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px}.secondary-button{background:#211915}.danger-button{background:#4a1f1c;border-color:#8d4b43}.danger-button:hover{background:#5b2722;border-color:#ad5b52}.divider{width:100%;margin:0;border:none;border-top:1px solid var(--panel-border)}.form-panel{display:grid;grid-gap:18px;gap:18px;padding:24px;border:1px solid var(--panel-border);border-radius:18px;background:#1d1511;box-shadow:var(--shadow)}.form-header{display:grid;grid-gap:10px;gap:10px}.form-header h2{color:#dfc48f;font-size:1.8rem}.form-copy{max-width:48rem;color:var(--text-soft);line-height:1.6}.character-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.field{display:grid;grid-gap:8px;gap:8px}.field span{color:#dec188;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.field input{width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--panel-border);border-radius:10px;background:#261d18;color:var(--text)}.field input:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}.form-actions{grid-column:1/-1;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.form-status{color:var(--text-soft)}.character-edit-form{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.sheet-list{display:grid;grid-gap:24px;gap:24px}.character-sheet{width:100%;background:var(--panel);color:var(--text);border:1px solid var(--panel-border);border-radius:18px;padding:24px;box-shadow:var(--shadow)}.sheet-topbar{display:flex;justify-content:space-between;align-items:start;gap:18px}.sheet-header{text-align:center;flex:1 1}.sheet-header h2{color:#dfc48f;font-size:clamp(1.7rem,3vw,2.4rem);margin-bottom:8px}.sheet-header p{color:var(--text-soft);font-weight:600;line-height:1.5}.sheet-actions{display:grid;justify-items:end;grid-gap:8px;gap:8px}.sheet-error{color:#d7a198;font-size:.9rem}.stats-grid{margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.stat-card{background:var(--panel-soft);border:1px solid var(--panel-soft-border);border-radius:12px;padding:12px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.18)}.stat-label{color:#dec188;letter-spacing:.08em;font-size:.9rem}.stat-score{margin-top:6px;color:#f5ead0;font-size:1.8rem;font-weight:700}.stat-mod{margin-top:6px;color:#ebc777;font-size:1.1rem}.empty-state{padding:18px 20px;border:1px solid var(--panel-border);border-radius:12px;background:#1d1511;color:var(--text-soft)}@media (max-width:720px){.page-header{align-items:start;flex-direction:column}.character-edit-form,.character-form{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet-topbar{flex-direction:column}.sheet-actions{width:100%;justify-items:stretch}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.page-shell{padding:20px 14px}.character-edit-form,.character-form,.stats-grid{grid-template-columns:1fr}}