:root{--text:#43352d;--text-h:#1f1712;--muted:#6c5b4e;--bg:#efe2cf;--panel:#f7efe3;--border:#5c443024;--accent:#a65e2c;--accent-soft:#a65e2c24;--accent-strong:#7c431b;--error:#a12b20;--shadow:0 20px 45px #452c181f, 0 8px 18px #452c1814;--sans:"Trebuchet MS", "Gill Sans", "Gill Sans MT", Calibri, "Segoe UI", sans-serif;--heading:Georgia, "Times New Roman", serif;--mono:"Consolas", "Courier New", monospace;font-family:var(--sans);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#e3bf7b80,#0000 35%),radial-gradient(circle at 100% 0,#60886938,#0000 28%),linear-gradient(#f6efe3 0%,#efe2cf 100%);font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background:linear-gradient(#ffffff0f,#ffffff0f),repeating-linear-gradient(120deg,#7c431b0d,#7c431b0d 2px,#0000 2px 18px);position:fixed;inset:0}#root{max-width:1200px;min-height:100vh;margin:0 auto;position:relative}h1,h2,h3{font-family:var(--heading);line-height:1.1}h1{color:var(--text-h);margin:.35rem 0 1rem;font-size:clamp(2.6rem,5vw,4.6rem)}h2{color:var(--text-h);margin:0;font-size:1.8rem}p{margin:0}button,input,select{font:inherit}[hidden]{display:none!important}.app-shell{gap:1rem;padding:1rem;display:grid}.hero-panel,.workspace{gap:1rem;display:grid}.page-nav{z-index:10;border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7efe3d1;border-radius:1rem;gap:.75rem;padding:.75rem;display:grid;position:sticky;top:.5rem}.hero-panel{grid-template-columns:minmax(0,1.6fr) minmax(18rem,.9fr);align-items:stretch}.workspace{grid-template-columns:repeat(2,minmax(0,1fr))}.secondary-grid{align-items:start}.panel-full-width{grid-column:1/-1}.tab-row{flex-wrap:wrap;gap:.5rem;display:flex}.tab-button,.home-card{border:1px solid var(--border);color:var(--text-h);font:inherit;background:#fffcf7d9;border-radius:1rem}.tab-button{cursor:pointer;padding:.55rem .8rem}.tab-button-active{background:var(--accent-soft);border-color:var(--accent)}.home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.home-card{text-align:left;cursor:pointer;gap:.3rem;padding:.9rem;display:grid}.panel,.hero-card{border:1px solid var(--border);background:linear-gradient(180deg, #ffffffd9, #f5eadae6), var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem}.panel{padding:1rem}.accent-panel{background:linear-gradient(160deg, #da915333, #f5eadaf0), var(--panel)}.hero-copy{padding:.5rem 0}.hero-text{max-width:42rem;font-size:.98rem}.hero-card{align-content:center;gap:.5rem;padding:1rem;display:grid}.eyebrow,.panel-kicker,.hero-card-label{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin:0;font-size:.72rem}.hero-card-formula{font-family:var(--mono);color:var(--text-h);font-size:1rem}.hero-card-note,.field-help,.muted-text,.save-chip,.rule-note{color:var(--muted)}.panel-heading{justify-content:space-between;align-items:start;gap:.75rem;margin-bottom:.75rem;display:flex}.panel-heading>*{min-width:0}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.trait-check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem .75rem;display:grid}.field{gap:.3rem;min-width:0;display:grid}.checkbox-field{align-content:start}.checkbox-row{color:var(--text-h);align-items:center;gap:.5rem;display:flex}.checkbox-row input{block-size:1rem;inline-size:1rem;accent-color:var(--accent)}.stat-readout{align-content:start}.field-label{color:var(--text-h);font-weight:700}.text-input,.select-input,.ghost-button{border:1px solid var(--border);font:inherit;border-radius:.95rem}.text-input,.select-input{color:var(--text-h);background:#fffcf7eb;inline-size:100%;min-inline-size:0;padding:.65rem .8rem}.text-input:focus,.select-input:focus,.ghost-button:focus{outline:2px solid var(--accent);outline-offset:2px}.ghost-button{color:var(--text-h);cursor:pointer;background:#fff8efe6;padding:.55rem .8rem}.result-badge,.multiplier-chip,.save-chip{white-space:normal;overflow-wrap:anywhere;text-align:center;border-radius:999px;padding:.25rem .6rem}.result-badge{background:var(--accent-soft);color:var(--accent-strong);font-weight:700}.save-chip,.multiplier-chip{background:#5778601f}.calculation-card,.category-detail,.category-item,.readout-box{border:1px solid var(--border);background:#fffcf7b8;border-radius:1.1rem;padding:.8rem}.readout-box{color:var(--text-h);font-family:var(--mono)}.rules-block{white-space:pre-wrap;font:inherit;color:var(--text);overflow-wrap:anywhere;max-block-size:18rem;margin:0;padding-right:.35rem;overflow:auto}.category-placeholder{align-content:center;min-height:9rem}.category-list{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.statblock{gap:.75rem;display:grid}.statblock-section,.statblock-header,.statblock-total{border:1px solid var(--border);background:#fffcf7b8;border-radius:1.1rem;padding:.8rem}.statblock-paragraph{margin:0;line-height:1.45}.hover-reference{cursor:help;text-underline-offset:.18em;-webkit-text-decoration:underline dotted #5778608c;text-decoration:underline dotted #5778608c}.attack-table{border-collapse:collapse;inline-size:100%;margin-top:.5rem}.attack-table th,.attack-table td{border-top:1px solid var(--border);text-align:left;vertical-align:top;padding:.45rem .4rem}.attack-table th{color:var(--text-h);font-weight:700}.attack-table thead th{border-top:0}.formula-list,.dr-output-list{margin:0;padding-left:1.2rem}.dr-output-list{gap:.5rem;padding-left:0;list-style:none;display:grid}.dr-output-item,.category-item{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:.75rem;display:flex}.stacked-card{gap:.75rem;display:grid}.category-item>*,.dr-output-item>*,.attack-table td,.attack-table th{min-width:0}.category-item strong,.dr-output-item strong,.panel h2,.panel h3,.panel p,.field-label,.field-help,.muted-text,.rule-note{overflow-wrap:anywhere}.category-item-active{border-color:var(--accent);box-shadow:inset 0 0 0 1px #a65e2c26}.morphology-visual,.morphology-selection-visual{color:var(--accent-strong);flex:none;place-items:center;display:grid}.morphology-visual{background:radial-gradient(circle at top,#da915329,#0000 60%),#fffcf7e0;border:1px solid #a65e2c2e;border-radius:1rem;block-size:4rem;inline-size:5.5rem}.morphology-selection{align-items:center}.morphology-selection-visual{background:radial-gradient(circle at top,#da91532e,#0000 60%),#fffcf7eb;border:1px solid #a65e2c2e;border-radius:1.1rem;block-size:4.75rem;inline-size:6.5rem}.morphology-silhouette{block-size:100%;max-block-size:3.4rem;inline-size:100%;max-inline-size:4.75rem}.field-error{color:var(--error);font-size:.92rem}code{font-family:var(--mono);background:#5778601a;border-radius:.4rem;padding:.1rem .4rem}h3{color:var(--text-h);margin:0 0 .25rem}@media (width<=960px){.hero-panel,.workspace,.field-grid,.trait-check-grid,.home-grid{grid-template-columns:1fr}.panel-heading,.category-item,.dr-output-item{flex-direction:column}.app-shell{padding:1rem}}