:root{--bg: #14110f;--bg-raised: #1e1a17;--bg-card: #24201c;--bg-card-hover: #2c2621;--ink: #ece5d8;--ink-dim: #a89e8d;--ink-faint: #7c7264;--line: #3a332c;--line-strong: #4d4438;--gold: #d9b56b;--gold-bright: #f5d896;--crimson: #b3402f;--crimson-bright: #d65a44;--green: #6f9c5a;--radius: 12px;--shadow: 0 8px 24px rgba(0, 0, 0, .45);--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans: "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);background-image:radial-gradient(1200px 600px at 50% -10%,rgba(217,181,107,.06),transparent),radial-gradient(800px 500px at 100% 100%,rgba(179,64,47,.05),transparent);color:var(--ink);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--serif);font-weight:600;margin:0}button{font-family:inherit;cursor:pointer}.app{max-width:1080px;margin:0 auto;padding:24px 20px 120px}.app__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}.app__brand{display:flex;align-items:center;gap:14px}.app__logo{width:46px;height:46px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.app__brand h1{font-size:1.7rem;letter-spacing:.5px;color:var(--gold-bright)}.app__brand p{margin:2px 0 0;font-size:.8rem;color:var(--ink-dim);text-transform:uppercase;letter-spacing:2px}.app__main{padding:28px 0;animation:fade .3s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.stepper-nav{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px;padding:6px;background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius)}.stepper-nav__item{flex:1 1 auto;display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:none;border-radius:8px;color:var(--ink-dim);font-size:.85rem;transition:background .15s,color .15s;white-space:nowrap}.stepper-nav__item:hover:not(:disabled){background:var(--bg-card);color:var(--ink)}.stepper-nav__item:disabled{opacity:.4;cursor:not-allowed}.stepper-nav__item.is-active{background:linear-gradient(180deg,#3a2f22,#2a221a);color:var(--gold-bright);box-shadow:inset 0 0 0 1px var(--line-strong)}.stepper-nav__item.is-done .stepper-nav__num{background:var(--green);color:#0f140c;border-color:var(--green)}.stepper-nav__num{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--line-strong);font-size:.75rem;font-weight:700;background:var(--bg)}.stepper-nav__item.is-active .stepper-nav__num{background:var(--gold);color:#1a1510;border-color:var(--gold)}.step-heading{margin-bottom:22px}.step-heading__eyebrow{margin:0 0 6px;font-size:.72rem;letter-spacing:3px;text-transform:uppercase;color:var(--crimson-bright);font-weight:700}.step-heading__title{font-size:2rem;color:var(--gold-bright)}.step-heading__lead{margin:8px 0 0;max-width:62ch;color:var(--ink-dim)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.card-grid--tight{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:10px}.select-card{text-align:left;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;color:var(--ink);transition:transform .12s,border-color .15s,background .15s;display:flex;flex-direction:column;gap:8px}.select-card:hover{background:var(--bg-card-hover);border-color:var(--line-strong);transform:translateY(-2px)}.select-card.is-selected{border-color:var(--gold);background:linear-gradient(180deg,#d9b56b1f,#d9b56b08);box-shadow:0 0 0 1px var(--gold),var(--shadow)}.select-card__head{display:flex;align-items:center;justify-content:space-between}.select-card__title{font-family:var(--serif);font-size:1.15rem;color:var(--gold-bright)}.select-card__check{color:var(--gold-bright);font-weight:700}.select-card__subtitle{margin:0;font-size:.85rem;color:var(--ink-dim)}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:.72rem;padding:3px 8px;border-radius:999px;background:#d9b56b1a;border:1px solid var(--line-strong);color:var(--gold);white-space:nowrap}.detail-panel{margin-top:20px;padding:20px;background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius)}.detail-panel h3{font-size:1.4rem;color:var(--gold-bright);margin-bottom:12px}.detail-panel h4{font-size:.78rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--crimson-bright);margin-bottom:6px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.detail-grid p{margin:0;font-size:.9rem}.subsection{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.trait-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.trait-list li{font-size:.9rem;line-height:1.45}.trait-list--compact li{font-size:.85rem}.trait-list__name{color:var(--gold);font-weight:600}.trait-list__desc{color:var(--ink-dim)}.bullet-list{margin:0;padding-left:18px;color:var(--ink-dim);font-size:.9rem;display:flex;flex-direction:column;gap:4px}.hint{font-size:.82rem;color:var(--ink-faint);margin:10px 0 0;font-style:italic}.pill-grid{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:7px 14px;border-radius:999px;background:var(--bg-card);border:1px solid var(--line);color:var(--ink-dim);font-size:.85rem;transition:all .12s}.pill:hover{border-color:var(--line-strong);color:var(--ink)}.pill.is-selected{background:var(--gold);border-color:var(--gold);color:#1a1510;font-weight:600}.method-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:18px}.method-tab{display:flex;flex-direction:column;gap:3px;padding:12px 14px;background:var(--bg-card);border:1px solid var(--line);border-radius:10px;text-align:left;transition:all .14s}.method-tab:hover{border-color:var(--line-strong)}.method-tab.is-active{border-color:var(--gold);background:linear-gradient(180deg,rgba(217,181,107,.12),transparent)}.method-tab__label{font-family:var(--serif);font-size:1rem;color:var(--gold-bright)}.method-tab__hint{font-size:.75rem;color:var(--ink-faint)}.budget-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--bg-raised);border:1px solid var(--line);border-radius:10px;margin-bottom:16px;font-size:.9rem}.budget-bar strong{color:var(--gold-bright);font-size:1.1rem}.budget-bar.is-over{border-color:var(--crimson)}.budget-bar__warn{color:var(--crimson-bright);font-weight:600}.roll-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}.ability-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.ability-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.ability-card__abbr{font-family:var(--serif);font-size:1.3rem;color:var(--gold-bright);letter-spacing:1px}.ability-card__name{font-size:.72rem;text-transform:uppercase;letter-spacing:1px;color:var(--ink-faint);margin-top:-4px}.stepper{display:flex;align-items:center;gap:4px}.stepper button{width:34px;height:34px;border-radius:8px;border:1px solid var(--line-strong);background:var(--bg);color:var(--gold-bright);font-size:1.2rem;line-height:1;display:grid;place-items:center}.stepper button:hover:not(:disabled){background:var(--bg-card-hover)}.stepper button:disabled{opacity:.3;cursor:not-allowed}.stepper__value{min-width:40px;font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums}.ability-select,.ability-input{width:72px;padding:8px;text-align:center;font-size:1.2rem;font-weight:700;background:var(--bg);color:var(--ink);border:1px solid var(--line-strong);border-radius:8px}.ability-card__footer{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding-top:10px;border-top:1px solid var(--line)}.ability-card__bonus{font-size:.7rem;color:var(--ink-faint)}.ability-card__total{display:flex;align-items:baseline;gap:6px}.ability-card__total strong{font-size:1.3rem;color:var(--gold-bright)}.ability-card__total em{font-style:normal;font-size:.9rem;color:var(--ink-dim)}.progress-note{font-size:.85rem;color:var(--ink-dim);margin-bottom:12px}.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.skill-pill{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-card);border:1px solid var(--line);border-radius:10px;color:var(--ink);transition:all .12s}.skill-pill:hover:not(:disabled){border-color:var(--line-strong)}.skill-pill.is-selected{border-color:var(--gold);background:linear-gradient(180deg,rgba(217,181,107,.14),transparent)}.skill-pill.is-granted{opacity:.55;cursor:not-allowed}.skill-pill:disabled{cursor:not-allowed}.skill-pill__name{flex:1;text-align:left;font-size:.9rem}.skill-pill__ability{font-size:.68rem;color:var(--ink-faint);letter-spacing:1px}.skill-pill__tag{font-size:.62rem;text-transform:uppercase;letter-spacing:1px;color:var(--green)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field--wide{grid-column:1 / -1}.field span{font-size:.78rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--crimson-bright);font-weight:600}.field input,.field select,.field textarea{padding:10px 12px;background:var(--bg-card);border:1px solid var(--line-strong);border-radius:8px;color:var(--ink);font-family:inherit;font-size:.95rem;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold)}.app__footer{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:#14110feb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);z-index:20}.app__footer-status{flex:1;text-align:center;font-size:.88rem}.app__error{color:var(--crimson-bright)}.app__ok{color:var(--green)}.btn{padding:10px 22px;border-radius:10px;border:1px solid var(--gold);background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#1a1510;font-weight:700;font-size:.95rem;transition:filter .14s,transform .1s}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.4)}.btn--ghost{background:transparent;border-color:var(--line-strong);color:var(--ink)}.btn--ghost:hover:not(:disabled){background:var(--bg-card);filter:none}.sheet__toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.sheet__page{background:#f4ecd8;color:#2b2117;border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);font-family:var(--serif)}.sheet__banner{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:3px double #8a6f3a}.sheet__name{font-size:2rem;color:#5a1e12}.sheet__subtitle{margin:4px 0 0;font-size:1rem;color:#6a533a}.sheet__alignment{margin:0;font-size:.9rem;font-style:italic;color:#6a533a;text-align:right}.sheet__vitals{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:18px 0}.vital{display:flex;flex-direction:column;align-items:center;padding:10px 6px;background:#ece0c4;border:1px solid #c9b285;border-radius:8px}.vital__value{font-size:1.5rem;font-weight:700;color:#5a1e12}.vital__label{font-size:.62rem;text-transform:uppercase;letter-spacing:1px;color:#7a6444;text-align:center}.sheet__columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sheet__block{margin-bottom:18px;break-inside:avoid}.sheet__block h3{font-size:1.1rem;color:#5a1e12;border-bottom:1px solid #c9b285;padding-bottom:4px;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.sheet__abilities{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sheet-ability{display:flex;flex-direction:column;align-items:center;padding:8px;background:#ece0c4;border:1px solid #c9b285;border-radius:8px}.sheet-ability__abbr{font-size:.7rem;letter-spacing:1px;color:#7a6444}.sheet-ability__mod{font-size:1.5rem;font-weight:700;color:#2b2117}.sheet-ability__score{font-size:.8rem;color:#7a6444}.sheet-list{list-style:none;margin:0;padding:0}.sheet-row{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:.88rem;border-bottom:1px dotted #cbb98f}.sheet-row__dot{width:10px;height:10px;border-radius:50%;border:1px solid #8a6f3a;flex-shrink:0}.sheet-row.is-proficient .sheet-row__dot{background:#5a1e12;border-color:#5a1e12}.sheet-row__label{flex:1}.sheet-row__ability{font-size:.68rem;color:#9a8054;font-style:normal}.sheet-row__value{font-weight:700;font-variant-numeric:tabular-nums}.sheet-row.is-proficient .sheet-row__label{font-weight:600}.sheet__big{font-size:2rem;font-weight:700;color:#5a1e12;margin:0;text-align:center}.sheet__personality p{margin:4px 0;font-size:.9rem}.sheet__personality strong{color:#5a1e12}@media print{.no-print{display:none!important}body{background:#fff}.app{padding:0;max-width:none}.sheet__page{box-shadow:none;border-radius:0;padding:0}}@media(max-width:640px){.form-grid,.sheet__columns{grid-template-columns:1fr}.sheet__vitals{grid-template-columns:repeat(3,1fr)}.stepper-nav__label{display:none}.app__footer{padding:12px}.btn{padding:10px 16px}}