:root{--parchment:#ecdfc0;--parchment-dark:#dcc99a;--parchment-darker:#c9b280;--ink:#3a2b1c;--ink-soft:#6b543c;--gold:#b6862c;--gold-bright:#e0b355;--wine:#7a2e2e;--wine-dark:#4f1c1c}*{box-sizing:border-box}body{margin:0;font-family:Crimson Pro,serif;color:var(--ink);background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.25),transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(0,0,0,.18),transparent 65%),linear-gradient(var(--parchment),var(--parchment-dark));min-height:100vh}.page{max-width:820px;margin:0 auto;padding:24px 16px 60px}.loading{padding:60px 20px;text-align:center;font-family:Cinzel,serif;color:var(--ink-soft)}.banner{background:linear-gradient(135deg,var(--wine),var(--wine-dark));border:2px solid var(--gold);border-radius:8px;padding:20px 22px;text-align:center;box-shadow:0 10px 24px #3a2b1c59}.banner h1{font-family:Cinzel,serif;font-weight:700;color:var(--gold-bright);letter-spacing:2px;font-size:26px;margin:0 0 4px}.banner .sub{margin:0 0 16px;color:#e9d9c2;font-style:italic;font-size:14px}.roster{display:flex;justify-content:center;gap:20px;margin-bottom:14px}.roster-btn{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;padding:2px}.roster-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-weight:700;font-size:16px;color:var(--gold-bright);border:2px solid rgba(224,179,85,.5);background:#00000040}.roster-btn.active .roster-avatar{border-color:var(--gold-bright);background:var(--gold);color:var(--wine-dark);box-shadow:0 0 0 4px #e0b35540}.roster-name{font-family:Cinzel,serif;font-size:10.5px;letter-spacing:1px;color:#e9d9c2}.roster-btn.active .roster-name{color:var(--gold-bright)}.date-picker{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#e9d9c2}.date-picker input{font-family:JetBrains Mono,monospace;border-radius:4px;border:1px solid var(--gold);padding:3px 6px}.hero-grid{display:grid;grid-template-columns:200px 1fr;gap:20px;margin-top:20px}.portrait-card,.stats-card{background:#ffffff52;border:1px solid var(--parchment-darker);border-radius:8px;padding:18px}.portrait-card{text-align:center}.medallion{width:150px;height:210px;margin:0 auto 12px;border-radius:75px 75px 12px 12px;border:4px solid var(--gold);background:radial-gradient(ellipse at 50% 15%,#fff,#f2ead3 85%);overflow:hidden;box-shadow:0 0 0 2px var(--wine-dark),0 8px 18px #3a2b1c4d}.toon-figure path,.toon-figure rect,.toon-figure circle,.toon-figure ellipse{stroke:#241a12;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.toon-figure .no-stroke{stroke:none}.char-name{font-family:Cinzel,serif;font-size:18px;color:var(--wine-dark);margin:4px 0 2px}.char-title{font-size:13px;color:var(--ink-soft);font-style:italic;margin-bottom:12px}.xp-track{height:12px;background:#3a2b1c26;border:1px solid var(--parchment-darker);border-radius:8px;overflow:hidden;margin-bottom:5px}.xp-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-bright));transition:width .5s ease}.xp-text{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--ink-soft)}.stats-card{display:flex;flex-direction:column;justify-content:center;gap:12px}.attr-row{display:flex;align-items:center;gap:10px}.attr-label{font-size:12.5px;width:120px;flex-shrink:0;font-weight:600}.attr-row .track{flex:1;height:9px;background:#3a2b1c1f;border-radius:6px;overflow:hidden}.attr-row .track .bar{height:100%;border-radius:6px;transition:width .5s ease}.attr-row .val{font-family:JetBrains Mono,monospace;font-size:11.5px;width:40px;text-align:right;color:var(--ink-soft)}.section-title{font-family:Cinzel,serif;font-size:14px;letter-spacing:2px;color:var(--ink-soft);text-align:center;margin:30px 0 14px;position:relative}.section-title:before,.section-title:after{content:"";position:absolute;top:50%;width:26%;height:1px;background:var(--gold);opacity:.6}.section-title:before{left:0}.section-title:after{right:0}.rewards{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 8px}.reward-card{flex:0 0 150px;background:linear-gradient(180deg,#f5ecd4,var(--parchment-dark));border:1px dashed var(--gold);border-radius:4px;padding:12px 10px;text-align:center}.reward-ribbon{font-family:Cinzel,serif;font-size:9.5px;letter-spacing:.5px;color:#fff;padding:3px 6px;border-radius:10px;display:inline-block;margin-bottom:8px}.reward-name{font-size:13.5px;font-weight:600;color:var(--wine-dark);min-height:34px}.reward-pct{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ink-soft);margin-top:6px}.ledger-group{margin-bottom:16px}.ledger-header{font-family:Cinzel,serif;font-size:12.5px;letter-spacing:1px;margin:0 0 6px 4px;font-weight:600}.ledger{background:#ffffff52;border:1px solid var(--parchment-darker);border-radius:8px;overflow:hidden}.quest{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid rgba(58,43,28,.12);cursor:pointer}.quest:last-child{border-bottom:none}.quest:hover{background:#b6862c14}.seal{width:20px;height:20px;border-radius:50%;border:2px solid var(--ink-soft);flex-shrink:0;position:relative;background:#fff6}.quest.done .seal{background:var(--wine);border-color:var(--gold)}.quest.done .seal:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--gold-bright);font-size:11px;font-weight:700}.quest-body{flex:1;min-width:0}.quest-name{font-size:15px}.quest.done .quest-name{text-decoration:line-through;color:var(--ink-soft)}.quest-meta{font-size:11px;color:var(--ink-soft);font-style:italic}.quest-xp{font-family:JetBrains Mono,monospace;font-size:12.5px;color:var(--gold);font-weight:600;white-space:nowrap}footer{text-align:center;margin-top:30px;font-style:italic;font-size:12px;color:var(--ink-soft)}@media (max-width:600px){.hero-grid{grid-template-columns:1fr}.attr-label{width:100px;font-size:11.5px}}