@import "https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Cinzel:wght@400;500;600;700&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Uncial+Antiqua&display=swap";.app{min-height:100vh;padding:26px 30px 60px}.app:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(62% 48% at 50% -8%,#ffcd8229,#0000 70%),radial-gradient(90% 70%,#0000 40%,#0000008c 100%);animation:7s ease-in-out infinite flicker;position:fixed;inset:0}.app>*{z-index:1;position:relative}.app-header{border-bottom:2px solid var(--gold-deep);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:26px;margin-bottom:26px;padding-bottom:0;display:flex;box-shadow:0 3px 14px #00000080}.brand{padding-bottom:14px}.brand-title{font-size:clamp(26px,4vw,42px);line-height:1.1}.brand-sub{letter-spacing:.05em;color:#efe0c099;margin:5px 0 0;font-size:15px;font-style:italic}@media (width<=940px){.app{padding:20px 16px 50px}}@media (width<=480px){.app{padding:16px 12px 44px}.app-header{gap:14px}.brand{padding-bottom:4px}}@media (pointer:coarse){.entity-remove,.roster-delete,.list-remove,.ability-delete,.stepper-btn{min-width:44px;min-height:44px}.stat-stepper{gap:6px}.entity-select,.roster-select{padding-top:13px;padding-bottom:13px}.btn{min-height:44px}.input,.textarea,.select{font-size:16px}}:root{--parchment:#efe0c0;--parchment-light:#f7ecd6;--parchment-mid:#e4d0a8;--parchment-dark:#cbb389;--parchment-shadow:#b9a077;--wood-darkest:#1c1108;--wood-dark:#2e1c0e;--wood-mid:#43290f;--wood-light:#5d3a18;--wood-highlight:#7a4f24;--gold:#d4af37;--gold-bright:#f0d675;--gold-deep:#8a6d1f;--iron:#4a4a52;--iron-light:#6f6f7a;--ink:#2b1a0e;--ink-soft:#58412c;--ink-faded:#7d6448;--blood:#8c2f24;--blood-bright:#c0392b;--emerald:#2f6b42;--arcane:#6b4fa8;--arcane-bright:#9b7fd4;--candle:#ffce7a;--candle-glow:#ffc46a59;--font-display:"Cinzel Decorative", "Times New Roman", serif;--font-heading:"Cinzel", "Times New Roman", serif;--font-body:"EB Garamond", Georgia, serif;--font-rune:"Uncial Antiqua", "Cinzel", serif;--radius:3px;--shadow-deep:0 18px 40px #0000008c;--shadow-lift:0 8px 18px #0006}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--parchment);background-color:var(--wood-darkest);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.55}.wood-surface{background-color:var(--wood-mid);background-image: radial-gradient(ellipse 15px 8px at 17% 22%, #1a0c036b, #1a0c0324 58%, transparent 80%), radial-gradient(ellipse 34px 17px at 17% 22%, transparent 58%, #00000012 74%, transparent 90%), radial-gradient(ellipse 12px 7px at 74% 61%, #1a0c035c, #1a0c031f 58%, transparent 80%), radial-gradient(ellipse 28px 15px at 74% 61%, transparent 58%, #0000000f 74%, transparent 90%),  radial-gradient(ellipse 1100px 130px at 26% 14%, #ffe2b20d, transparent 74%), radial-gradient(ellipse 1300px 110px at 72% 47%, #0003, transparent 72%), radial-gradient(ellipse 900px 96px at 38% 82%, #ffe2b20a, transparent 72%),  repeating-linear-gradient(to bottom, transparent 0px, transparent 114px, #00000094 114px, #00000094 116px, #ffd6a016 116px, #ffd6a016 118px, transparent 118px, transparent 121px),  repeating-linear-gradient(to bottom, #ffffff07 0px, transparent 167px, #0000000e 334px),  linear-gradient(93deg, var(--wood-dark) 0%, var(--wood-mid) 22%, var(--wood-light) 46%, var(--wood-mid) 68%, var(--wood-dark) 100%), linear-gradient(174deg, var(--wood-light), var(--wood-mid) 42%, var(--wood-dark) 78%, var(--wood-darkest));position:relative}.wood-surface:after{content:"";pointer-events:none;filter:url(#wood-grain);opacity:.55;mix-blend-mode:multiply;position:absolute;inset:0}.parchment-surface{color:var(--ink);background-color:var(--parchment);background-image:radial-gradient(ellipse at 12% 8%, #a0783c38, transparent 45%), radial-gradient(ellipse at 88% 22%, #966e372e, transparent 40%), radial-gradient(ellipse at 70% 92%, #8c643233, transparent 45%), radial-gradient(ellipse at 30% 70%, #aa82461f, transparent 40%), linear-gradient(150deg, var(--parchment-light), var(--parchment) 45%, var(--parchment-mid));position:relative;box-shadow:inset 0 0 60px #78552847,inset 0 0 12px #5a3c194d}.parchment-surface:before{content:"";pointer-events:none;opacity:.55;filter:url(#parchment-fibres);mix-blend-mode:multiply;position:absolute;inset:0}.deckled{clip-path:polygon(.4% 1.2%,12% .3%,26% 1.4%,41% .2%,58% 1.3%,73% .4%,88% 1.5%,99.6% .6%,99.2% 14%,100% 30%,99% 46%,99.8% 62%,99.1% 78%,99.7% 92%,99.3% 99%,86% 99.4%,71% 98.6%,55% 99.7%,38% 98.8%,22% 99.6%,8% 98.7%,.6% 99.2%,1% 84%,.2% 68%,.9% 52%,.1% 36%,.8% 20%)}.ornate-frame{border:2px solid var(--gold-deep);border-radius:var(--radius);box-shadow:0 0 0 1px #0009, 0 0 0 5px var(--wood-dark), 0 0 0 6px var(--gold-deep), var(--shadow-lift);background-clip:padding-box;position:relative}.ornate-frame:before,.ornate-frame:after{content:"";border:2px solid var(--gold);opacity:.8;pointer-events:none;width:20px;height:20px;position:absolute}.ornate-frame:before{border-bottom:none;border-right:none;border-top-left-radius:2px;top:-2px;left:-2px}.ornate-frame:after{border-top:none;border-left:none;border-bottom-right-radius:2px;bottom:-2px;right:-2px}.filigree{color:var(--gold);letter-spacing:.3em;text-transform:uppercase;font-size:12px;font-family:var(--font-heading);align-items:center;gap:12px;display:flex}.filigree:before,.filigree:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-deep), var(--gold), var(--gold-deep), transparent);flex:1;height:1px}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:.02em;margin:0;font-weight:600}.display-title{font-family:var(--font-display);letter-spacing:.06em;background:linear-gradient(180deg, var(--gold-bright), var(--gold) 45%, var(--gold-deep));color:#0000;text-shadow:0 2px 10px #00000080;-webkit-background-clip:text;background-clip:text;font-weight:900}.illuminated:first-letter{float:left;font-family:var(--font-rune);color:var(--blood);text-shadow:1px 1px 0 var(--gold-deep);padding:6px 10px 0 0;font-size:3.4em;line-height:.82}.btn{font-family:var(--font-heading);letter-spacing:.12em;text-transform:uppercase;color:var(--parchment-light);border:1px solid var(--gold-deep);border-radius:var(--radius);cursor:pointer;background:linear-gradient(180deg, #ffffff17, transparent 45%), linear-gradient(180deg, var(--wood-light), var(--wood-dark));padding:11px 22px;font-size:14px;font-weight:600;transition:transform .12s,box-shadow .2s,border-color .2s;position:relative;box-shadow:inset 0 1px #ffdca02e,inset 0 -2px 6px #00000080,0 3px 8px #00000073}.btn:hover:not(:disabled){border-color:var(--gold);box-shadow:inset 0 1px 0 #ffdca047, inset 0 -2px 6px #00000080, 0 6px 16px #00000080, 0 0 18px var(--candle-glow);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 3px 8px #0009}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{color:#2a1c05;background:linear-gradient(180deg, #ffffff59, transparent 50%), linear-gradient(180deg, var(--gold-bright), var(--gold) 55%, var(--gold-deep));border-color:var(--gold-bright);text-shadow:0 1px #ffffff4d}.btn-ghost{box-shadow:none;color:var(--gold);background:0 0;border-color:#d4af3759}.field-label{font-family:var(--font-heading);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:7px;font-size:12px;font-weight:600;display:block}.input,.textarea,.select{width:100%;font-family:var(--font-body);color:var(--ink);border:1px solid var(--parchment-shadow);border-radius:var(--radius);background:linear-gradient(180deg, #fff6, transparent 30%), var(--parchment-light);outline:none;padding:10px 13px;font-size:16px;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 2px 5px #78552840}.input:focus,.textarea:focus,.select:focus{border-color:var(--gold);box-shadow:inset 0 2px 5px #78552833,0 0 0 3px #d4af3740}.textarea{resize:vertical;min-height:150px;line-height:1.7}.hint{color:var(--ink-faded);margin-top:5px;font-size:13px;font-style:italic}::-webkit-scrollbar{width:13px;height:13px}::-webkit-scrollbar-track{background:var(--wood-darkest)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--gold-deep), var(--wood-light));border:2px solid var(--wood-darkest);border-radius:7px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--gold), var(--wood-highlight))}::selection{color:var(--parchment-light);background:#d4af3759}@keyframes flicker{0%,to{opacity:.85}45%{opacity:1}55%{opacity:.72}70%{opacity:.95}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes seal-stamp{0%{opacity:0;transform:scale(1.7)rotate(-14deg)}60%{opacity:1;transform:scale(.94)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}.rise-in{animation:.45s cubic-bezier(.2,.8,.3,1) both rise-in}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.tabs{flex-wrap:wrap;align-items:flex-end;gap:4px;display:flex}.tab{font-family:var(--font-heading);letter-spacing:.14em;text-transform:uppercase;color:#efe0c08c;cursor:pointer;background:linear-gradient(#ffffff08,#00000047);border:1px solid #0000;border-bottom:none;border-radius:5px 5px 0 0;align-items:center;gap:9px;padding:12px 24px 11px;font-size:13px;font-weight:600;transition:color .2s,background .25s,border-color .25s;display:flex;position:relative}.tab:hover{color:var(--parchment);background:linear-gradient(#ffffff14,#0003)}.tab-active{color:#2a1c05;border-color:var(--gold-deep);background:linear-gradient(180deg, #fff6, transparent 55%), linear-gradient(180deg, var(--gold-bright), var(--gold) 60%, var(--gold-deep));box-shadow:0 -3px 14px var(--candle-glow);text-shadow:0 1px #ffffff47}.tab-glyph{flex-shrink:0}@media (width<=720px){.tab-label{display:none}.tab{padding:12px 18px}}@media (width<=420px){.tabs{justify-content:flex-start;width:100%}.tab{flex:auto;justify-content:center;padding:11px 10px}}.stat-pips{align-items:center;gap:4px;display:inline-flex}.pip{background:linear-gradient(135deg,#ffffff1f,#00000040);border:1px solid #00000073;width:11px;height:11px;transition:background .25s,box-shadow .25s;transform:rotate(45deg);box-shadow:inset 0 0 3px #00000080}.pip-filled{background:linear-gradient(135deg, #ffffff8c, transparent 55%), var(--pip-accent,var(--gold));box-shadow:inset 0 0 3px #ffffff80, 0 0 7px color-mix(in srgb, var(--pip-accent,var(--gold)) 55%, transparent)}.pip-drained{background:linear-gradient(135deg,#5a2020,#2a0d0d);box-shadow:inset 0 0 4px #000c}.pip-overflow{font-family:var(--font-heading);color:var(--pip-accent,var(--gold));margin-left:3px;font-size:13px;font-weight:700}.pip-negative{color:var(--blood-bright)}.sheet{border:1px solid var(--parchment-shadow);box-shadow:var(--shadow-deep), inset 0 0 70px #7855284d;color:var(--ink);border-radius:3px;padding:34px 38px 26px}.sheet-header{border-bottom:3px double #2b1a0e66;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding-bottom:18px;display:grid}.crest{filter:drop-shadow(0 3px 5px #0000004d);width:58px;height:67px}.sheet-name{font-family:var(--font-display);color:var(--ink);font-size:33px;line-height:1.1}.sheet-subtitle{font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;color:var(--blood);margin:4px 0 0;font-size:15px}.sheet-meta{color:var(--ink-faded);margin:6px 0 0;font-size:14px;font-style:italic}.sheet-hp{border:2px solid var(--blood);background:#8c2f2417;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;min-width:96px;padding:11px 14px;display:flex;box-shadow:inset 0 0 16px #8c2f2429}.hp-label{font-family:var(--font-heading);letter-spacing:.18em;text-transform:uppercase;color:var(--blood);font-size:10px;font-weight:700}.hp-value{font-family:var(--font-display);color:var(--blood);font-size:34px;font-weight:900;line-height:1.1}.sheet-filigree{color:var(--blood);margin:22px 0 14px}.sheet-filigree:before,.sheet-filigree:after{background:linear-gradient(90deg,#0000,#8c2f2473,#0000)}.sheet-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 26px;display:grid}.stat-row{background:#ffffff29;border:1px solid #2b1a0e38;border-radius:2px;grid-template-columns:30px 1fr auto 34px;align-items:center;gap:10px;padding:6px 10px;display:grid}.stat-abbr{font-family:var(--font-heading);color:var(--blood);font-size:15px;font-weight:700}.stat-name{color:var(--ink-soft);font-size:15px}.stat-total{font-family:var(--font-heading);text-align:right;color:var(--ink);font-size:17px;font-weight:700}.sheet-derived{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;display:grid}.derived-item{border-left:3px solid var(--sheet-accent,var(--gold-deep));background:#fff3;border-radius:0 2px 2px 0;flex-direction:column;gap:2px;padding:9px 12px;display:flex}.derived-label{font-family:var(--font-heading);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faded);font-size:10px;font-weight:600}.derived-value{color:var(--ink);font-size:16px;font-weight:600}.sheet-dodge{border:1px dashed #2b1a0e4d;border-radius:2px;margin-top:16px;padding:13px 15px}.dodge-title{font-family:var(--font-heading);letter-spacing:.16em;text-transform:uppercase;color:var(--blood);margin-bottom:9px;font-size:11px;font-weight:700;display:block}.dodge-grid{grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:7px;display:grid}.dodge-cell{background:#ffffff38;border-radius:2px;flex-direction:column;align-items:center;gap:2px;padding:7px 5px;display:flex}.dodge-comparison{text-align:center;color:var(--ink-faded);font-size:12px;line-height:1.3}.dodge-target{font-family:var(--font-heading);color:var(--ink);font-size:19px;font-weight:700}.sheet-ability+.sheet-ability{border-top:1px dashed #2b1a0e38;margin-top:13px;padding-top:13px}.sheet-ability h4{font-family:var(--font-heading);letter-spacing:.14em;text-transform:uppercase;color:var(--blood);margin-bottom:4px;font-size:13px;font-weight:700}.sheet-ability p{color:var(--ink-soft);margin:0;font-size:15px}.sheet-backstory p{color:var(--ink-soft);text-align:justify;-webkit-hyphens:auto;hyphens:auto;white-space:pre-wrap;margin:0}.sheet-footer{letter-spacing:.06em;color:var(--ink-faded);border-top:1px solid #2b1a0e38;justify-content:space-between;margin-top:26px;padding-top:12px;font-size:12px;font-style:italic;display:flex}@media (width<=700px){.sheet{padding:24px 20px}.sheet-header{grid-template-columns:auto 1fr}.sheet-hp{grid-column:1/-1}.sheet-stats{grid-template-columns:minmax(0,1fr)}}.age-conv{color:var(--ink-soft,#efe0c0cc);background:#00000024;border:1px dashed #d4af374d;border-radius:3px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 11px;font-size:14px;display:flex}.age-conv-label{font-family:var(--font-heading);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faded,#efe0c080);font-size:10px}.age-conv-input{text-align:center;width:66px;padding:5px 7px}.age-conv-out strong{font-family:var(--font-heading);color:var(--blood);font-size:16px}