:root{font-family:Georgia,serif;color:#e7e5ef;background:#0d1220;font-synthesis:none;--gold:#c8a75f;--panel:#181e31;--panel2:#202741;--line:#343b55;--muted:#a4a5b7;--violet:#2c2149;--danger:#6f3544}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#17172b 0,#0d1220 38%)}button,input,select,textarea{font:inherit}button{background:var(--gold);color:#121625;border:0;border-radius:8px;padding:11px 16px;cursor:pointer;font-weight:700}button:hover{filter:brightness(1.06)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:#293149;color:#e7e5ef}button.danger{background:var(--danger);color:#fff}button.compact{padding:7px 10px;font-size:12px}button.icon{padding:4px 8px;min-width:28px}.app{min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:28px max(24px,calc((100vw - 1220px)/2));border-bottom:1px solid #393a53;background:linear-gradient(120deg,#151a2d,#2a2045)}header>div:last-child{display:flex;align-items:center;gap:12px}.eyebrow{color:var(--gold);letter-spacing:2.6px;font:11px Arial,sans-serif}h1{font-size:40px;margin:6px 0}h2{font-size:24px;margin:4px 0 10px}p{line-height:1.5}.tagline{font-style:italic;color:#a8a7ba;margin:0}.email{font:13px Arial;color:#a8a7ba}main{max-width:1220px;margin:28px auto;padding:0 20px;min-height:65vh}.toolbar,.sectionhead,.hero-actions,.capture-row,.combatant-form{display:flex;align-items:center;gap:12px}.toolbar,.sectionhead{justify-content:space-between}.toolbar{margin-bottom:20px}.campaign-picker{display:flex;align-items:center;gap:12px;flex:1}.campaign-picker label{color:var(--gold)}.campaign-picker select{width:min(560px,100%)}select,input,textarea{background:#171d30;border:1px solid #454b63;color:#fff;padding:11px 12px;border-radius:7px}textarea{width:100%;min-height:290px;resize:vertical;line-height:1.55}.panel{background:#181e31f5;border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:0 12px 28px #0000001f}.campaign-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:14px;padding:20px 2px}.campaign-hero h2{font-size:32px;margin-bottom:5px}.campaign-hero p{margin:0;color:var(--muted)}.status{font:13px Arial,sans-serif;padding:9px 12px;border-radius:20px;background:#252c42}.status.live{color:#d9c786}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.metric-row>div{background:#141a2a;border:1px solid #30364b;border-radius:10px;padding:14px 16px;display:flex;align-items:baseline;gap:10px}.metric-row strong{font-size:25px;color:var(--gold)}.metric-row span,.muted{color:var(--muted)}.quick-capture{margin-bottom:16px}.quick-capture>div:first-child{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.quick-capture h2{margin-bottom:0}.quick-capture p{font-size:13px;color:var(--muted);margin:0}.capture-row{margin-top:14px}.capture-row input{flex:1}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.session-panel,.initiative-panel{min-height:430px}.empty-state{display:grid;place-items:center;min-height:285px;text-align:center;color:var(--muted)}.combatant-form{display:grid;grid-template-columns:1.7fr .8fr .55fr .55fr auto;margin:14px 0}.number{min-width:0}.initiative-list{display:grid;gap:8px}.combatant{display:grid;grid-template-columns:42px 1fr auto auto auto;gap:10px;align-items:center;padding:10px;border:1px solid #343b55;border-radius:9px;background:#151b2d}.combatant.current-turn{outline:2px solid var(--gold);background:#20233a}.initiative-score{font-size:21px;font-weight:700;color:var(--gold);text-align:center}.combatant-main>div:first-child{display:flex;gap:8px;align-items:baseline}.kind{font:10px Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;color:#8f91a5}.conditions{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.conditions span,.pill{font:10px Arial,sans-serif;letter-spacing:.6px;color:#d9c786;background:#302b3f;border:1px solid #4f4660;border-radius:20px;padding:3px 7px}.hp{display:flex;align-items:center;gap:6px;font:12px Arial,sans-serif;white-space:nowrap}.count{font:12px Arial,sans-serif;color:var(--muted)}.todo-list,.journal-list{display:grid;gap:8px;margin-top:12px}.todo{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid #31384e;border-radius:8px;background:#151b2d}.todo input{margin-top:3px}.todo span{display:grid;gap:3px}.todo small{color:var(--muted);line-height:1.4}.todo.done{opacity:.55}.todo.done strong{text-decoration:line-through}.journal-list article{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;border-top:1px solid #31384e;padding:12px 0}.journal-list article:first-of-type{border-top:0}.journal-list p{margin:4px 0 0;color:#b9b9c7;white-space:pre-wrap}.history{margin-bottom:18px}.history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.history-card{border:1px solid #31384e;border-radius:9px;padding:13px;background:#151b2d}.history-card>div{display:flex;justify-content:space-between;gap:10px}.history-card span{font:11px Arial,sans-serif;color:var(--muted)}.history-card p{color:#b6b6c5;font-size:13px;max-height:90px;overflow:hidden;white-space:pre-wrap}.auth{max-width:520px;margin:0 auto}.auth form{display:grid;gap:16px}.auth label{display:grid;gap:6px}.error{background:#5d303d;padding:14px 16px;border-radius:8px;position:sticky;bottom:16px}.error button{margin-left:10px}code{font-family:Consolas,monospace;color:#d9c786;background:#23283a;padding:2px 5px;border-radius:4px}footer{text-align:center;padding:28px;color:#85869a;font-size:13px}@media(max-width:900px){.workspace-grid{grid-template-columns:1fr}.metric-row{grid-template-columns:repeat(2,1fr)}.history-grid{grid-template-columns:1fr}.combatant-form{grid-template-columns:1fr 1fr}.combatant-form button{grid-column:span 2}.combatant{grid-template-columns:38px 1fr auto}.combatant .hp{grid-column:2}.combatant .compact{grid-row:2}}@media(max-width:650px){header{padding:22px;display:block}header>div:last-child{margin-top:16px}.campaign-hero,.toolbar,.quick-capture>div:first-child{display:block}.campaign-picker{margin-bottom:12px}.capture-row{align-items:stretch}.metric-row{grid-template-columns:1fr 1fr}.combatant-form{grid-template-columns:1fr}.combatant-form button{grid-column:auto}.combatant{grid-template-columns:36px 1fr}.combatant .hp,.combatant .compact{grid-column:2}.hero-actions{margin-top:14px;flex-wrap:wrap}}