.agame-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.agame-heading h1{margin-bottom:16px}.agame-heading .tabs{flex-shrink:0}.agame-sample{border-left:3px solid var(--red);background:var(--surface);padding:16px 20px;margin:20px 0 32px}.agame-sample>b{color:var(--text);font-size:14px}.agame-sample p{margin:5px 0 0;font-size:13px;line-height:1.7}.agame-metrics .metric{font-size:clamp(26px,3vw,38px);line-height:1.3;white-space:nowrap;font-variant-numeric:tabular-nums}.agame-metrics .metric small{font-size:17px;margin-left:6px;color:var(--muted)}.agame-metrics .card p{margin:0 0 12px}.agame-metrics .card .caption{margin:10px 0 0}.agame-position-panel h2{margin-bottom:8px}.agame-bars{margin-top:26px}.agame-position{border:0;border-bottom:1px solid var(--line)}.agame-position summary{cursor:pointer;list-style:none;padding:19px 0}.agame-position summary::-webkit-details-marker{display:none}.agame-position summary:focus-visible{outline:2px solid var(--red);outline-offset:4px}.agame-position-line{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:17px}.agame-position-line small{font-size:11px;color:var(--muted);margin-right:12px}.agame-position-line b{font-variant-numeric:tabular-nums;font-size:15px;white-space:nowrap}.agame-position-line b span{margin-left:10px}.agame-bar-track{height:9px;background:var(--line);display:block;margin-top:13px;border-radius:2px;overflow:hidden}.agame-bar-track>span{display:block;height:100%;background:var(--red);min-width:1px}.agame-evidence{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 22px;padding:0 0 16px;margin:0}.agame-evidence-link{display:flex;align-items:center;min-height:44px;font-size:13px;text-decoration:underline;text-underline-offset:4px;color:var(--text)}.agame-unknown{display:flex;justify-content:space-between;gap:16px;padding-top:22px;font-size:14px;color:var(--muted)}.agame-reflection{max-width:760px;border-top:1px solid var(--line);padding-top:30px}.agame-reflection>p:not(.caption):not(.eyebrow){color:var(--text)}
@media(max-width:700px){.agame-heading{display:block}.agame-heading h1{font-size:42px}.agame-heading .tabs{margin-top:20px}.agame-metrics{grid-template-columns:1fr 1fr;gap:18px}.agame-metrics .card:last-child{grid-column:1/-1}.agame-metrics .metric{font-size:27px}.agame-metrics .card{padding:18px 0}.agame-sample{padding:13px 15px}.agame-position-panel h2{font-size:29px}.agame-position-line{font-size:15px}.agame-position-line small{margin-right:5px}.agame-position-line b{font-size:13px}.agame-position-line b span{margin-left:4px}.agame-evidence{grid-template-columns:1fr}.agame-reflection h2{font-size:30px}}

