/* Deadstats Premium · reusable component stylesheet.
   Host supplies King/Archmother: --bg, --panel, --surface, --fg, --muted,
   --border, --control-border, --font-display, --reading-font.
   Gold is local to Premium; faction --accent is never overwritten.
   All selectors are pd-* scoped. Preview-only theme values live in preview.html. */

.pd-root{--pd-gold:oklch(80% .12 67);--pd-on-gold:oklch(18% .018 38);--pd-gold-hover:oklch(88% .09 75);--pd-ink:var(--fg);--pd-subtle:var(--muted);--pd-paper:var(--panel);--pd-rule:var(--border);color:var(--pd-ink);font:14px/1.55 var(--reading-font,Arial,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif);font-variant-numeric:tabular-nums}
.pd-root *{box-sizing:border-box}.pd-root p,.pd-cohort{text-wrap:pretty}.pd-root [hidden]{display:none!important}
.pd-root :is(h1,h2,h3,p,figure,dl,dd){margin:0}.pd-root :is(h1,h2,h3){font-family:var(--font-display,Oswald,'Arial Narrow',sans-serif);font-weight:600;line-height:1.2;letter-spacing:-.02em;text-wrap:balance}
.pd-root h1{font-size:36px}.pd-root h2{font-size:24px}.pd-root h3{font-size:20px}
.pd-root a{color:inherit;text-decoration:none}.pd-root a:hover{text-decoration:underline;text-underline-offset:4px}
.pd-root :is(button,select){font:inherit;letter-spacing:.02em;cursor:pointer;min-height:44px;border-radius:3px}
.pd-root :is(a,button,select,summary):focus-visible{outline:2px solid var(--fg);outline-offset:4px}
.pd-root :is(button,select){border:1px solid var(--control-border);background:var(--bg);color:var(--fg);padding:9px 12px}
.pd-root :is(button,select):hover{border-color:var(--fg);background:var(--bg);color:var(--fg)}
.pd-root .pd-brand{min-height:44px;display:inline-flex;align-items:center}
.pd-root button:active{transform:translateY(1px)}
.pd-root .pd-primary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border:1px solid var(--pd-gold);border-radius:3px;background:var(--pd-gold);color:var(--pd-on-gold);font-weight:600;letter-spacing:.02em;text-align:center}
.pd-root .pd-primary:hover{background:var(--pd-gold-hover);border-color:var(--pd-gold-hover);color:var(--pd-on-gold);text-decoration:none}
.pd-preview{margin:0;background:var(--bg);min-width:320px}
.pd-shell{max-width:1160px;margin:0 auto;padding:0 28px 32px}
.pd-masthead{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;border-bottom:1px solid var(--pd-rule)}
.pd-brand{font:600 26px var(--font-display);letter-spacing:.06em}.pd-demo{font-size:12px;color:var(--pd-subtle)}
.pd-profile{display:flex;align-items:center;gap:14px;padding:26px 0 22px}.pd-monogram{display:grid;place-items:center;width:52px;height:56px;background:var(--surface);border:1px solid var(--control-border);font:600 28px var(--font-display)}
.pd-profile h1{font-size:28px}.pd-profile p{font-size:12px;color:var(--pd-subtle);margin-top:3px}
.pd-tabs{display:flex;border-bottom:1px solid var(--pd-rule);gap:26px;margin-bottom:28px}.pd-tabs a{min-height:46px;display:flex;align-items:center;font-weight:600;font-size:13px;letter-spacing:.02em}.pd-tabs [aria-current=page]{border-bottom:2px solid var(--fg)}
.pd-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.pd-heading p{color:var(--pd-subtle);margin-top:8px;max-width:65ch}.pd-kicker{color:var(--pd-gold);font-size:11px;letter-spacing:.1em;font-weight:600;text-transform:uppercase;display:block;margin-bottom:8px}
.pd-window{font-size:12px;border:1px solid var(--control-border);padding:8px 12px;white-space:nowrap;border-radius:3px;color:var(--pd-ink)}
.pd-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:12px}.pd-section-head p,.pd-caption{color:var(--pd-subtle);font-size:12px;letter-spacing:.01em}.pd-section-head h2{font-size:22px}
.pd-herogrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}
.pd-root .pd-hero{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;min-width:0;padding:18px;text-align:left;background:var(--pd-paper);border:1px solid var(--control-border);color:var(--fg);letter-spacing:0}
.pd-root .pd-hero:hover{background:var(--pd-paper);border-color:var(--fg);color:var(--fg)}.pd-hero[aria-pressed=true]{box-shadow:inset 0 -3px var(--fg)}
.pd-portrait{width:112px;height:146px;object-fit:contain;object-position:center bottom;align-self:end;background:var(--bg);border-radius:2px}
.pd-hero-copy{min-width:0}.pd-hero-name{display:flex;align-items:center;justify-content:space-between;gap:8px;font:600 26px/1.2 var(--font-display);letter-spacing:-.02em}.pd-arrow{font:400 20px var(--reading-font)}
.pd-ranking{display:block;font-size:25px;font-weight:600;letter-spacing:-.02em;margin-top:10px;line-height:1.2}.pd-cohort{display:block;color:var(--pd-subtle);font-size:12px;line-height:1.5;margin-top:4px;letter-spacing:0}
.pd-mini-metrics{display:flex;gap:22px;margin-top:15px}.pd-mini-metrics span{display:grid;font-size:16px;font-weight:600}.pd-mini-metrics small{font-size:11px;font-weight:400;color:var(--pd-subtle);letter-spacing:.01em}
.pd-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;align-items:start}
.pd-panel{padding:20px;background:var(--pd-paper);border:1px solid var(--pd-rule);border-radius:3px;min-width:0}
.pd-comparison .pd-section-head{align-items:center}.pd-comparison h2{font-size:24px}.pd-legend{display:flex;gap:16px;font-size:12px;color:var(--pd-subtle);margin:14px 0 6px;flex-wrap:wrap}.pd-legend span{display:flex;align-items:center;gap:7px}.pd-key{width:16px;height:5px;background:var(--fg);display:inline-block}.pd-key-peer{background:var(--muted)}
.pd-metric{padding:12px 0;border-bottom:1px solid var(--pd-rule)}.pd-metric:last-child{border:0;padding-bottom:0}.pd-metric-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:13px}.pd-metric-label small{font-size:11px;color:var(--pd-subtle)}
.pd-metric-values{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pd-meter{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;font-size:13px}.pd-meter i{display:block;height:5px;background:var(--fg);width:var(--pd-value);border-radius:1px}.pd-meter-peer{color:var(--pd-subtle)}.pd-meter-peer i{background:var(--muted)}
.pd-side{display:grid;gap:16px}.pd-chart{margin-top:16px}.pd-chart svg{display:block;width:100%;height:110px;overflow:visible}.pd-chart-grid{stroke:var(--control-border);stroke-width:.6}.pd-chart-line{fill:none;stroke:var(--fg);stroke-width:2;vector-effect:non-scaling-stroke}.pd-chart-area{fill:var(--fg);opacity:.08}.pd-chart-axis{display:flex;justify-content:space-between;gap:12px;color:var(--pd-subtle);font-size:11px;margin-top:8px}.pd-trend{font-size:13px;margin-top:12px!important}.pd-trend strong{font-weight:600}
.pd-insights{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:14px}.pd-insight{padding:12px 0;border-top:1px solid var(--pd-rule);min-width:0}.pd-insight small{font-size:10px;color:var(--pd-subtle);letter-spacing:.08em;text-transform:uppercase}.pd-insight h3{font:600 14px/1.5 var(--reading-font);letter-spacing:0;margin:3px 0 5px}.pd-insight p{font-size:12px;color:var(--pd-subtle);max-width:42ch}
.pd-note{font-size:12px;color:var(--pd-subtle);border-top:1px solid var(--pd-rule);margin-top:22px!important;padding-top:14px}
.pd-state{padding:42px 24px;display:grid;justify-items:start;gap:12px;background:var(--pd-paper);border:1px solid var(--pd-rule);border-radius:3px}.pd-state h2{font-size:28px}.pd-state p{color:var(--pd-subtle);max-width:55ch}.pd-state-symbol{font:600 32px var(--font-display);color:var(--pd-subtle);border-bottom:1px solid var(--control-border);padding-bottom:7px;margin-bottom:4px}
.pd-calibration{margin:15px 0 4px;display:flex;gap:4px}.pd-calibration i{height:5px;width:28px;background:var(--fg)}.pd-calibration i:last-child{background:var(--border)}
.pd-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:100%;margin:16px 0 20px}.pd-benefits article{border-top:1px solid var(--control-border);padding-top:14px}.pd-benefits h3{font-size:20px;margin-bottom:8px}.pd-benefits p{font-size:13px}.pd-lock-intro{max-width:550px}.pd-lock-intro p{margin-top:10px}.pd-locked{padding:30px}
.pd-teaser{display:flex;align-items:center;gap:24px;padding:22px 24px;border:1px solid var(--control-border);background:var(--pd-paper);border-radius:3px;margin-top:28px}.pd-teaser-copy{flex:1;min-width:0}.pd-teaser h2{font-size:24px;margin-bottom:5px}.pd-teaser p{color:var(--pd-subtle);font-size:13px;max-width:60ch}.pd-teaser-art{display:flex;gap:4px;flex:none}.pd-teaser-art img{width:58px;height:78px;object-fit:contain;background:var(--bg)}.pd-text-link{display:inline-flex;min-height:44px;align-items:center;font-weight:600;gap:14px;font-size:13px;text-decoration:underline!important;text-underline-offset:4px}
@media(max-width:800px){.pd-workspace{grid-template-columns:1fr}.pd-side{grid-template-columns:1fr 1fr}.pd-herogrid{gap:10px}.pd-root .pd-hero{grid-template-columns:76px minmax(0,1fr);gap:12px;padding:14px}.pd-portrait{width:76px;height:132px}.pd-mini-metrics{gap:14px}.pd-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-teaser{gap:16px;flex-wrap:wrap}.pd-teaser>.pd-text-link{margin-left:auto}}
@media(max-width:600px){.pd-shell{padding:0 16px 24px}.pd-masthead{min-height:62px}.pd-demo{max-width:132px;text-align:right;font-size:11px}.pd-brand{font-size:23px}.pd-profile{padding:20px 0 16px}.pd-tabs{margin-bottom:22px;gap:24px}.pd-heading{align-items:start;flex-direction:column;gap:12px;margin-bottom:22px}.pd-heading h1{font-size:32px}.pd-heading p{font-size:13px}.pd-window{padding:5px 10px}.pd-herogrid{grid-template-columns:1fr;margin-bottom:20px}.pd-root .pd-hero{grid-template-columns:84px minmax(0,1fr);padding:14px;gap:16px}.pd-portrait{width:84px;height:138px}.pd-side{grid-template-columns:1fr}.pd-panel{padding:16px}.pd-section-head{flex-wrap:wrap;gap:6px}.pd-mini-metrics{gap:22px}.pd-ranking{font-size:24px}.pd-hero-name{font-size:24px}.pd-insights{gap:0 16px}.pd-state{padding:26px 20px}.pd-state h2{font-size:26px}.pd-benefits{gap:18px}.pd-benefits h3{font-size:19px}.pd-teaser{padding:18px;gap:14px}.pd-teaser-art{display:none}.pd-teaser-copy{flex-basis:100%}.pd-teaser>.pd-text-link{margin-left:0}.pd-note{font-size:11px}}
@media(max-width:350px){.pd-shell{padding-inline:12px}.pd-root .pd-hero{grid-template-columns:68px minmax(0,1fr);gap:12px;padding:12px}.pd-portrait{width:68px;height:140px}.pd-mini-metrics{gap:16px}.pd-panel{padding:14px}.pd-insights{grid-template-columns:1fr}.pd-benefits{grid-template-columns:1fr}.pd-meter{grid-template-columns:38px minmax(0,1fr);gap:5px}.pd-metric-values{gap:10px}}

