@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap');
:root{color-scheme:dark;--bg:#111820;--panel:#19242e;--edge:#344450;--muted:#a9b9c6;--ink:#edf1f4;--gold:#eac486;--teal:#8bd9c5;font:16px 'DM Sans',system-ui,sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#263745;border:1px solid #425767;border-radius:6px;color:var(--ink);padding:10px 13px;cursor:pointer;text-decoration:none;line-height:1.2}button:hover,.button:hover{border-color:var(--gold);background:#344756}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--gold);color:#18222b;border-color:var(--gold);font-weight:700}button.danger{color:#ffb3ac}button.small{font-size:14px;padding:7px 10px}input,textarea,select{width:100%;min-width:0;color:var(--ink);background:#111c25;border:1px solid #455865;border-radius:5px;padding:10px}input[type=checkbox]{width:19px;height:19px;accent-color:var(--teal)}input:focus,textarea:focus,select:focus,button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}input::placeholder,textarea::placeholder{color:#899ba9}input[type=number]{appearance:textfield}textarea{resize:vertical;min-height:100px;line-height:1.5}label.field{display:flex;flex-direction:column;gap:7px;font-size:14px;color:#bbcad4}.field small{font-size:12px;color:var(--muted)}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 4vw;background:#18232d;border-bottom:1px solid var(--edge)}.brand{display:flex;gap:12px;align-items:center;color:var(--gold);text-decoration:none;font:700 40px 'Libre Baskerville',Georgia,serif}.brand span{font:700 14px 'DM Sans',sans-serif;letter-spacing:2px}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:1.3px;margin-top:5px}.toolbar{display:flex;flex-wrap:wrap;gap:8px}.toolbar button,.toolbar .button{font-size:14px}.shell{max-width:1480px;margin:auto;padding:24px 4vw}.character-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:6px 0 28px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--gold);font-weight:700}h1{font:400 clamp(30px,4vw,44px) 'Libre Baskerville',Georgia,serif;margin:8px 0 10px}h2{font-size:19px;margin:0 0 18px;font-weight:600}h3{font-size:15px;margin:0 0 12px;color:var(--gold)}p{color:var(--muted);line-height:1.5}.character-head p{margin:0}.character-meta{text-align:right;font-size:14px}.character-meta span{display:block;color:var(--teal);margin-bottom:6px}.character-meta small{color:var(--muted)}nav{display:flex;overflow-x:auto;border-bottom:1px solid var(--edge);gap:6px;margin-bottom:24px}nav button{flex-shrink:0;border:0;border-radius:6px 6px 0 0;background:none;color:var(--muted);padding:13px 18px;border-bottom:3px solid transparent}nav button.active{color:var(--gold);background:#26313b;border-bottom-color:var(--gold)}.layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px}.stack{display:flex;flex-direction:column;gap:20px}.panel{background:var(--panel);border:1px solid var(--edge);border-radius:10px;padding:20px;min-width:0}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:15px}.panel-head h2{margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.abilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ability{text-align:center;padding:14px 8px;border:1px solid #4e5f68;border-radius:8px;background:#111d27}.ability .abbr{color:var(--gold);font-size:12px;letter-spacing:1px;font-weight:700}.ability .modifier{font:30px 'Libre Baskerville',serif;margin:10px}.ability input{text-align:center;width:65px;padding:5px}.ability label{display:block;font-size:12px;color:var(--muted);margin-top:7px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat{padding:16px 10px;border:1px solid var(--edge);border-radius:8px;text-align:center;background:#17232d}.stat strong{font:28px 'Libre Baskerville',Georgia,serif;display:block;margin:8px 0;color:var(--gold)}.stat span{font-size:12px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted)}.stat input{max-width:80px;text-align:center;font-size:20px;padding:5px}.hp{background:linear-gradient(135deg,#243a3c,#1a2a32);border-color:#3b6660}.hp-main{display:flex;align-items:center;gap:10px;margin-bottom:16px}.hp-main .field{flex:1}.hp-main input{font-size:25px;text-align:center}.hp-main .slash{font-size:28px;color:var(--muted);margin-top:20px}.hp-actions{display:flex;gap:8px}.hp-actions input{width:80px}.bar{height:5px;border-radius:4px;background:#0d2027;margin:12px 0 17px;overflow:hidden}.bar div{height:100%;background:var(--teal)}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.between{justify-content:space-between}.muted,small{color:var(--muted)}.hint{font-size:14px;margin:0 0 16px;line-height:1.5}.skill-row{display:grid;grid-template-columns:minmax(95px,1fr) 44px 102px 65px;align-items:center;gap:7px;padding:9px 0;border-bottom:1px solid #30414d;font-size:14px}.skill-row:last-child{border:0}.skill-row select,.skill-row input{padding:6px;font-size:13px}.skill-row strong{color:var(--teal);text-align:center;font-size:17px}.skill-row small{display:block;font-size:11px}.skill-heading{color:var(--muted);font-size:11px;text-transform:uppercase}.wide{grid-column:1/-1}.item{border:1px solid var(--edge);border-radius:8px;padding:16px;margin-bottom:12px;background:#14212b}.item:last-child{margin-bottom:0}.item-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.item-head strong{font-size:17px}.pill{border-radius:15px;background:#30433e;color:#a7e8d5;padding:4px 9px;font-size:12px}.empty{padding:24px 12px;text-align:center;color:var(--muted);border:1px dashed #486070;border-radius:8px}.check{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.checks{display:flex;gap:14px;flex-wrap:wrap}.slot-row{display:grid;grid-template-columns:75px minmax(90px,1fr) 70px 70px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--edge)}.slot-row .field{font-size:12px}.slot-track{display:flex;flex-wrap:wrap;gap:5px}.slot-track button{width:24px;height:24px;padding:0;border-radius:50%;border-color:var(--teal);background:#264f46;font-size:12px}.slot-track button.used{background:#131e28;border-color:#556570;color:var(--muted)}.resource{display:flex;gap:10px;align-items:center}.resource label{flex:1}.conditions{display:flex;gap:8px;flex-wrap:wrap}.conditions button{font-size:13px;padding:7px 10px}.conditions button.on{border-color:#e9ad7e;color:#ffd2af;background:#4e392f}details{margin-top:15px}summary{cursor:pointer;color:var(--teal);font-size:14px}details .grid{margin-top:16px}.review-item{padding:12px;border-bottom:1px solid var(--edge)}.review-item p{font-size:14px;margin:7px 0}.review-item.reviewed{opacity:.5}.review-item code{white-space:pre-wrap}#notice{border:1px solid #8c7349;background:#332d23;padding:12px 16px;border-radius:8px;margin:12px 0;color:#f0d6a5}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:14px 20px;background:#dceee8;color:#10251e;border-radius:8px;box-shadow:0 5px 25px #0008;max-width:90vw;z-index:5}.import-frame{width:100%;height:900px;border:1px solid var(--edge);border-radius:8px;background:#172430}.help{border-left:3px solid var(--gold);padding:12px 16px;background:#29313a;font-size:14px;color:#c7d3dc;line-height:1.6}.review-count{color:var(--gold)}footer{display:flex;justify-content:space-between;gap:18px;font-size:12px;color:var(--muted);padding:24px 0;line-height:1.5}.note-list{padding-left:20px;line-height:1.7;color:var(--muted)}@media(max-width:1100px){.layout{grid-template-columns:270px minmax(0,1fr)}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top{align-items:flex-start}.toolbar{justify-content:flex-end}}@media(max-width:780px){.layout{grid-template-columns:1fr}.top{display:block}.toolbar{justify-content:flex-start;margin-top:16px}.shell{padding:20px 16px}.character-head{align-items:flex-start}.character-meta{max-width:130px;font-size:12px}.abilities{grid-template-columns:repeat(3,minmax(0,1fr))}.stats{gap:8px}.stat{padding:12px 5px}.stat strong{font-size:24px}.grid.two{grid-template-columns:1fr}footer{display:block}footer span{display:block;margin-top:7px}nav button{padding:12px}.import-frame{height:1100px}}@media(max-width:430px){.grid{grid-template-columns:1fr}.grid.four{grid-template-columns:1fr 1fr}.skill-row{grid-template-columns:minmax(90px,1fr) 30px 92px 53px;gap:5px}.panel{padding:15px}.slot-row{grid-template-columns:55px 1fr 55px 55px;gap:8px}.hp-actions button{padding:10px}.character-meta{max-width:115px}.stat span{font-size:10px}.stat input{max-width:60px}.brand{font-size:32px}}