@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Cormorant+Garamond:wght@400;600;700&display=swap";:root{--bg-base: #f2e7cd;--bg-overlay: #dbc08f;--surface: rgba(255, 247, 228, .86);--surface-strong: rgba(255, 244, 217, .95);--ink: #2c2419;--ink-muted: #65553f;--accent: #7b4c1f;--accent-strong: #5f3614;--line: rgba(100, 68, 40, .32);--shadow: 0 12px 26px rgba(60, 37, 20, .2)}:root[data-theme=moonlit]{--bg-base: #1d2833;--bg-overlay: #4f5e5c;--surface: rgba(248, 232, 204, .14);--surface-strong: rgba(247, 224, 184, .2);--ink: #f4ead6;--ink-muted: #d9cab2;--accent: #e7b257;--accent-strong: #f0c575;--line: rgba(255, 235, 200, .25);--shadow: 0 14px 26px rgba(5, 8, 9, .38)}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Cormorant Garamond,serif;background:radial-gradient(circle at 20% 8%,rgba(255,255,255,.25),transparent 36%),radial-gradient(circle at 85% 16%,rgba(255,225,165,.16),transparent 34%),repeating-linear-gradient(45deg,#ffffff08,#ffffff08 2px,#00000008 2px,#00000008 4px),linear-gradient(155deg,var(--bg-base),var(--bg-overlay));min-height:100vh}h1,h2,h3,h4,strong{font-family:Cinzel,serif;margin:0}p{margin:0}button{font:inherit;cursor:pointer}.app-shell{width:min(1100px,94vw);margin:2rem auto 3rem;display:grid;gap:1rem}.card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:1rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.app-header{padding:1rem 1.2rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem}.app-header h1{font-size:clamp(1.45rem,3.5vw,2rem)}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;margin-bottom:.25rem}.subtext{font-size:1rem;color:var(--ink-muted)}.generator-wrap{display:grid;gap:1rem}.action-bar{padding:1rem;display:grid;gap:.7rem}.action-row{display:flex;flex-wrap:wrap;gap:.55rem}.primary-btn,.secondary-btn{border-radius:999px;border:1px solid transparent;padding:.5rem .9rem;transition:transform .18s ease,filter .2s ease}.primary-btn{background:linear-gradient(110deg,var(--accent),var(--accent-strong));color:#fff9ea;border-color:#ffe9ce61}.secondary-btn{color:var(--ink);border-color:var(--line);background:var(--surface-strong)}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-1px);filter:brightness(1.03)}.primary-btn:disabled,.secondary-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.notice{min-height:1.2rem;color:var(--ink-muted);font-size:1rem}.empty-state{padding:1.5rem;text-align:center;display:grid;gap:.45rem}.character-sheet{display:grid;gap:1rem}.sheet-top{display:grid;grid-template-columns:320px 1fr;gap:1rem}.portrait-panel{overflow:hidden}.portrait-image{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.portrait-meta{padding:.75rem .9rem;display:grid;gap:.35rem}.prompt-text{color:var(--ink-muted);font-size:.96rem}.summary-card{padding:1rem;display:grid;gap:.8rem}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:.6rem}.summary-item{border:1px solid var(--line);border-radius:.8rem;padding:.55rem .7rem;display:grid;gap:.3rem;background:color-mix(in srgb,var(--surface-strong) 80%,transparent)}.summary-item span{font-size:.92rem;color:var(--ink-muted)}.summary-item.compact strong{font-size:1.35rem}.lock-chip{border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink-muted);width:fit-content;padding:.2rem .56rem;font-size:.86rem}.lock-chip.locked{color:#fff8ea;border-color:transparent;background:linear-gradient(110deg,#b06229,#7b3e1c)}.level-controls{border-top:1px dashed var(--line);padding-top:.65rem;display:grid;gap:.45rem}.level-buttons{display:flex;align-items:center;gap:.5rem}.icon-btn{width:2.2rem;height:2.2rem;padding:0}.level-readout{font-size:1.05rem;font-weight:700}.level-slider{width:100%;accent-color:var(--accent)}.sheet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.panel{padding:.95rem;display:grid;gap:.6rem}.panel h3{font-size:1.15rem;border-bottom:1px dashed var(--line);padding-bottom:.3rem}.panel-subtext{color:var(--ink-muted)}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.stat-tile{border:1px solid var(--line);border-radius:.7rem;padding:.45rem .5rem;text-align:center;display:grid;gap:.1rem;background:color-mix(in srgb,var(--surface-strong) 65%,transparent)}.stat-short{letter-spacing:.08em;font-size:.78rem;color:var(--ink-muted)}.stat-label{font-size:.88rem}.stat-score{font-size:1.3rem}.stat-mod{color:var(--accent);font-weight:700}.list-grid,.feature-list{margin:0;padding-left:1.1rem;display:grid;gap:.3rem}.feature-list li{display:grid;gap:.2rem}.feature-level{display:inline-block;margin-right:.35rem;color:var(--ink-muted);font-size:.88rem}.feature-description{color:var(--ink-muted)}.story-panel p{line-height:1.45}@media (max-width: 960px){.sheet-top{grid-template-columns:1fr}.portrait-panel{max-width:500px;justify-self:center}}@media (max-width: 720px){.app-shell{margin:.9rem auto 1.4rem}.app-header{flex-direction:column;align-items:flex-start}.summary-grid,.sheet-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}