.pd-home{display:block;margin:0}.pd-home .pd-text-link{margin-top:8px}.pd-home .pd-kicker{margin-bottom:6px}.pd-locked .pd-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-controls{display:flex;gap:10px;align-items:center}.pd-mini-metrics{flex-wrap:wrap}.pd-metric-values{grid-template-columns:1fr 1fr}.pd-meter{grid-template-columns:60px minmax(0,1fr)}.pd-progress-head{display:flex;gap:12px;align-items:center;justify-content:space-between}.pd-error{padding:24px}.pd-panel .line-chart{min-width:0}.pd-pool{font-size:12px;color:var(--muted);margin:0 0 16px}.pd-action-row{display:flex;gap:10px;flex-wrap:wrap}.pd-menu-entry{color:var(--fg)}@media(max-width:600px){.pd-locked .pd-benefits{grid-template-columns:1fr}.pd-controls{width:100%;flex-wrap:wrap}.pd-insights{grid-template-columns:1fr}}

.pd-chart svg{height:auto;min-height:150px}.pd-chart .chart-reading{overflow-wrap:anywhere}
/* Membership and navigation states must be explicit, including signed-out viewers. */
.pd-root .pd-heading{padding:20px 22px;border:1px solid #d7b05b88;background:linear-gradient(120deg,#af7d242b,transparent);border-radius:5px;margin-bottom:18px}
.pd-root .pd-kicker{color:#efd18c!important}.pd-root .pd-statusbar{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #cba65088;background:#9b72221c;color:#f7d38a;padding:14px 18px;margin-bottom:18px;font-size:13px}
.pd-root .pd-statusbar strong{font-size:15px}.pd-root .pd-pick-hint{color:var(--fg);margin:8px 0;font-size:14px}.pd-root .pd-lock-intro p{color:var(--muted);line-height:1.7;max-width:60ch;margin-top:12px}
.pd-root .pd-primary{background:#e5bf6d!important;color:#251b0c!important;border-color:#e5bf6d!important;font-weight:700}.pd-root .pd-hero[aria-pressed=true]{border-color:#f1cc7c;box-shadow:inset 0 0 0 1px #d8af5455;background:#a27b2422}.pd-root .pd-ranking{color:#f4d38b}
.pd-root .pd-chart-empty{padding:36px 16px;text-align:center;color:var(--muted);font-size:13px}.pd-root .pd-home,.pd-root.pd-home{border:1px solid #b7954a88}.pd-root .pd-benefits article{border-top-color:#b7954a77}
@media(max-width:600px){.pd-root .pd-heading{padding:16px}.pd-root .pd-statusbar{align-items:flex-start;flex-direction:column;gap:5px}.pd-root .pd-action-row{align-items:stretch;gap:12px}.pd-root .pd-action-row>a{min-height:44px;display:flex;align-items:center;justify-content:center}}
.pd-root .pd-ranking.pd-awaiting{font-size:14px;font-weight:500;line-height:1.5;color:var(--muted)}

.pd-root .pd-heading{padding-bottom:16px;border-bottom:1px solid #c69b4e66}.pd-root .pd-heading h2{color:var(--pd-gold)}
.pd-root .pd-statusbar{border-color:#c69b4e80;background:linear-gradient(120deg,#bb85231f,transparent)}
.pd-root .pd-encounters{margin-top:28px}.pd-root .pd-encounters .ns-section-head{margin-bottom:12px}