.history-category-icon{--history-icon-size:36px;display:inline-grid;position:relative;place-items:center;flex:0 0 var(--history-icon-size);width:var(--history-icon-size);height:var(--history-icon-size);box-sizing:border-box;overflow:hidden;vertical-align:middle;border:1px solid #e4bc63;border-radius:27%;background:radial-gradient(ellipse at 40% 15%,var(--history-category-color),var(--history-category-shade) 83%);box-shadow:inset 0 0 0 2px #3a2715,inset 0 0 0 3px #dcb85888,0 2px 5px #0006;isolation:isolate}
.history-category-icon::after{content:"";position:absolute;inset:2px;border-radius:inherit;border-top:1px solid #fff1bf99;pointer-events:none;background:linear-gradient(130deg,#ffe0a922,transparent 40%)}
.history-category-number{width:67%;height:65%;filter:drop-shadow(0 1px 1px #000b);z-index:1}.history-category-portrait{display:block;width:88%;height:88%;overflow:hidden;filter:drop-shadow(0 1px 1px #000b);z-index:1}.history-category-unknown{font:700 calc(var(--history-icon-size)*.5)/1 Georgia,serif;color:#ffdfa3}
.history-donut{container:history-chart / inline-size;margin:0;min-width:0;box-sizing:border-box;padding:20px;border:1px solid #bca05c45;border-radius:12px;background:radial-gradient(ellipse at 25% 25%,#263f3038,transparent 65%),linear-gradient(145deg,#112d23,#0a2019);box-shadow:inset 0 1px #e6cc8e13;color:#f5e6c0}
.history-donut-caption{margin:0 0 17px}.history-donut-title{margin:0;color:#f1d9a1;font:400 14px/1.45 var(--game-font,Heavitas,sans-serif);letter-spacing:.3px}.history-donut-description{margin:8px 0 0;color:#a2b5a6;font:13px/1.5 system-ui,sans-serif;max-width:54ch}
.history-donut-body{display:grid;grid-template-columns:minmax(145px,.9fr) minmax(170px,1fr);align-items:center;gap:18px}.history-donut-visual{position:relative;min-width:0;max-width:265px;width:100%;justify-self:center;aspect-ratio:1}.history-donut-svg{display:block;width:100%;height:100%;overflow:visible}.history-donut-outer-ring{fill:none;stroke:#ad884335;stroke-width:1}.history-donut-inner-ring{fill:#0b211a;stroke:#e2bd652f;stroke-width:1}.history-donut-track{fill:none;stroke:#294236;stroke-width:29}.history-donut-segment{stroke-width:29;transform:rotate(-90deg);transform-origin:120px 120px;transition:opacity .15s,stroke-width .15s;pointer-events:stroke}.history-donut-segment.is-active{stroke-width:35;filter:drop-shadow(0 0 3px #ffe09b33)}.history-donut-segment.is-muted{opacity:.32}
.history-donut-center{position:absolute;inset:28%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none;container-type:inline-size}.history-donut-value{display:block;max-width:100%;color:#ffe1a0;white-space:nowrap;font:400 clamp(14px,calc(100cqw / (var(--history-donut-digits,1)*.73)),36px)/1.15 var(--game-font,Heavitas,sans-serif);font-variant-numeric:tabular-nums;font-weight:400;letter-spacing:-.5px}.history-donut-value.is-long-count{font-family:system-ui,sans-serif;letter-spacing:-.3px;font-weight:700;font-size:clamp(9px,calc(100cqw / (var(--history-donut-digits,1)*.62)),24px)}.history-donut-center-label{max-width:100%;font:600 10px/1.25 system-ui,sans-serif;color:#b9c7b9;letter-spacing:1px;text-transform:uppercase;text-align:center;overflow-wrap:anywhere}.history-donut-share{font:600 12px/1.2 system-ui,sans-serif;color:#c5a86d;text-align:center}
.history-donut-legend{list-style:none;padding:0;margin:0;min-width:0;display:grid;gap:3px}.history-donut-legend-item{min-width:0;margin:0}.history-donut-legend-button{appearance:none;display:grid;grid-template-columns:9px minmax(0,1fr) auto auto;align-items:center;gap:8px;width:100%;min-height:36px;box-sizing:border-box;border:1px solid transparent;border-radius:7px;padding:6px 7px;background:transparent;box-shadow:none;text-align:left;text-transform:none;letter-spacing:normal;cursor:pointer;color:#c5d0bd;font:13px/1.3 system-ui,sans-serif}.history-donut-legend-button:hover,.history-donut-legend-button.is-active{background:#e6c9820c;border-color:#d0b36838;transform:none;filter:none}.history-donut-legend-button:active{transform:none}.history-donut-legend-button:focus-visible{outline:2px solid #ffdb80;outline-offset:1px}.history-donut-swatch{height:9px;width:9px;border-radius:50%;box-shadow:0 0 0 1px #ffedb422}.history-donut-legend-name{min-width:0;overflow-wrap:anywhere}.history-donut-legend-value{color:#eee0b8;font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere;min-width:0}.history-donut-legend-share{min-width:38px;text-align:right;color:#9faf9c;font-size:11px;font-variant-numeric:tabular-nums}.history-donut-no-data{font:13px/1.6 system-ui,sans-serif;color:#9eafa2}
.history-donut-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:700px){.history-donut{padding:16px}.history-donut-body{grid-template-columns:minmax(0,1fr);gap:10px}.history-donut-visual{max-width:215px}.history-donut-title{font-size:13px}.history-donut-caption{margin-bottom:8px}.history-donut-legend{grid-template-columns:minmax(0,1fr)}.history-donut-legend-button{min-height:42px;padding:7px 9px;font-size:14px}.history-donut-description{font-size:12px}}
@media(prefers-reduced-motion:reduce){.history-donut-segment{transition:none}}
body.reduced-motion .history-donut-segment{transition:none}

@container history-chart (max-width:360px){.history-donut-body{grid-template-columns:minmax(0,1fr);gap:10px}.history-donut-visual{max-width:215px}}