.character-navigation{display:flex;gap:10px;margin:15px 0 22px}.character-navigation a{color:#c8ad82;text-decoration:none;border:1px solid #90602d;padding:11px 22px;background:#140c06d9;font:18px Georgia}.character-navigation a[aria-current]{color:#ffe1a2;border-color:#e5a052;background:linear-gradient(#73451d9e,#271408e8);box-shadow:inset 0 -2px #e09b43}
.progress-preview{border:1px solid #bd8641;background:linear-gradient(145deg,#110c08ed,#0a0705eb);padding:28px;box-shadow:inset 0 0 0 4px #100b07,inset 0 0 0 5px #6b4928,0 8px 30px #0009}.progress-intro{display:flex;justify-content:space-between;gap:15px}.progress-intro h2{font-size:36px;margin-top:8px;color:#f5d6a0}.progress-intro p{font-size:16px;margin:8px 0 20px;color:#c4b18e}.progress-seal{font-size:54px;color:#dca451;text-shadow:0 0 20px #e7903344}.progress-data-toggle{display:flex;gap:5px}.progress-data-toggle button,.progress-period button{border:1px solid #78512c;background:#100b07;color:#bdad91;font:12px 'DM Sans',sans-serif;padding:10px 15px}.progress-data-toggle button[aria-pressed=true],.progress-period button[aria-pressed=true]{border-color:#d49243;color:#ffe0a3;background:#5d371b6b}.progress-source-note{font:11px/1.6 'DM Sans',sans-serif;color:#bbaf95;margin:10px 0 22px}.progress-source-note.demo{color:#dfb16e}.progress-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:30px}.progress-metrics>div{padding:18px 12px;background:linear-gradient(#70461c22,#180e0788);border:1px solid #7c542d66;text-align:center}.progress-metrics>div>span{color:#e8ae5e;font-size:22px}.progress-metrics b{display:block;font:36px Georgia;color:#f5d69f;margin:8px 0}.progress-metrics small{font-size:17px;color:#9f8c6b}.progress-metrics p{font:11px/1.4 'DM Sans',sans-serif;color:#bbaa8c;margin:0}.progress-chart-header{display:flex;justify-content:space-between;align-items:center;gap:15px}.progress-chart-header h3{font-size:28px}.progress-chart-header p{font:12px 'DM Sans',sans-serif;color:#bcae91;text-transform:capitalize;margin:7px 0}.progress-period{display:flex;flex-shrink:0}.progress-period button{padding:9px 13px;font-size:11px}.progress-legend{display:flex;align-items:center;gap:7px;font:10px 'DM Sans',sans-serif;color:#b5a58b;margin:17px 0 25px}.progress-legend i{width:8px;height:8px;background:#e6a042;display:block}.progress-legend>span{margin-left:auto;color:#8d7a5e}.progress-plot{display:flex;gap:12px;position:relative}.progress-axis{display:flex;flex-direction:column;justify-content:space-between;height:190px;width:12px;font:10px 'DM Sans',sans-serif;color:#9e8e72;padding-bottom:0}.progress-plot-scroll{overflow-x:auto;flex:1;scrollbar-color:#95602c #170e07;scrollbar-width:thin;padding:3px 3px 8px}.progress-bars{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:15px;background:repeating-linear-gradient(to top,transparent 0,transparent 37px,#8d673a33 37px,#8d673a33 38px);background-size:100% 190px;background-repeat:no-repeat}.progress-bars.month-view{min-width:760px;gap:8px}.progress-day{height:233px;min-width:0;padding:0;border:0;background:transparent;color:#c9b18b;display:flex;flex-direction:column;align-items:center;cursor:pointer;font-family:'DM Sans',sans-serif}.progress-column{height:190px;width:100%;display:flex;align-items:end;justify-content:center}.progress-bar{display:block;width:65%;max-width:45px;position:relative;background:linear-gradient(#ffda88,#e3a13e 35%,#965115);border:1px solid #eab05a;box-shadow:0 0 14px #eb9d2830,inset 1px 0 #ffdf9944;border-radius:3px 3px 0 0;min-height:3px}.progress-bar.zero{border-color:#72512e;background:#3f2a16;box-shadow:none}.progress-bar>span{position:absolute;top:-22px;left:0;right:0;font-size:11px;color:#d6c09b}.progress-day.selected .progress-bar{background:linear-gradient(#fff0bd,#ffc858,#b86a1c);box-shadow:0 0 18px #ffab3855;outline:1px solid #ffdc97;outline-offset:3px}.progress-day.selected .progress-day-label{color:#ffdc98}.progress-day-label{font-size:11px;margin-top:12px;text-transform:capitalize}.progress-day-label small{display:block;font-size:9px;color:#9c8766;margin-top:3px}.progress-day.future{opacity:.28;cursor:default}.progress-scroll-hint{font:10px 'DM Sans',sans-serif;color:#af946d;margin:4px 0 20px}.progress-day-detail{padding:20px;background:linear-gradient(110deg,#60371922,#120b06bd);border:1px solid #95632f80;margin-top:20px}.progress-day-detail h3{font-size:25px;margin-top:5px}.progress-day-detail .eyebrow{font-size:9px}.progress-day-xp{font:22px Georgia;color:#efb656}.progress-day-detail ul{list-style:none;padding:0;margin:17px 0 0}.progress-day-detail li{display:flex;align-items:center;gap:9px;padding:10px 0;border-top:1px solid #6a492b55;font:12px 'DM Sans',sans-serif;color:#d4c3a7}.progress-day-detail li>span{color:#e4b95b}.progress-day-detail li>small{margin-left:auto;font-size:10px;color:#e5af60;white-space:nowrap}.progress-empty{font:13px/1.6 'DM Sans',sans-serif;color:#b8a68a;margin-bottom:0}.progress-encouragement{display:flex;gap:17px;align-items:center;margin:26px 0}.progress-encouragement>span{font-size:36px;color:#e7a84e}.progress-encouragement h3{font-size:23px}.progress-encouragement p{font:12px/1.6 'DM Sans',sans-serif;color:#b8a88b;margin:7px 0 0}.progress-footnote{font:10px/1.6 'DM Sans',sans-serif;color:#8f8069;border-top:1px solid #69492a55;padding-top:14px;margin-bottom:0}
@media(max-width:650px){.character-navigation a{font-size:16px;padding:10px 18px}.progress-preview{padding:20px 15px}.progress-intro h2{font-size:29px}.progress-intro p{font-size:14px}.progress-seal{font-size:35px}.progress-metrics{gap:7px;margin-bottom:24px}.progress-metrics>div{padding:13px 5px}.progress-metrics b{font-size:29px}.progress-metrics small{font-size:13px}.progress-metrics p{font-size:10px}.progress-chart-header h3{font-size:25px}.progress-period button{padding:8px 10px}.progress-legend{font-size:9px}.progress-bars{gap:8px}.progress-plot{gap:6px}.progress-bar{width:70%}.progress-day-label{font-size:10px}.progress-day-detail{padding:16px}.progress-day-detail li{font-size:11px}.progress-data-toggle button{font-size:11px}.progress-encouragement h3{font-size:22px}}
.progress-plot-scroll{padding-top:25px}.progress-axis{margin-top:25px}