/* The first view summarizes measured time; supporting records open on request. */
.agame-heading{align-items:center}.agame-heading .tabs{margin-bottom:0}
.agame-sample{margin:16px 0;padding:10px 14px}
.agame-sample>summary{color:var(--text);font-size:13px;min-height:44px;padding:10px 0}
.agame-overview-count{display:flex;align-items:center;gap:8px;margin:20px 0 0;font-size:14px;color:var(--text)}
.agame-overview-count>span{margin-left:auto;color:var(--muted);font-size:13px}
.agame-overview{max-width:640px;margin:0 auto 24px}
.agame-overview .analysis-hexagon{margin:0;padding:20px 0 12px;border:0}
.agame-overview .analysis-hexagon figcaption .eyebrow,.agame-overview .analysis-hexagon figcaption>.caption{display:none}
.agame-overview .analysis-hexagon h3{font-family:var(--font-ui);font-size:17px;letter-spacing:0;font-weight:500;margin:0}
.agame-overview .analysis-hexagon svg{width:100%;max-width:480px;max-height:none;display:block;margin:10px auto}
.agame-overview .hex-scale{font-size:13px;line-height:1.75;margin:4px 0 0;color:var(--muted)}
.agame-evidence-details{border-block:1px solid var(--line);margin-top:20px}
.agame-evidence-details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;min-height:60px;padding:16px 0;color:var(--text);font-size:16px;list-style:none;cursor:pointer}
.agame-evidence-details>summary::-webkit-details-marker{display:none}
.agame-evidence-details>summary::after{content:'＋';margin-left:auto;color:var(--red);font-size:20px}
.agame-evidence-details[open]>summary::after{content:'−'}
.agame-evidence-details>summary:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.agame-evidence-content{padding-bottom:30px}.agame-evidence-content>.agame-metrics{margin-top:0}
.agame-style{border-top:3px solid var(--text);padding:24px 0 10px;max-width:760px;margin:20px auto 0}
.agame-style-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.agame-style .eyebrow{margin:0;font-size:11px;letter-spacing:.09em}
.agame-style .eyebrow b{font-size:14px;letter-spacing:.12em;color:var(--text)}
.agame-style-sample{font-size:11px;color:var(--muted);border:1px solid var(--line);padding:3px 8px}
.agame-style h2{font-family:var(--font-ui);font-size:clamp(25px,3vw,34px);font-weight:700;line-height:1.35;letter-spacing:-.04em;color:var(--red);margin:14px 0 8px;word-break:keep-all;overflow-wrap:anywhere}
.agame-style-description{font-size:16px;line-height:1.7;margin:0;color:var(--text)}
.agame-style-techniques{display:flex;gap:8px 18px;flex-wrap:wrap;align-items:center;margin:20px 0 10px;font-size:14px}
.agame-style-techniques>span{color:var(--muted);font-size:12px}.agame-style>.caption{font-size:12px;margin:0;line-height:1.7}
.agame-style-pending{border-top:1px solid var(--line);padding-top:20px}.agame-style-pending h2{font-size:21px;color:var(--text)}
.agame-style-pending>p:last-child{font-size:14px;color:var(--muted);line-height:1.8;max-width:540px}
.agame-style-evidence{border-bottom:1px solid var(--line);padding:12px 0 28px;margin-bottom:22px;max-width:760px}
.agame-style-evidence h2{font-family:var(--font-ui);font-size:23px;line-height:1.4;margin:10px 0}
.agame-style-evidence p{font-size:14px;line-height:1.8}.agame-style-evidence .caption{font-size:13px}
.agame-style-axes{margin:20px 0}.agame-style-axes>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;border-top:1px solid var(--line);padding:14px 0}
.agame-style-axes dt{font-size:14px;font-weight:600}.agame-style-axes dt b{color:var(--red);margin-right:10px}
.agame-style-axes dd{margin:0;font-size:14px;line-height:1.7}
@media(max-width:700px){
 .agame-heading{display:flex;flex-wrap:wrap;gap:8px 18px}.agame-heading h1{font-size:38px;margin:8px 0}
 .agame-heading .tabs{margin:0;gap:4px}.agame-heading .tabs .button{min-height:44px;padding:8px 12px}
 .agame-overview{margin-bottom:12px}.agame-overview .analysis-hexagon{padding-top:18px}
 .agame-overview .analysis-hexagon svg{margin:4px auto}
 .agame-evidence-details>summary .caption{font-size:12px}
 .agame-style{padding-top:18px;margin-top:12px}.agame-style h2{font-size:26px}.agame-style-description{font-size:14px}
 .agame-style-pending h2{font-size:20px}.agame-style-axes>div{grid-template-columns:88px minmax(0,1fr);gap:10px}
 .agame-evidence-details>summary{gap:4px 10px;position:relative;padding-right:28px}.agame-evidence-details>summary>.caption{flex-basis:100%}
 .agame-evidence-details>summary::after{position:absolute;right:0;top:50%;transform:translateY(-50%)}
}

@media(max-width:700px){
 main:has(.agame-heading){padding-top:24px}
 .agame-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
 .agame-heading .eyebrow{display:none}
 .agame-heading h1{font-size:28px;line-height:1.3;margin:0}
 .agame-heading .tabs .button{padding:8px 10px}
 .agame-sample{margin:12px 0;padding:3px 12px}
 .agame-overview .hex-axis-label{font-size:16px}
 .agame-overview .hex-axis-value{font-size:17px}
}