:root{color:#f3f0ea;background:#101820;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.4}*{box-sizing:border-box}body{background:radial-gradient(circle at 90% 0,#3b263b 0,#0000 38%),#101820;min-height:100vh;margin:0}main{max-width:620px;margin:auto;padding:32px 18px 56px}.eyebrow{letter-spacing:.14em;color:#d9a441;margin:0 0 5px;font-size:.7rem;font-weight:800}h1{margin:0 0 12px;font-family:Georgia,serif;font-size:clamp(2.5rem,11vw,4rem);line-height:.95}h2{margin:0 0 16px;font-family:Georgia,serif;font-size:1.6rem}h3{margin:24px 0 10px;font-size:1rem}.lede{color:#b8c1c7;margin:0 0 28px}.card{background:#17232b;border:1px solid #2b3c46;border-radius:16px;margin:14px 0;padding:20px;box-shadow:0 8px 30px #0003}.hidden{display:none}label{color:#aab7bd;margin:14px 0 6px;font-size:.8rem;font-weight:700;display:block}.inline,.hp-row{gap:8px;display:flex}input,select,button{font:inherit;color:#f3f0ea;background:#101820;border:1px solid #415560;border-radius:9px;padding:11px 12px}input,select{width:100%}button{color:#17130d;cursor:pointer;background:#d9a441;border:0;font-weight:800}.inline input{flex:1}.inline button{width:92px}.secondary{color:#d5dde0;background:0 0;border:1px solid #52646d;padding:8px;font-size:.8rem}.status{color:#e9b4a1;min-height:1.4em;font-size:.85rem}.character-summary,.stat-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.character-summary h2{margin-bottom:0}.character-summary p:last-child{color:#aab7bd;margin:5px 0;font-size:.85rem}.size{color:#d9a441;text-align:right;font-size:.75rem;font-weight:800}.headline-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0;display:grid}.headline-stats div{text-align:center;background:#101820;border-radius:10px;padding:12px 8px}.headline-stats span{color:#8fa1aa;font-size:.68rem;font-weight:800;display:block}.headline-stats strong{margin-top:4px;font:700 1.55rem Georgia,serif;display:block}.headline-stats div:nth-child(3) strong{font-size:clamp(.9rem,3vw,1.2rem);line-height:1.15}.hp-control{border-top:1px solid #2b3c46;padding-top:14px}.hp-row{align-items:center}.hp-row input{text-align:center;font-size:1.35rem;font-weight:800}.round{border-radius:50%;width:42px;height:42px;padding:0;font-size:1.4rem}.notes{color:#c3ced2;background:#22343d;border-radius:9px;margin-top:16px;padding:11px;font-size:.85rem}.action{background:#101820;border-radius:9px;flex-direction:column;gap:3px;margin:7px 0;padding:11px 12px;display:flex}.action strong{color:#e8c278}.action span{color:#c5d0d4;font-size:.84rem}