:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#0b0d12;color:#f4f1ea;--panel:#151923;--line:#2a3140;--gold:#e7ba68;--blue:#83b7ff;--muted:#aab1c0}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 0,#273043 0,transparent 30rem),#0b0d12}.topbar{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:.8rem clamp(1rem,4vw,3rem);border-bottom:1px solid #ffffff12;background:#0b0d12e8;backdrop-filter:blur(16px)}.topbar>div{display:grid;grid-template-columns:auto 1fr;column-gap:.7rem;align-items:center}.topbar small{grid-column:2;color:var(--muted)}.mark{grid-row:1/3;display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid var(--gold);border-radius:.7rem;color:var(--gold);font-weight:900}.topbar nav{display:flex;gap:.35rem}button,.file{border:1px solid var(--line);border-radius:.65rem;background:#1a2030;color:#fff;padding:.65rem .9rem;font:inherit;cursor:pointer}.topbar button.active,button:hover,.file:hover{border-color:var(--gold);color:var(--gold)}.workspace{width:min(1180px,calc(100% - 2rem));margin:auto;padding:2rem 0 4rem}.hero{padding:1rem 0 2rem;max-width:48rem}.eyebrow{margin:0;color:var(--gold);font:800 .72rem/1.2 ui-monospace,monospace;letter-spacing:.16em}h1{margin:.3rem 0;font-family:Georgia,serif;font-size:clamp(2.2rem,7vw,4.8rem);line-height:1.02}h2{margin:0 0 1rem;font:700 1rem/1.2 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em;color:#d9deea}p{color:#c5cad4;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.panel{border:1px solid var(--line);border-radius:1rem;padding:1.2rem;background:linear-gradient(145deg,#171c27,#11151e);box-shadow:0 1.2rem 3rem #0004}.panel label{display:grid;gap:.4rem;margin:.8rem 0;color:var(--muted);font-size:.85rem}.row{display:grid;grid-template-columns:2fr 1fr;gap:.7rem}input,select{width:100%;border:1px solid #343c4e;border-radius:.55rem;background:#0d1017;color:#f8f8f8;padding:.72rem;font:inherit}.abilities{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.abilities label{text-align:center}.abilities input{text-align:center;font-size:1.25rem;font-weight:800}.equip{grid-template-columns:auto 1fr auto!important;align-items:center}.equip input{width:auto}.equip small,.muted,small{color:var(--muted)}.add-row,.actions{display:flex;gap:.6rem}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.stat-grid article{display:grid;gap:.3rem;padding:1rem;border-radius:.75rem;background:#0c1017;text-align:center}.stat-grid span{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.stat-grid strong{font:900 2rem/1 ui-monospace,monospace;color:var(--blue)}.stat-grid small{font-size:.7rem}.actions{margin-top:1rem;justify-content:flex-end;flex-wrap:wrap}.file input{display:none}.danger{margin-left:auto;color:#ffaaaa}.sheet{display:grid;gap:1rem}.sheet-title{display:flex;justify-content:space-between;align-items:end;padding:2rem;border-bottom:1px solid var(--gold)}.level{display:grid;text-align:center}.level strong{font:900 3rem/1 ui-monospace}.large article{min-height:8rem;place-content:center}.ability-sheet{display:grid;grid-template-columns:repeat(6,1fr);gap:.7rem}.ability-sheet article{display:grid;text-align:center;padding:1rem;border:1px solid var(--line);border-radius:.8rem;background:#131823}.ability-sheet strong{font-size:1.7rem}.ability-sheet small{color:var(--gold)}footer{text-align:center;padding:1rem;color:#737b8c;font-size:.75rem}@media(max-width:760px){.topbar small{display:none}.workspace{padding-top:1rem}.grid{grid-template-columns:1fr}.abilities{grid-template-columns:repeat(3,1fr)}.stat-grid,.ability-sheet{grid-template-columns:repeat(3,1fr)}.sheet-title{padding:1rem 0}.actions{justify-content:stretch}.actions>*{flex:1}.danger{margin-left:0}}@media(max-width:420px){.topbar strong{font-size:.85rem}.mark{display:none}.topbar>div{display:block}.abilities{grid-template-columns:repeat(2,1fr)}}