.free-review{color-scheme:dark;--bg:var(--coach-bg);--surface:var(--coach-surface);--line:var(--coach-line-strong);--ink:var(--coach-text);--muted:var(--coach-muted);--accent:var(--coach-accent);--accent-text:var(--coach-accent-text);--red:var(--coach-negative);--green:var(--coach-positive);--ease:cubic-bezier(.16,1,.3,1);}
.free-review *{box-sizing:border-box}
.free-review{color:var(--ink);-webkit-font-smoothing:antialiased;}
.free-review button,.free-review input,.free-review summary{font:inherit}
.free-review button{border:0;background:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.free-review button:focus-visible,.free-review input:focus-visible,.free-review summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.free-review button:active{filter:brightness(.86)}
.free-review h1,.free-review h2,.free-review h3,.free-review p{margin:0}
.free-review h1,.free-review h2,.free-review h3{font-weight:500;letter-spacing:-.035em}
.free-review p{line-height:1.55}
.free-review .ui-icon{height:22px;width:22px;filter:invert(1);display:block;flex:none}
.free-review .wordmark{font-size:15px;font-weight:600;letter-spacing:-.03em}
.free-review{display:flex;flex-direction:column;}
.free-review .topline{height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex:none}
.free-review .topline button{min-height:44px;display:flex;align-items:center;gap:8px;padding:0;color:#aeb5c0;font-size:13px}
.free-review .topline .wordmark{font-size:14px}
.free-review .hero-banner{height:172px;position:relative;isolation:isolate;overflow:hidden;flex:none}
.free-review .hero-banner>.hero-art{position:absolute;right:0;width:83%;height:100%;object-fit:cover;object-position:50% 50%;}
.free-review .hero-shade{position:absolute;inset:0;pointer-events:none;}
.free-review .hero-copy{position:relative;padding:19px 22px}
.free-review .hero-copy h1{font-weight:600;letter-spacing:-.045em;}
.free-review .hero-copy p{font-size:13px;margin-top:13px;color:#a7afb9}
.free-review .middot{padding:0 7px}
.free-review .loss{color:var(--red)}
.free-review .kda{font-size:19px;margin-top:10px;color:#bfc5ce;font-variant-numeric:tabular-nums}
.free-review .kda span{color:#707783;padding:0 4px}
.free-review .chapter-viewport{overflow:clip;flex:1}
.free-review .chapter{padding:24px 22px 0;min-height:416px}
.free-review .eyebrow{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:19px;min-height:28px}
.free-review .eyebrow button{color:var(--accent);font-size:12px;min-height:44px;margin:-8px 0;padding:0}
.free-review .positive{color:var(--green)}
.free-review .chapter h2{font-size:27px;line-height:1.18;text-wrap:balance}
.free-review .item-picker{border-bottom:1px solid var(--line);margin:0 0 24px;}
.free-review .item-picker button{position:relative;display:flex;flex-direction:column;align-items:center;gap:13px;width:92px;padding:4px 4px 13px;border-radius:9px}
.free-review .item-picker img{transition:opacity .25s,outline-color .25s;outline:1px solid #33323c;}
.free-review .item-picker time{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.free-review .item-picker button[aria-pressed=true] img{outline:2px solid var(--accent);opacity:1}
.free-review .item-picker button[aria-pressed=true] time{color:var(--ink)}
.free-review .item-picker button[aria-pressed=true]:after{content:'';position:absolute;bottom:0;width:21px;height:2px;background:var(--accent);border-radius:2px}
.free-review .item-heading h2{font-size:27px;letter-spacing:-.04em}
.free-review .item-heading>span{display:block;color:var(--muted);font-size:11px;margin-top:6px}
.free-review .item-detail h3{font-size:17px;margin-top:23px;font-weight:500;letter-spacing:-.025em}
.free-review .item-detail>p{font-size:14px;color:#bbc2cc;margin-top:10px;line-height:1.6}
.free-review .explanation{border-top:1px solid var(--line);margin-top:20px}
.free-review .explanation summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:53px;color:var(--accent);font-size:13px;cursor:pointer;gap:12px}
.free-review .explanation summary::-webkit-details-marker{display:none}
.free-review .explanation summary .ui-icon{width:16px;height:16px;opacity:.65;transition:transform .3s}
.free-review .explanation[open] summary .ui-icon{transform:rotate(180deg)}
.free-review .detail-content{padding:4px 0 12px;animation:detail-in .32s var(--ease)}
.free-review .detail-content p{font-size:13px;color:#bfc7d1}
.free-review .detail-content p+p{margin-top:12px}
.free-review .detail-content p.muted{color:var(--muted);font-size:12px}
.free-review .alternative{display:flex;align-items:center;gap:12px;margin:0 0 14px}
.free-review .alternative img{width:48px;height:36px;object-fit:contain;border-radius:4px}
.free-review .alternative strong{font-weight:500;font-size:14px}
.free-review .free-footer{margin-top:auto;}
.free-review .chapter-footer{border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.free-review .round{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;flex:none;transition:background .2s,transform .2s}
.free-review .round:hover{transform:translateY(-2px)}
.free-review .round.previous{border:1px solid #454c58;color:var(--ink)}
.free-review .round.next{background:var(--accent)}
.free-review .round.next .ui-icon{filter:none}
.free-review .chapter-footer>div{text-align:center;display:flex;flex-direction:column;gap:5px}
.free-review .chapter-footer small{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}
.free-review .chapter-footer span{font-size:14px}
.free-review .duel{display:flex;align-items:center;justify-content:space-between;margin:24px 0 22px}
.free-review .duel>div{display:flex;flex-direction:column;gap:7px;font-size:11px}
.free-review .duel>div:last-child{text-align:right;align-items:end}
.free-review .duel img{width:64px;height:36px;object-fit:cover;border-radius:5px}
.free-review .duel>span{font-size:11px;color:var(--muted)}
.free-review .comparison{display:grid;gap:17px}
.free-review .metric>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}
.free-review .metric strong{font-size:17px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink)}
.free-review .metric strong:last-child{color:#a4acb8}
.free-review .metric-bar{display:flex;gap:4px;height:4px;margin-top:9px}
.free-review .metric-bar i{background:var(--accent);border-radius:3px;transition:flex .2s}
.free-review .metric-bar i:last-child{background:#4a4655}
.free-review .scrub{margin-top:19px;display:flex;align-items:center;gap:17px}
.free-review .scrub label{font-size:11px;white-space:nowrap;color:var(--muted)}
.free-review input[type=range]{accent-color:var(--accent);height:28px;min-width:0;flex:1;cursor:pointer}
.free-review .observation{font-size:13px;color:#b5bcc7;margin:19px 0 5px;line-height:1.55}
.free-review .observation strong{font-weight:500;color:var(--ink)}
.free-review .chart-label{display:flex;align-items:center;justify-content:space-between;margin-top:26px;font-size:12px;color:var(--muted)}
.free-review .chart-label strong{font-size:22px;font-weight:500;color:var(--red)}
.free-review canvas{display:block;width:100%;height:175px;margin-top:14px}
.free-review .chart-axis{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin:5px 0}
.free-review .chart-slider{width:100%;margin:12px 0}
.free-review .flow-fact{display:flex;align-items:center;gap:14px;margin-top:14px}
.free-review .flow-fact strong{font-size:24px;color:var(--red);font-weight:500}
.free-review .flow-fact span{font-size:12px;color:var(--muted)}
.free-review .conclusion{padding:22px 0 18px;border-bottom:1px solid var(--line)}
.free-review .conclusion>span{font-size:11px;color:var(--accent)}
.free-review .conclusion>span.positive{color:var(--green)}
.free-review .conclusion h3{font-size:20px;margin:9px 0}
.free-review .conclusion p{font-size:13px;color:#b5bcc7}
.free-review .conclusion button{padding:14px 0 0;min-height:44px;display:flex;align-items:center;gap:8px;color:var(--accent);font-size:12px}
.free-review .conclusion .ui-icon{width:16px;height:16px;opacity:.7}
.free-review .home{padding:30px 22px}
.free-review .match-card{position:relative;overflow:hidden;width:100%;background:var(--surface);border-radius:12px;display:flex;text-align:left;align-items:center;gap:13px;padding:14px;margin-top:20px}
.free-review .match-card .hero-art{width:96px;height:64px;object-fit:cover;border-radius:6px;}
.free-review .match-card h1{font-size:22px}
.free-review .match-card p{font-size:11px;margin:5px 0;color:var(--muted)}
.free-review .match-card div>span{font-size:12px;color:var(--muted)}
.free-review .match-card>.ui-icon{margin-left:auto;width:18px}
.free-review .open-review{display:flex;align-items:center;justify-content:space-between;background:var(--accent);color:#17111e;border-radius:10px;width:100%;min-height:52px;padding:12px 16px;margin-top:25px;font-size:13px}
.free-review .open-review .ui-icon{filter:none}
.free-review .stats{padding:24px 22px}
.free-review .stats h1{font-size:29px}
.free-review .stats>p{font-size:12px;color:var(--muted);margin:10px 0 26px}
.free-review .fact-list>div{display:flex;align-items:center;gap:12px;min-height:57px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}
.free-review .fact-list img{height:28px;width:37px;object-fit:contain;border-radius:3px}
.free-review .fact-list time{color:var(--muted);width:37px;flex:none}
.free-review .fact-list strong{font-weight:500;margin-left:auto}
.free-review .fact-list div>span:first-child{color:var(--muted)}
.free-review @keyframes detail-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:850px){.free-review{background:var(--bg)}
.free-review{min-height:100svh}
}
@media(max-width:430px){.free-review .hero-banner{height:172px}
}
@media(max-width:360px){.free-review .hero-copy{padding-left:18px}
.free-review .hero-copy h1{font-size:42px}
.free-review .chapter{padding-left:18px;padding-right:18px}
.free-review .item-picker{gap:10px}
.free-review .item-picker img{width:72px;height:54px}
.free-review .item-heading h2{font-size:24px}
.free-review .chapter-footer span{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.free-review *,.free-review *:before,.free-review *:after{animation:none!important;transition:none!important}
}
.free-review .hero-banner>.hero-art{right:-27%;width:88%}
.free-review .item-picker{padding-bottom:17px;}
.free-review .item-detail h3{margin-top:18px}
.free-review .item-heading>span{display:none}
.free-review .chapter .eyebrow{margin-bottom:14px}
.free-review .item-picker button{gap:10px}
.free-review .free-footer{padding-bottom:20px;}
.free-review .lane-intro .eyebrow{margin-bottom:8px}
.free-review .lane-intro h2{font-size:27px;line-height:1.2}
.free-review .lane-intro time{font-variant-numeric:tabular-nums;color:var(--muted)}
.free-review .lane-opponents{display:flex;align-items:center;justify-content:space-between;margin:24px 0 20px;padding:0 15px}
.free-review .lane-opponents>div{display:flex;flex-direction:column;align-items:center;min-width:102px;gap:6px}
.free-review .lane-opponents img{width:80px;height:45px;object-fit:cover;border-radius:6px}
.free-review .lane-opponents strong{font-size:13px;font-weight:500;letter-spacing:-.02em}
.free-review .lane-opponents div>span{font-size:11px;color:var(--muted)}
.free-review .lane-versus{font-size:11px;color:#858b97;margin-bottom:28px}
.free-review .lane-advantages{display:grid;grid-template-columns:repeat(3,1fr);padding:20px 0 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.free-review .lane-advantages>div{display:flex;flex-direction:column;align-items:center;gap:7px}
.free-review .lane-advantages>div+div{border-left:1px solid var(--line)}
.free-review .lane-advantages strong{font-size:30px;line-height:1.15;letter-spacing:-.055em;font-weight:500;font-variant-numeric:tabular-nums}
.free-review .lane-advantages span{font-size:12px;color:var(--muted)}
.free-review .lane-development{padding:22px 0 18px}
.free-review .lane-development h3{font-size:15px;font-weight:500;letter-spacing:-.025em}
.free-review .lane-checkpoints{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px}
.free-review .lane-checkpoints>div{display:flex;flex-direction:column;gap:7px}
.free-review .lane-checkpoints>div:last-child{text-align:right}
.free-review .lane-checkpoints time{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.free-review .lane-checkpoints strong{font-size:22px;font-weight:500;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.free-review .lane-checkpoints small{font-size:12px;color:var(--muted);letter-spacing:0}
.free-review .lane-checkpoints .ui-icon{width:18px;opacity:.5}
.free-review .lane-checkpoints>div:last-child strong{color:var(--ink)}
.free-review .lane-breakdown{border-top:1px solid var(--line)}
.free-review .lane-breakdown summary{list-style:none;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-size:12px;color:var(--accent-text)}
.free-review .lane-breakdown summary::-webkit-details-marker{display:none}
.free-review .lane-breakdown summary .ui-icon{width:16px;height:16px;opacity:.65;transition:transform .25s}
.free-review .lane-breakdown[open] summary .ui-icon{transform:rotate(180deg)}
.free-review .lane-breakdown-body{padding:7px 0 17px}
.free-review .lane-time-control{display:grid;grid-template-columns:1fr auto;gap:5px 12px;align-items:center}
.free-review .lane-time-control label{font-size:12px;color:var(--muted)}
.free-review .lane-time-control output{font-size:14px;font-variant-numeric:tabular-nums}
.free-review .lane-time-control input{grid-column:1/-1;width:100%;margin:4px 0 0;height:40px}
.free-review .lane-time-marks{grid-column:1/-1;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}
.free-review .lane-table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums;margin-top:23px;table-layout:fixed}
.free-review .lane-table th,.free-review .lane-table td{text-align:right;padding:12px 0;white-space:nowrap;border-bottom:1px solid var(--line);font-weight:400}
.free-review .lane-table th:first-child{text-align:left;width:30%}
.free-review .lane-table thead th{font-size:10px;color:var(--muted);padding:0 0 10px}
.free-review .lane-table tbody th{font-size:11px;color:var(--muted)}
.free-review .lane-table td:last-child{font-weight:500}
.free-review .round.next{background:var(--accent)}
.free-review .round.next .ui-icon,.free-review .open-review .ui-icon{filter:invert(1)}
.free-review .open-review{color:white}
.free-review .eyebrow button,.free-review .explanation summary,.free-review .conclusion button{color:var(--accent-text)}
.free-review .item-picker button[aria-pressed=true] img{outline-color:var(--accent-text)}
@media(max-width:360px){.free-review .lane-intro h2{font-size:25px}
.free-review .lane-opponents{padding:0 4px}
.free-review .lane-opponents img{width:72px;height:41px}
.free-review .lane-opponents>div{min-width:96px}
.free-review .lane-advantages strong{font-size:28px}
.free-review .lane-advantages span{font-size:11px}
.free-review .lane-development h3{font-size:14px}
.free-review .lane-table{font-size:11px}
.free-review .lane-table thead th{font-size:9px}
.free-review .lane-table tbody th{font-size:10px}
}
.free-review .chapter[aria-label="Линия"]{padding-top:20px}
.free-review .lane-opponents{margin:18px 0 16px}
.free-review .lane-versus{margin-bottom:20px}
.free-review .lane-advantages{padding:16px 0 17px}
.free-review .lane-development{padding:18px 0 14px}
@media(max-width:360px){.free-review .lane-table thead th{font-size:10px}
.free-review .lane-table tbody th{font-size:11px}
.free-review .lane-table td{font-size:12px}
}
.free-review .chapter[aria-label="Предметы"]{padding-top:20px}
.free-review .item-picker{margin-bottom:19px;}
.free-review .item-picker button{padding-bottom:10px;gap:11px}
.free-review .item-picker img{border-radius:5px;opacity:.78;outline-offset:3px;}
.free-review .item-picker button[aria-pressed=true]:after{display:none}
.free-review .item-heading h2{font-size:25px;line-height:1.25}
.free-review .item-detail>.purchase-assessment{font-size:14px;line-height:1.6;margin-top:10px;min-height:68px;color:#bdc4cf}
.free-review .purchase-timing{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:14px 0 18px;margin:0;font-size:12px;color:var(--muted)}
.free-review .purchase-timing strong{color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}
.free-review .timing-usual{font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}
.free-review .purchase-advice,.free-review .build-skills{margin-top:0}
.free-review .purchase-advice summary,.free-review .build-skills summary{min-height:49px;color:var(--ink);font-size:13px}
.free-review .purchase-advice .detail-content{padding:0 0 18px}
.free-review .protection-case{display:flex;align-items:center;gap:12px;margin:18px 0 16px}
.free-review .protection-case>img{width:48px;height:36px;object-fit:contain;border-radius:4px}
.free-review .protection-case>div{display:flex;flex-direction:column;gap:4px}
.free-review .protection-case strong{font-weight:500;font-size:14px}
.free-review .protection-case span{font-size:11px;color:var(--muted)}
.free-review .protection-skill{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line)}
.free-review .protection-skill>img{width:32px;height:32px;object-fit:contain;border-radius:5px;margin-top:2px}
.free-review .protection-skill p{font-size:12px;line-height:1.6}
.free-review .protection-skill strong{display:block;font-weight:500;color:var(--ink);margin-bottom:2px}
.free-review .skill-levels{display:grid;gap:18px;padding:5px 0 20px}
.free-review .skill-level-row{display:flex;gap:12px;align-items:center}
.free-review .skill-level-row>img{width:40px;height:40px;border-radius:5px}
.free-review .skill-level-row strong{display:block;font-size:12px;font-weight:500;margin-bottom:7px}
.free-review .skill-level-row span{display:flex;gap:6px}
.free-review .skill-level-row b{font-size:11px;font-weight:400;font-variant-numeric:tabular-nums;background:#1c2028;color:#c1c8d4;min-width:25px;height:23px;border-radius:4px;display:grid;place-items:center}
.free-review .talent-picks{border-top:1px solid var(--line)}
.free-review .talent-picks>div{display:flex;gap:12px;padding:16px 0;align-items:center}
.free-review .talent-tier{width:40px;height:40px;display:grid;place-items:center;flex:none;border:1px solid #3e4657;border-radius:50%;font-size:14px;color:var(--accent-text)}
.free-review .talent-picks p{font-size:12px;line-height:1.55;color:var(--ink)}
.free-review .talent-picks small{display:block;color:var(--muted);font-size:11px;margin-top:4px}
@media(max-width:360px){.free-review .item-picker{gap:8px}
.free-review .item-heading h2{font-size:23px}
.free-review .item-detail>.purchase-assessment{font-size:13px}
.free-review .purchase-timing summary{font-size:11px}
}
.free-review .skill-verdicts{margin-top:23px}
.free-review .skill-verdicts>section{display:flex;align-items:flex-start;gap:12px;padding:0 0 20px}
.free-review .skill-verdicts img{width:44px;height:44px;border-radius:6px;flex:none}
.free-review .skill-verdicts h3{font-size:14px;line-height:1.4;letter-spacing:-.02em;margin:0 0 7px}
.free-review .skill-verdicts p,.free-review .talent-analysis p{font-size:13px;line-height:1.6;color:#b8c0cc}
.free-review .early-skills{margin-top:0}
.free-review .early-skills summary{color:var(--muted);font-size:12px;min-height:48px}
.free-review .skill-sequence{display:grid;grid-template-columns:repeat(5,1fr);gap:14px 10px;padding:8px 0 20px}
.free-review .skill-sequence>div{display:flex;flex-direction:column;gap:7px;align-items:center}
.free-review .skill-sequence img{width:36px;height:36px;border-radius:5px}
.free-review .skill-sequence span{font-size:11px;color:var(--muted)}
.free-review .talent-analysis{border-top:1px solid var(--line);padding-top:20px}
.free-review .talent-analysis>h3{font-size:16px;margin-bottom:20px}
.free-review .talent-analysis article{display:flex;align-items:flex-start;gap:12px;margin-bottom:23px}
.free-review .talent-analysis h4{font-size:13px;font-weight:500;line-height:1.55;margin:0 0 7px}
.free-review .talent-analysis p{font-size:12px}
@media(max-width:360px){.free-review .purchase-timing{font-size:11px;gap:8px}
.free-review .timing-usual{font-size:10px}
.free-review .skill-verdicts p{font-size:12px}
}
.free-review .draft-team h3{font-size:12px;color:var(--muted);font-weight:400;letter-spacing:0;margin-bottom:12px}
.free-review .draft-team+.draft-team{margin-top:19px}
.free-review .draft-roster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.free-review .draft-hero{min-width:0;text-align:center}
.free-review .draft-hero img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:5px;display:block}
.free-review .draft-hero.is-player img{outline:1px solid var(--accent-text);outline-offset:2px}
.free-review .draft-hero span{display:block;font-size:9px;line-height:1.35;color:#abb3bf;margin-top:7px;min-height:25px}
.free-review .draft-hero.is-player span{color:var(--ink)}
.free-review .draft-signals{margin-top:21px;border-top:1px solid var(--line)}
.free-review .draft-signals>section{display:flex;align-items:flex-start;gap:14px;padding:19px 0;border-bottom:1px solid var(--line)}
.free-review .draft-pair{display:flex;align-items:center;gap:5px;flex:none;margin-top:2px}
.free-review .draft-pair img{width:36px;height:29px;object-fit:cover;border-radius:4px}
.free-review .draft-pair>span{font-size:12px;color:var(--muted)}
.free-review .draft-signals h3{font-size:13px;letter-spacing:-.015em;margin-bottom:6px}
.free-review .draft-signals p,.free-review .draft-role p{font-size:12px;line-height:1.6;color:#b8c0cc}
.free-review .draft-role{padding:21px 0 14px}
.free-review .draft-role h2{font-size:21px;margin-bottom:10px}
@media(max-width:360px){.free-review .draft-roster{gap:5px}
.free-review .draft-hero span{font-size:8px}
.free-review .draft-signals>section{gap:10px}
.free-review .draft-pair img{width:30px;height:25px}
.free-review .draft-role h2{font-size:20px}
}
.free-review .chapter[aria-label="Ход игры"]{min-height:0;padding-top:22px}
.free-review .flow-score{display:flex;align-items:center;gap:15px;margin-top:1px;min-height:45px}
.free-review .flow-score>strong{font-size:37px;font-weight:500;letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.free-review .flow-score>span{font-size:11px;line-height:1.45;color:var(--muted);max-width:95px}
.free-review #fr-gold-minute{font-variant-numeric:tabular-nums;color:var(--ink);font-size:14px}
.free-review #fr-gold-chart{height:185px;margin-top:13px}
.free-review #fr-gold-time{height:32px;margin:0 0 12px}
.free-review .flow-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;border-bottom:1px solid var(--line);padding-bottom:12px}
.free-review .flow-stages button{min-height:40px;padding:0 3px;color:var(--muted);font-size:10px;border-radius:6px;transition:background .25s,color .25s}
.free-review .flow-stages button[aria-pressed=true]{background:#202735;color:#c5d1ed}
.free-review .flow-insight{padding:18px 0 16px;min-height:125px}
.free-review .flow-insight h2{font-size:20px;line-height:1.25;text-wrap:pretty}
.free-review .flow-insight p{font-size:12px;line-height:1.6;color:#b8c0cc;margin-top:9px}
@media(max-width:360px){.free-review .flow-score>strong{font-size:34px}
.free-review .flow-stages button{font-size:9px}
.free-review .flow-insight h2{font-size:19px}
}
.free-review #fr-gold-time{appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;display:block;width:100%}
.free-review #fr-gold-time::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#333c4d}
.free-review #fr-gold-time::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#a9b9dc;border:3px solid #141b27;margin-top:-6px;box-shadow:0 0 0 1px #65799d}
.free-review #fr-gold-time::-moz-range-track{height:4px;border-radius:2px;background:#333c4d}
.free-review #fr-gold-time::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#a9b9dc;border:3px solid #141b27}
.free-review:has(.chapter-reel){padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))}
.free-review .free-footer{position:fixed;bottom:0;max-width:100vw;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));margin:0;background:var(--bg);border-top:1px solid var(--line);}
.free-review .chapter-footer{padding:0;border:0;gap:8px;min-height:52px}
.free-review .chapter-footer .round{width:44px;height:44px}
.free-review .chapter-reel{position:relative;flex:1;min-width:0;height:52px;overflow:hidden;--step:clamp(64px,19vw,78px)}
.free-review .chapter-reel button{position:absolute;left:50%;top:0;height:48px;width:var(--step);padding:0 1px;transform:translateX(calc(-50% + var(--offset)*var(--step)));font-size:10px;white-space:nowrap;color:#7f8795;transition:transform .45s var(--ease),color .3s,opacity .3s;font-weight:400}
.free-review .chapter-reel button[aria-current]{font-size:12px;font-weight:500;color:var(--ink)}
.free-review .chapter-reel button[aria-hidden=true]{visibility:hidden;pointer-events:none;opacity:0}
.free-review .chapter-reel i{position:absolute;bottom:0;left:calc(50% - 10px);width:20px;height:2px;background:var(--accent);border-radius:2px}
.free-review #fr-gold-time{width:calc(100% - 28px);margin-left:0;margin-right:28px}
.free-review #fr-gold-time::-moz-range-thumb{box-sizing:border-box;width:16px;height:16px}
@media(min-width:851px){.free-review .free-footer{width:388px}
}
.free-review #fr-gold-time{background:linear-gradient(#333c4d,#333c4d) center / calc(100% - 16px) 4px no-repeat}
.free-review #fr-gold-time::-webkit-slider-runnable-track{background:transparent}
.free-review #fr-gold-time::-moz-range-track{background:transparent}
.free-review .chapter-reel button{width:33.333333%;transform:translateX(calc(-50% + var(--offset)*100%))}
@media(min-width:851px){.free-review .free-footer{width:388px}
}
.free-review .chapter .recap-title{font-size:28px;line-height:1.19;letter-spacing:-.045em;text-wrap:pretty;margin:2px 0 24px}
.free-review .recap-title>span{color:#a5afbf}
.free-review .recap-evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.free-review .recap-card{text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:13px 12px 14px;min-width:0;transition:border-color .2s,background .2s}
.free-review .recap-card:hover{border-color:#5c6b89;background:var(--coach-hover)}
.free-review .recap-card-label{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:10px;color:var(--muted)}
.free-review .recap-card-label .ui-icon{width:13px;height:13px;opacity:.6}
.free-review .recap-lane-value,.free-review .recap-items{height:63px;display:flex;align-items:center;gap:7px}
.free-review .recap-lane-value{justify-content:space-between}
.free-review .recap-lane-value strong{font-size:35px;font-weight:500;color:var(--green);letter-spacing:-.065em;font-variant-numeric:tabular-nums}
.free-review .recap-lane-value img{width:41px;height:29px;object-fit:cover;border-radius:4px}
.free-review .recap-items{justify-content:space-between}
.free-review .recap-items img{width:47px;height:35px;object-fit:contain;border-radius:4px}
.free-review .recap-items>span{font-size:13px;color:var(--muted)}
.free-review .recap-card-title{display:block;font-size:12px;font-weight:500;letter-spacing:-.02em;margin-bottom:6px}
.free-review .recap-card small{display:block;font-size:10px;line-height:1.5;color:var(--muted)}
.free-review .recap-focus{margin-top:26px;padding:22px 0 12px;border-top:1px solid var(--line)}
.free-review .recap-focus .eyebrow{font-size:11px;min-height:0;margin-bottom:9px}
.free-review .recap-focus h3{font-size:23px;letter-spacing:-.04em}
.free-review .recap-sequence{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 19px}
.free-review .recap-sequence>div{display:flex;flex-direction:column;align-items:center;gap:10px}
.free-review .recap-portraits{display:flex;gap:5px;height:37px;align-items:center}
.free-review .recap-portraits img{width:49px;height:35px;object-fit:cover;border-radius:5px}
.free-review .recap-sequence>div:last-child img{outline:1px solid var(--accent);outline-offset:3px}
.free-review .recap-sequence>div>span{font-size:10px;color:#b3bdcc}
.free-review .recap-sequence>.ui-icon{width:22px;opacity:.45;margin-bottom:23px}
.free-review .recap-focus p{font-size:13px;line-height:1.6;color:#adb7c6}
@media(max-width:360px){.free-review .chapter .recap-title{font-size:25px}
.free-review .recap-evidence{gap:8px}
.free-review .recap-card{padding:12px 9px}
.free-review .recap-card-label{font-size:9px}
.free-review .recap-card-title{font-size:11px}
.free-review .recap-card small{font-size:9px}
.free-review .recap-items img{width:40px;height:30px}
.free-review .recap-lane-value strong{font-size:31px}
.free-review .recap-lane-value img{width:33px;height:26px}
.free-review .recap-focus h3{font-size:22px}
.free-review .recap-focus p{font-size:12px}
}
.free-review .chapter .recap-title{font-size:26px;margin-bottom:20px}
.free-review .recap-focus{margin-top:21px;padding-top:18px}
.free-review .recap-sequence{margin:19px 0 15px}
@media(max-width:360px){.free-review .chapter .recap-title{font-size:23px}
}
@media(max-width:360px){}

/* Host integration: the reader replaces the dock only while it is visible. */
#coach-match-detail:has(.free-review){width:min(100%,var(--coach-reader-width));padding:env(safe-area-inset-top,0px) 0 0}
#coach-match-detail:has(.free-review)>.coach-detailbar{display:none}
#coach-match-detail:has(.free-review)>.coach-match-detail__content{margin:0}
body:has(#page-coach.active #coach-match-detail:not([hidden]) .free-review) .dock{display:none}
.free-review{min-height:100svh;background:var(--bg);margin:0;overflow-x:clip;padding-bottom:calc(94px + env(safe-area-inset-bottom,0px));font:15px var(--coach-font);}
.free-review .free-footer{width:min(var(--coach-reader-width),100%);left:50%;transform:translateX(-50%);z-index:30;}
#page-coach:not(.active) .free-footer,#coach-match-detail[hidden] .free-footer{display:none}
.free-review .item-picker{overflow-x:auto;justify-content:flex-start;scrollbar-width:none;}
.free-review .item-picker button{flex:none}
.free-review .item-picker img{object-fit:contain;}
.free-review .hero-copy h1{font-size:clamp(36px,11vw,46px);max-width:70%;line-height:1.08;overflow-wrap:normal;}
.free-review .review-empty{padding:24px 0;color:var(--muted);font-size:13px;line-height:1.6}
.free-review .review-advice{margin:16px 0;font-size:13px;color:#bdc4cf;line-height:1.6}
.free-review .review-advice>summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;color:var(--ink)}
.free-review .review-advice>p{padding:12px 0}
.free-review .chapter h2{overflow-wrap:break-word}
.free-review .chapter:focus{outline:none}
.free-review .recap-evidence:has(>:only-child){grid-template-columns:1fr}
.free-review .recap-focus .review-advice{margin-bottom:0}
.free-review .recap-visual{display:flex;gap:8px;align-items:center;min-height:54px;margin:15px 0}
.free-review .recap-visual img{width:48px;height:36px;object-fit:cover;border-radius:4px}
.free-review .recap-visual strong{font-size:30px;font-weight:500}
.free-review .skill-compare{display:flex;align-items:center;gap:10px;margin-top:12px}
.free-review .skill-compare img{width:30px;height:30px}.free-review .skill-compare span{font-size:11px;color:var(--muted)}
.free-review .hero-art{background:var(--bg)}
.free-review .flow-stages{grid-template-columns:repeat(4,minmax(0,1fr))}
.free-review .flow-stages button{padding:10px 3px;min-height:44px}
.free-review .eyebrow button{min-height:44px}
.free-review .fact-list img{object-fit:contain}
.free-review .fact-list span{overflow-wrap:anywhere}
.free-review .talent-analysis .talent-rate{color:var(--muted);font-size:11px;margin-top:7px}

/* The app shell is a grid: its auto minimum must not inherit the entire
   purchase strip width. The strip scrolls; the reader and page never do. */
.coach-shell:has(.free-review){grid-template-columns:minmax(0,1fr);min-width:0}
#coach-match-detail:has(.free-review),
#coach-match-detail:has(.free-review)>.coach-match-detail__content,
.free-review,.free-review .chapter-viewport,.free-review .chapter{min-width:0;max-width:100%}
.free-review,.free-review .chapter-viewport,.free-review .item-picker{width:100%}
.free-review .item-picker{min-width:0;max-width:100%;overscroll-behavior-x:contain;}
.free-review .hero-copy--long h1{font-size:30px;line-height:1.08;max-width:68%;overflow-wrap:break-word}
.free-review .hero-copy--long p{margin-top:9px}
.free-review .hero-copy--long .kda{margin-top:8px}
.free-review .lane-intro h2{font-size:24px;max-width:100%}
.free-review .lane-opponents>div{min-width:0;flex:1}
.free-review .lane-opponents strong{text-align:center;overflow-wrap:anywhere}
.free-review .lane-versus{padding:0 12px;flex:none}
.free-review .review-advice>summary{list-style:none;gap:12px;cursor:pointer}
.free-review .review-advice>summary::-webkit-details-marker{display:none}
.free-review .review-advice>summary .ui-icon{width:16px;height:16px;opacity:.65;transition:transform .25s}
.free-review .review-advice[open]>summary .ui-icon{transform:rotate(180deg)}

/* Purchases remain fully scannable instead of disappearing off-screen. */
.free-review .item-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 8px;overflow:visible;padding:4px 4px 18px;}
.free-review .item-picker button{width:100%;min-width:0;padding:5px 3px;gap:7px;min-height:66px}
.free-review .item-picker img{width:100%;max-width:60px;height:auto;aspect-ratio:4/3;}
.free-review .item-picker time{font-size:11px}
.free-review .item-stats{display:flex;flex-wrap:wrap;gap:12px 20px;margin:14px 0}
.free-review .item-stats>div{display:flex;flex-direction:column;gap:3px}
.free-review .item-stats strong{font-size:20px;font-weight:500}
.free-review .item-stats span,.free-review .item-unrated{font-size:12px;color:var(--muted);line-height:1.5}
.free-review .item-unrated{margin-top:12px}
.free-review .item-upgrade{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0;font-size:12px}
.free-review .item-upgrade img:not(.ui-icon){width:40px;height:30px;object-fit:contain;border-radius:4px}
.free-review .recap-lane-value strong.loss{color:var(--red)}
.free-review .recap-lane-value strong.neutral{color:var(--muted)}
.free-review .recap-evidence{grid-template-columns:minmax(0,1fr)}
.free-review .recap-lane{display:grid;grid-template-columns:1fr auto;gap:6px 14px}
.free-review .recap-lane .recap-card-label{grid-column:1/-1}
.free-review .recap-lane .recap-lane-value{grid-column:2;grid-row:2/4;height:auto;gap:12px}
.free-review .recap-lane .recap-card-title,.free-review .recap-lane small{grid-column:1}
.free-review .recap-priority-heading{display:flex;align-items:center;gap:12px;margin:16px 0 12px}
.free-review .recap-priority-heading img{width:48px;height:36px;object-fit:contain;border-radius:4px}
.free-review .recap-priority-heading strong{font-size:17px;font-weight:500;line-height:1.3}
.free-review .recap-action{display:block;font-size:13px;line-height:1.6;color:#bdc4cf}
.free-review .recap-timing{display:flex;gap:28px;margin:0 0 12px;font-size:19px;font-variant-numeric:tabular-nums}
.free-review .recap-timing small{display:block;font-size:11px;margin-top:3px;color:var(--muted)}
.free-review .build-assessment {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--border, #292d34);
}

/* Optional advice is separate from the always-available evidence. */
.free-review .ai-advice {margin-top:28px;padding-top:20px;border-top:1px solid #272b34;min-width:0;}
.free-review .ai-advice-button {display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;width:100%;padding:12px 16px;border:1px solid #4f5e85;border-radius:14px;background:var(--coach-surface);color:#e6eaf3;font:inherit;font-size:15px;font-weight:550;cursor:pointer;transition:background .2s,border-color .2s,transform .2s;}
.free-review .ai-advice-button:active:not(:disabled) {transform:scale(.985);background:var(--coach-selected);}
.free-review .ai-advice-button:focus-visible {outline:2px solid #aebbdc;outline-offset:3px;}
.free-review .ai-advice-button:disabled {cursor:default;color:#adb3c0;border-color:#303540;}
.free-review .ai-advice-button .ui-icon {filter:none;width:20px;height:20px;flex:none;}
.free-review .ai-advice-allowance {display:block;margin:10px 0 0;text-align:center;color:#929aa9;font-size:12px;line-height:1.5;}
.free-review .ai-advice-error {font-size:13px;line-height:1.5;color:#b6becd;margin:10px 0 0;}
.free-review .ai-advice details>summary {display:flex;align-items:center;justify-content:space-between;min-height:44px;cursor:pointer;color:#bdc9e8;font-size:16px;list-style:none;}
.free-review .ai-advice details>summary::-webkit-details-marker {display:none;}
.free-review .ai-advice-answer {padding-top:6px;}
.free-review .ai-advice-spinner {width:18px;height:18px;border:2px solid #46506b;border-top-color:#c3cee8;border-radius:50%;animation:free-advice-spin 1s linear infinite;flex:none;}
@keyframes free-advice-spin {to {transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce) {.free-review .ai-advice-button {transition:none}.free-review .ai-advice-spinner {animation:none;border-color:#aebbdc}}

/* Canvas and overscroll are owned by coach-theme.css, not retained reader DOM. */
.free-review .ai-advice { margin: 0 0 24px; padding: 0 0 20px; border-top: 0; border-bottom: 1px solid var(--line); }
.free-review .ai-advice-answer { animation: advice-reveal .24s ease-out; }
@keyframes advice-reveal { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
#coach-match-detail-content:has(> .coach-loading--overlay) { position: relative; min-height: 240px; }
.coach-loading--overlay { position: absolute; inset: 0; z-index: 10; margin: 0; display: flex; align-items: center; justify-content: center; background: rgba(var(--coach-bg-rgb),.88); }
@media (prefers-reduced-motion: reduce) { .free-review .ai-advice-answer { animation: none; } }

/* A compact, stable identity leaves the first screen to the selected section. */
.free-review .hero-banner{height:106px;min-height:106px;margin:0 22px 20px;overflow:hidden;border-bottom:1px solid var(--line)}
.free-review .hero-banner>.hero-art{width:124px;height:100%;right:0;top:0;object-fit:cover;object-position:center;background:var(--surface)}
.free-review .hero-shade{background:linear-gradient(90deg,var(--bg) 50%,transparent 100%);}
.free-review .hero-copy{padding:10px 0;position:relative;z-index:1}
.free-review .hero-copy h1,.free-review .hero-copy--long h1{font-size:25px;max-width:68%;line-height:1.12;margin:0}
.free-review .hero-copy p,.free-review .hero-copy--long p{font-size:12px;margin:8px 0 0}
.free-review .hero-copy .kda,.free-review .hero-copy--long .kda{font-size:15px;margin-top:7px}
.free-review .advice-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.free-review .advice-heading h2{font-size:20px!important;margin:0;flex:1;white-space:nowrap}
.free-review .ai-advice-button{width:auto;min-height:44px;padding:9px 12px;gap:7px;font-size:12px;flex-shrink:0}
.free-review .ai-advice-button .ui-icon{width:15px;height:15px}
.free-review .ai-advice-allowance{font-size:11px;text-align:right;margin-top:7px}
.free-review .ai-advice{margin-bottom:20px;padding-bottom:14px}
.free-review .ai-advice details{margin-top:12px;border:1px solid var(--line);padding:12px 14px;border-radius:12px}
.free-review .ai-advice details summary{min-height:30px;font-weight:600}
.free-review .ai-advice-answer p{font-size:14px;line-height:1.55;margin:12px 0 0}
.free-review .draft-signals p{font-size:12px;line-height:1.5}
.free-review .item-picker img{background:var(--coach-elevated);min-height:40px;}
.free-review .item-detail{min-height:0;padding-bottom:20px}
.free-review .item-unrated{font-size:12px;color:var(--muted);line-height:1.5}
.free-review .talent-choice-label{font-size:11px;color:var(--muted);display:block;margin-bottom:5px}
.free-review .talent-rate{display:block;margin:5px 0 12px}
.free-review .recap-fact{display:block;font-size:23px;line-height:1.25;margin:13px 0 8px;letter-spacing:-.025em}
.free-review .recap-card small{display:block}
.free-review .next.is-finish{width:auto;border-radius:24px;padding:0 14px;white-space:nowrap;font-size:12px}
@media(max-width:360px){.free-review .hero-banner{margin-left:18px;margin-right:18px}.free-review .advice-heading{gap:8px}.free-review .advice-heading h2{font-size:17px!important}.free-review .ai-advice-button{padding:8px;font-size:11px}.free-review .hero-copy h1{font-size:23px}}

.free-review .phase-events:empty{display:none}.free-review .phase-events{margin-top:20px}.free-review .phase-purchases{display:flex;gap:18px}.free-review .phase-purchases button{background:none;border:0;padding:0;color:var(--muted);display:grid;gap:6px;font-size:12px}.free-review .phase-purchases img{width:48px;height:36px;border-radius:6px;object-fit:cover;background:var(--coach-elevated)}

.free-review .hero-banner{margin-bottom:8px}.free-review .chapter{padding-top:16px}.free-review .hero-banner>.hero-art{border-radius:10px}.free-review #fr-gold-chart{height:170px}
.free-review .item-picker img:not(.asset-ready){animation:review-asset-pulse 1.4s ease-in-out infinite}
@keyframes review-asset-pulse{50%{background-color:#303747}}
@media(prefers-reduced-motion:reduce){.free-review .item-picker img:not(.asset-ready){animation:none}}

.free-review .recap-saved { padding: 16px 0; border-bottom: 1px solid var(--border, #25272e); }
.free-review .recap-source { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--accent, #6b7db3); background: none; border: 0; font: inherit; }

/* A purchase explains an opportunity; benchmarks stay secondary. */
.free-review .item-benchmark{font-size:12px;line-height:1.5;color:var(--muted);margin:8px 0 0}
.free-review .item-opportunity{padding:18px 0 8px}
.free-review .item-opportunity h3{font-size:18px;line-height:1.3;margin:0 0 10px}
.free-review .item-opportunity .review-advice{font-size:14px;line-height:1.55;margin:0;color:var(--muted)}
.free-review .item-interaction{display:flex;align-items:center;gap:12px;margin:0 0 18px;flex-wrap:wrap}
.free-review .item-interaction img{width:48px;height:36px;object-fit:cover;border-radius:6px}
.free-review .item-interaction img:nth-of-type(3){width:40px;height:40px}
.free-review .item-interaction .ui-icon{width:20px;height:20px;border-radius:0}
.free-review .item-interaction span{font-size:13px;color:var(--muted)}
.free-review .recap-title{margin-bottom:20px}
.free-review .recap-fact-link{display:flex;align-items:center;gap:12px;width:100%;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);padding:0 0 22px;text-align:left;font:inherit}
.free-review .recap-fact-link>img:not(.ui-icon){width:48px;height:36px;object-fit:cover;border-radius:6px}
.free-review .recap-fact-link>span{flex:1;min-width:0}
.free-review .recap-fact-link strong{display:block;font-size:15px;margin-bottom:6px}
.free-review .recap-fact-link span span{display:block;color:var(--muted);font-size:13px;line-height:1.5}
.free-review .recap-saved{display:flex;gap:14px;padding:22px 0}
.free-review .recap-saved>div{flex:1;min-width:0}.free-review .recap-saved h3{margin:0 0 10px;font-size:16px}
.free-review .recap-saved .review-advice{margin:0;font-size:14px;line-height:1.55}
.free-review .recap-number{font-size:12px;color:var(--muted);padding-top:3px}
.free-review .recap-source{font-size:13px;margin-top:4px;padding:0}
.free-review .recap-next{padding-top:24px}
.free-review .recommendation-toggle{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--accent,#6b7db3);color:#fff;border:0;border-radius:12px;padding:12px;font:inherit;font-size:14px;font-weight:600}
.free-review .recommendation-toggle .ui-icon{width:18px;height:18px;flex-shrink:0}
.free-review #recommendation-choices{border:1px solid var(--line);border-radius:12px;margin-top:10px;overflow:hidden}
.free-review #recommendation-choices[hidden]{display:none}
.free-review #recommendation-choices button{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:50px;background:var(--surface);color:var(--ink);border:0;padding:12px 16px;font:inherit;font-size:14px;text-align:left}
.free-review #recommendation-choices button+button{border-top:1px solid var(--line)}
.free-review .recommendation-toggle:focus-visible,.free-review .recap-source:focus-visible,.free-review .recap-fact-link:focus-visible{outline:2px solid #c0cdea;outline-offset:4px}

/* One expanding explanation, without a second bordered card. */
.free-review .ai-advice .build-advice-detail{margin-top:12px}
.free-review .ai-advice .build-advice-detail>summary{display:block;font-weight:400;cursor:pointer}
.free-review .build-advice-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:600;font-size:16px;letter-spacing:0;text-transform:none;color:#bdc9e8}
.free-review .build-advice-preview{margin-top:12px}
.free-review .build-advice-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:14px;line-height:1.55;color:var(--muted)}
.free-review .build-advice-detail[open] .build-advice-preview{display:block;overflow:visible}
.free-review .build-advice-expand{flex:none;padding-top:3px;color:var(--accent)}
.free-review .build-advice-detail[open] .build-advice-expand{transform:rotate(180deg)}

/* The same compact, expandable reading pattern in all advice sections. */
.free-review .build-advice-preview{color:var(--ink)}
.free-review .build-advice-detail>summary{min-height:44px}
.free-review .recap-observation .recap-fact-link + .recap-fact-link{padding-top:20px}

/* A descriptive score with continuous, quiet scales. */
.free-review .assessment-heading{margin:0 0 18px}
.free-review .assessment-pending{padding:16px;margin-bottom:22px;border-radius:12px;background:var(--surface)}
.free-review .assessment-pending strong{font-size:15px;font-weight:550;line-height:1.4}
.free-review .assessment-pending p{color:var(--muted);font-size:14px;line-height:1.5;margin:8px 0}
.free-review .assessment-pending button{display:flex;align-items:center;gap:10px;color:var(--accent-text);font-size:14px;min-height:44px;padding:0}
.free-review .assessment-pending .ui-icon{width:17px;height:17px}
.free-review .assessment-heading h2{font-size:25px;font-weight:600;letter-spacing:-.025em;line-height:1.2}
.free-review .assessment-heading p{font-size:13px;color:var(--muted);margin-top:9px;line-height:1.5}
.free-review .assessment-method{margin:0 0 24px;border-bottom:1px solid var(--line)}
.free-review .assessment-method summary,.free-review .assessment-facts summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;font-size:13px;color:var(--accent-text)}
.free-review .assessment-method summary::-webkit-details-marker,.free-review .assessment-facts summary::-webkit-details-marker{display:none}
.free-review .assessment-method .ui-icon,.free-review .assessment-facts .ui-icon{height:16px;width:16px;transition:transform .2s}
.free-review .assessment-method[open] .ui-icon,.free-review .assessment-facts[open] .ui-icon{transform:rotate(180deg)}
.free-review .assessment-method p,.free-review .assessment-unavailable,.free-review .assessment-facts>p{font-size:13px;line-height:1.6;color:var(--muted);max-width:65ch;padding:4px 0 18px}

.free-review .assessment-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}
.free-review .assessment-highlights:has(>:only-child){grid-template-columns:1fr}
.free-review .assessment-highlight{display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:14px;border-radius:14px;background:var(--surface);text-align:left;gap:12px}
.free-review .assessment-highlight-label{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:11px;line-height:1.4;color:var(--muted);text-transform:none;letter-spacing:0}
.free-review .assessment-highlight-label .ui-icon{width:14px;height:14px}
.free-review .assessment-highlight--below .assessment-highlight-label{color:var(--warning,#d29922)}
.free-review .assessment-highlight--above .assessment-highlight-label{color:var(--green)}
.free-review .assessment-highlight-main{display:flex;align-items:center;gap:8px;min-height:40px}
.free-review .assessment-highlight-main .ui-icon{height:26px;width:26px;color:var(--accent-text)}
.free-review .assessment-highlight strong{font-size:14px;line-height:1.3;font-weight:550}
.free-review .assessment-highlight-value{font-size:26px;line-height:1.1;font-weight:550;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.free-review .assessment-highlight-value small{display:block;font-size:11px;line-height:1.4;color:var(--muted);letter-spacing:0;font-weight:400;margin-top:4px}
.free-review .assessment-highlight-relative{font-size:11px;line-height:1.45;color:var(--muted);margin-top:auto}
.free-review .assessment-start{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:12px 16px;gap:12px;width:100%;border-radius:12px;background:var(--coach-action);color:var(--coach-on-action);font-size:15px;font-weight:550;margin-bottom:18px}
.free-review .assessment-start .ui-icon{width:18px;height:18px;filter:none}
.free-review .assessment-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.free-review .assessment-areas button{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:106px;padding:16px;text-align:left;min-width:0}
.free-review .assessment-areas button:nth-child(even){border-left:1px solid var(--line)}
.free-review .assessment-areas button:nth-child(n+3){border-top:1px solid var(--line)}
.free-review .assessment-areas button:last-child:nth-child(odd){grid-column:1/-1;grid-template-columns:36px 1fr auto;min-height:76px}
.free-review .assessment-area-icon{color:var(--accent-text)}
.free-review .assessment-area-icon .ui-icon{height:32px;width:32px}
.free-review .assessment-areas strong{font-size:16px;font-weight:550;letter-spacing:-.015em;line-height:1.3}
.free-review .assessment-areas button>strong{grid-column:1}
.free-review .assessment-areas button>.ui-icon{width:16px;height:16px;grid-column:2;grid-row:2;color:var(--muted)}
.free-review .assessment-areas button:last-child:nth-child(odd)>strong{grid-column:2;grid-row:1}
.free-review .assessment-areas button:last-child:nth-child(odd)>.ui-icon{grid-column:3;grid-row:1}
.free-review .assessment-areas button:hover{background:var(--coach-hover)}
.free-review .assessment-heading--area{display:grid;grid-template-columns:36px 1fr;gap:6px 12px;align-items:center}
.free-review .assessment-heading--area p{grid-column:1/-1;margin-top:6px}
.free-review.assessment-reading .hero-banner{height:auto;min-height:74px;margin:0 22px;border-bottom:1px solid var(--line)}
.free-review.assessment-reading .hero-banner>.hero-art{width:64px;height:44px;right:0;top:10px;border-radius:7px}
.free-review.assessment-reading .hero-copy{padding:7px 82px 11px 0;display:grid;grid-template-columns:1fr auto;gap:4px 12px}
.free-review.assessment-reading .hero-copy h1{font-size:18px;line-height:1.3;letter-spacing:-.02em;max-width:none;grid-column:1/-1}
.free-review.assessment-reading .hero-copy p{font-size:12px;margin:0}
.free-review.assessment-reading .kda{font-size:12px;margin:0;white-space:nowrap}
.free-review.assessment-reading .kda span{padding:0 2px}
.free-review .assessment-footer{display:flex;align-items:center;gap:16px;position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,var(--coach-reader-width));background:var(--bg);padding:14px 22px max(14px,env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);z-index:30}
.free-review .assessment-footer>span{margin-right:auto;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}
.free-review .assessment-footer>span small{color:var(--muted);font-size:12px}
.free-review .assessment-next{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;max-width:65%;border-radius:12px;background:var(--coach-action);padding:10px 14px;font-size:14px;line-height:1.3;color:var(--coach-on-action);text-align:left}
.free-review .assessment-next .ui-icon{width:18px;height:18px;filter:none}
.free-review:has(.assessment-footer){padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))}
#page-coach:not(.active) .assessment-footer,#coach-match-detail[hidden] .assessment-footer{display:none}
.free-review:has(.assessment-overview){padding-bottom:24px}
.free-review .assessment-details>summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;gap:12px;font-size:15px;font-weight:550;list-style:none;cursor:pointer;border-top:1px solid var(--line)}
.free-review .assessment-details>summary::-webkit-details-marker{display:none}
.free-review .assessment-details>summary .ui-icon{width:16px;height:16px}
.free-review .assessment-details[open]>summary .ui-icon{transform:rotate(180deg)}

.free-review .assessment-row{padding:18px 0;border-top:1px solid var(--line);--metric-color:var(--accent-text)}
.free-review .assessment-row--above{--metric-color:var(--green)}
.free-review .assessment-row--below{--metric-color:var(--warning,#d29922)}
.free-review .assessment-row-head{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px}
.free-review .assessment-metric-icon{display:grid;place-items:center;color:var(--muted)}
.free-review .assessment-metric-icon .ui-icon{height:24px;width:24px}
.free-review .assessment-row-head h3{font-size:15px;line-height:1.35;font-weight:550;letter-spacing:-.01em}
.free-review .assessment-state{font-size:11px;color:var(--muted);line-height:1.4;text-align:right}
.free-review .assessment-row--above .assessment-state{color:var(--green)}
.free-review .assessment-row--below .assessment-state{color:var(--warning,#d29922)}
.free-review .assessment-values{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px;font-variant-numeric:tabular-nums}
.free-review .assessment-values strong{font-size:23px;line-height:1.3;font-weight:550;letter-spacing:-.015em}
.free-review .assessment-values small,.free-review .assessment-values>span{font-size:12px;font-weight:400;color:var(--muted);letter-spacing:0}
.free-review .assessment-scale{height:8px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:3px;position:relative;margin-top:14px;border-radius:0;overflow:visible;background:none}
.free-review .assessment-scale>span{background:var(--line);border-radius:2px}
.free-review .assessment-scale>span:nth-child(2){background:var(--coach-elevated);border:1px solid var(--coach-line-strong)}
.free-review .assessment-scale i{position:absolute;left:clamp(5px,var(--score),calc(100% - 5px));top:-2px;transform:translateX(-50%);width:4px;height:12px;background:var(--metric-color);border-radius:2px;animation:none}
.free-review .assessment-percentile{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.4}
.free-review .assessment-facts{margin-top:0}
.free-review .assessment-facts summary{font-size:16px;color:var(--ink);font-weight:550;min-height:58px}
.free-review .assessment-facts dl{margin:0}
.free-review .assessment-facts dl>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid var(--line)}
.free-review .assessment-facts dt{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.4}
.free-review .assessment-fact-icon{display:grid;place-items:center;width:32px;flex:none;color:var(--muted)}
.free-review .assessment-fact-icon .ui-icon{width:24px;height:24px}
.free-review .assessment-fact-icon img{width:32px;height:24px;object-fit:contain;border-radius:4px}
.free-review .assessment-facts dt small{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.free-review .assessment-facts dd{margin:0;font-size:18px;white-space:nowrap;font-variant-numeric:tabular-nums}
.free-review .assessment-facts dd small{font-size:12px;color:var(--muted)}
.free-review .assessment-sections{margin:0 0 24px}
.free-review .assessment-sections h2{font-size:18px;font-weight:600;margin-bottom:12px}
.free-review .assessment-sections button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;width:100%;text-align:left;border-bottom:1px solid var(--line);font-size:15px}
.free-review .assessment-sections .ui-icon{width:17px;height:17px}
@media(max-width:360px){.free-review .assessment-highlight{padding:12px;gap:10px}.free-review .assessment-highlight-value{font-size:24px}.free-review.assessment-reading .hero-copy p{font-size:11px}.free-review .assessment-footer{gap:10px;padding-inline:18px}.free-review .assessment-next{font-size:13px;max-width:61%}}
/* Ordinary review is a comparison sheet, not a chapter reader. */
.free-review.ordinary-scorecard{padding-bottom:24px;min-height:100svh}
.ordinary-scorecard .comparison-identity{margin:0 22px;border-bottom:1px solid var(--line);padding:8px 0 20px}
.ordinary-scorecard .comparison-player{display:flex;align-items:center;gap:14px}
.ordinary-scorecard .comparison-portrait{width:80px;height:50px;object-fit:cover;border-radius:6px;flex:none}
.ordinary-scorecard .comparison-player h1{font-size:19px;font-weight:600;line-height:1.25;letter-spacing:-.02em}
.ordinary-scorecard .comparison-player p{font-size:12px;color:var(--muted);margin-top:6px}
.ordinary-scorecard .comparison-kda{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 0 0}
.ordinary-scorecard .comparison-kda>div{display:flex;flex-direction:column-reverse;gap:4px;text-align:center}
.ordinary-scorecard .comparison-kda>div+div{border-left:1px solid var(--line)}
.ordinary-scorecard .comparison-kda dt{font-size:12px;color:var(--muted)}
.ordinary-scorecard .comparison-kda dd{font-size:22px;font-weight:550;font-variant-numeric:tabular-nums;margin:0;line-height:1.1}
.ordinary-scorecard .chapter{padding:24px 22px 0;min-height:0}
.ordinary-scorecard .assessment-heading{margin-bottom:18px}
.ordinary-scorecard .assessment-heading h2{font-size:21px;font-weight:600;line-height:1.2;letter-spacing:-.02em;text-wrap:initial}
.ordinary-scorecard .assessment-heading p{font-size:12px;margin-top:7px}
.ordinary-scorecard .assessment-tabs{display:flex;border-bottom:1px solid var(--line);gap:4px;margin:0;overflow-x:auto;scrollbar-width:none}
.ordinary-scorecard .assessment-tabs button{min-height:46px;flex:1;padding:8px 2px;font-size:13px;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent}
.ordinary-scorecard .assessment-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent)}
.ordinary-scorecard .assessment-tabs button:hover{color:var(--ink)}
.ordinary-scorecard .assessment-panel{outline-offset:2px;min-height:120px}
.ordinary-scorecard .score-row{padding:18px 0;border-top:0;border-bottom:1px solid var(--line)}
.ordinary-scorecard .score-metric{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:center}
.ordinary-scorecard .score-metric h3{font-size:14px;line-height:1.3;font-weight:550;letter-spacing:-.01em}
.ordinary-scorecard .assessment-metric-icon{width:24px;height:24px;color:var(--muted)}
.ordinary-scorecard .assessment-metric-icon svg{width:22px;height:22px;flex:none}
.ordinary-scorecard .assessment-state{display:block;text-align:left;margin-top:5px;font-size:11px}
.ordinary-scorecard .score-value{text-align:right;font-variant-numeric:tabular-nums}
.ordinary-scorecard .score-value strong{display:block;font-size:21px;line-height:1.15;font-weight:550;letter-spacing:-.015em}
.ordinary-scorecard .score-value small{display:block;font-size:11px;color:var(--muted);margin-top:5px}
.ordinary-scorecard .score-reference{display:flex;align-items:center;gap:9px;margin-top:13px;color:var(--muted);font-size:11px;line-height:1.35}
.ordinary-scorecard .score-reference>small{font:inherit;margin-left:auto;white-space:nowrap}
.ordinary-scorecard .assessment-scale{width:64px;height:5px;gap:2px;margin:0;flex:none}
.ordinary-scorecard .assessment-scale i{width:3px;height:9px;top:-2px;left:clamp(2px,var(--score),calc(100% - 2px))}
.ordinary-scorecard .assessment-method{margin:4px 0 18px}
.ordinary-scorecard .assessment-method summary{font-size:12px;min-height:46px}
.ordinary-scorecard .assessment-details>summary{font-size:14px;color:var(--muted);border-top:0}
.ordinary-scorecard .assessment-facts>p{font-size:12px;padding:14px 0 12px}
.ordinary-scorecard .assessment-facts dl>div{padding:13px 0}
.ordinary-scorecard .assessment-facts dt{font-size:14px}
.ordinary-scorecard .assessment-sections{margin-bottom:0}
@media(max-width:360px){.ordinary-scorecard .comparison-identity{margin-inline:18px}.ordinary-scorecard .chapter{padding-inline:18px}.ordinary-scorecard .score-reference{flex-wrap:wrap;column-gap:8px}.ordinary-scorecard .score-reference>small{font-size:10px}.ordinary-scorecard .score-metric{gap:8px}.ordinary-scorecard .assessment-tabs button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.free-review .assessment-scale i{animation:none}.free-review .assessment-method .ui-icon,.free-review .assessment-facts .ui-icon{transition:none}}

@media (min-width: 760px) {
  .free-review .topline { padding-inline: 32px; }
  .free-review .hero-copy { padding-inline: 32px; }
  .free-review .chapter { padding: 28px 32px 0; }
  .free-review .draft-roster { gap: 12px; }
  .free-review .draft-hero span { font-size: 12px; }
  .free-review .draft-signals { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
  .free-review .draft-signals p, .free-review .draft-role p { max-width: 65ch; }
  .free-review .review-advice, .free-review .recap-focus { max-width: 70ch; }
}

/* Ordinary review: compact scoreboard; role-aware segment grades. */
.ordinary-scorecard .comparison-identity{padding:12px 0 20px}
.ordinary-scorecard .comparison-portrait{width:112px;height:63px;aspect-ratio:16/9;object-fit:cover;border-radius:7px}
.ordinary-scorecard .comparison-player{gap:16px}
.ordinary-scorecard .comparison-player h1{font-size:23px}
.ordinary-scorecard .assessment-heading h2{font-size:23px}
.ordinary-scorecard .score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ordinary-scorecard .score-cell{display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:118px;padding:15px;text-align:left;background:var(--surface);border:0;color:var(--ink);transition:background .16s ease;cursor:pointer}
.ordinary-scorecard .score-cell:hover{background:var(--elevated,var(--surface))}
.ordinary-scorecard .score-cell:active{background:var(--line)}
.ordinary-scorecard .score-cell:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.ordinary-scorecard .score-cell-name{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:34px;font-size:13px;line-height:1.3;color:var(--muted)}
.ordinary-scorecard .score-cell-name .ui-icon{width:14px;height:14px;flex:none}
.ordinary-scorecard .score-cell-value{font-size:29px;line-height:1.2;font-weight:600;letter-spacing:-.025em;font-variant-numeric:tabular-nums;margin-top:4px}
.ordinary-scorecard .score-cell-value small,.ordinary-scorecard .metric-detail-main strong small{color:var(--muted);font-size:15px;font-weight:400}
.ordinary-scorecard .score-segments{display:flex;gap:4px;width:100%;max-width:140px;margin-top:13px;--grade:#d29922}
.ordinary-scorecard .score-segments i{display:block;flex:1;height:5px;border-radius:1px;background:var(--line)}
.ordinary-scorecard .score-segments i.filled{background:var(--grade)}
.ordinary-scorecard .score-grade-1{--grade:#e5534b}
.ordinary-scorecard .score-grade-2{--grade:#dc8b59}
.ordinary-scorecard .score-grade-3{--grade:#d29922}
.ordinary-scorecard .score-grade-4{--grade:#85b477}
.ordinary-scorecard .score-grade-5{--grade:#3db87a}
.ordinary-scorecard .score-secondary{margin-top:18px}
.ordinary-scorecard .score-secondary>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;min-height:52px;font-size:15px;font-weight:550}
.ordinary-scorecard .score-secondary>summary::-webkit-details-marker{display:none}
.ordinary-scorecard .score-secondary>summary .ui-icon{width:18px;height:18px;transition:transform .18s ease}
.ordinary-scorecard .score-secondary[open]>summary .ui-icon{transform:rotate(180deg)}
.ordinary-scorecard .assessment-row-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.ordinary-scorecard .assessment-row-head .score-segments{max-width:90px;margin-top:0;flex-shrink:0}
.ordinary-scorecard .assessment-method{margin:8px 0}
.ordinary-scorecard .assessment-method p{font-size:13px;line-height:1.65}
.ordinary-scorecard.assessment-reading{padding-bottom:24px}
@media(max-width:360px){.ordinary-scorecard .score-cell{padding:12px;min-height:112px}.ordinary-scorecard .score-cell-name{font-size:12px}.ordinary-scorecard .score-cell-value{font-size:27px}.ordinary-scorecard .comparison-portrait{width:96px;height:54px}.ordinary-scorecard .comparison-player{gap:12px}.ordinary-scorecard .comparison-player h1{font-size:22px}}
@media(prefers-reduced-motion:reduce){.ordinary-scorecard .score-cell,.ordinary-scorecard .score-secondary>summary .ui-icon{transition:none}}

.ordinary-scorecard .score-cell:last-child:nth-child(odd){grid-column:1/-1}

/* A metric tile opens its own detail page, not its whole category. */
.ordinary-scorecard .metric-detail-main{padding:8px 0 22px;border-bottom:1px solid var(--line)}
.ordinary-scorecard .metric-detail-main>strong{display:block;font-size:42px;font-weight:600;line-height:1.2;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.ordinary-scorecard .metric-detail-main>span:not(.score-segments){display:block;color:var(--muted);font-size:13px;margin-top:6px}
.ordinary-scorecard .metric-detail-main .score-segments{max-width:180px;margin-top:20px}
.ordinary-scorecard .metric-detail-comparison{font-size:17px;line-height:1.5;margin-top:24px}
.ordinary-scorecard .metric-detail-note{font-size:13px;line-height:1.65;color:var(--muted);margin-top:18px}
.ordinary-scorecard .metric-detail .assessment-method{margin-top:20px}

/* Recorded context belongs inside its metric, using the scoreboard hierarchy. */
.ordinary-scorecard .metric-lane{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.ordinary-scorecard .metric-lane h3{font-size:16px;font-weight:600;margin:0 0 16px}
.ordinary-scorecard .metric-lane table{width:100%;table-layout:fixed;border-collapse:collapse;font-variant-numeric:tabular-nums}
.ordinary-scorecard .metric-lane th,.ordinary-scorecard .metric-lane td{padding:10px 4px;text-align:right;font-size:15px;border-bottom:1px solid var(--line)}
.ordinary-scorecard .metric-lane th:first-child{width:24%;text-align:left;font-weight:400;color:var(--muted)}
.ordinary-scorecard .metric-lane thead th{vertical-align:top;font-weight:400;font-size:11px;line-height:1.35;color:var(--muted)}
.ordinary-scorecard .metric-lane thead img{display:block;width:56px;aspect-ratio:16/9;object-fit:cover;margin:0 0 8px auto;border-radius:4px}
.ordinary-scorecard .metric-evidence{margin-top:16px;border-top:1px solid var(--line)}
.ordinary-scorecard .metric-evidence summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;list-style:none;cursor:pointer;font-size:15px;font-weight:550}
.ordinary-scorecard .metric-evidence summary::-webkit-details-marker{display:none}
.ordinary-scorecard .metric-evidence summary .ui-icon{width:16px;height:16px;flex:none}
.ordinary-scorecard .metric-evidence[open] summary .ui-icon{transform:rotate(180deg)}
.ordinary-scorecard .metric-evidence-body{padding:0 0 16px}
.ordinary-scorecard .metric-purchases,.ordinary-scorecard .metric-skills{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ordinary-scorecard .metric-purchases li,.ordinary-scorecard .metric-skills li{display:grid;grid-template-columns:46px 40px minmax(0,1fr);gap:10px;align-items:center;min-height:44px;font-size:13px;line-height:1.4}
.ordinary-scorecard .metric-purchases time{color:var(--muted);font-variant-numeric:tabular-nums}
.ordinary-scorecard .metric-purchases img{width:40px;aspect-ratio:4/3;object-fit:contain;border-radius:3px}
.ordinary-scorecard .metric-skills li{grid-template-columns:32px minmax(0,1fr) auto}
.ordinary-scorecard .metric-skills img{width:32px;height:32px;border-radius:4px}
.ordinary-scorecard .metric-skills b{font-size:12px;color:var(--muted);text-align:right;font-weight:500}
.ordinary-scorecard .metric-team-gold{display:flex;justify-content:space-between;gap:12px;margin:0;font-variant-numeric:tabular-nums}
.ordinary-scorecard .metric-team-gold dt{font-size:12px;color:var(--muted);margin-bottom:8px}
.ordinary-scorecard .metric-team-gold dd{font-size:17px;font-weight:550;margin:0}
.ordinary-scorecard .metric-team h4{font-size:12px;font-weight:400;color:var(--muted);margin:8px 0 12px}
.ordinary-scorecard .metric-team+.metric-team{margin-top:22px}
.ordinary-scorecard .metric-team ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;list-style:none;padding:0;margin:0}
.ordinary-scorecard .metric-team li{min-width:0;font-size:10px;line-height:1.35;color:var(--muted);overflow-wrap:anywhere}
.ordinary-scorecard .metric-team img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px;margin-bottom:8px}
.ordinary-scorecard .metric-team .is-player{color:var(--ink)}

.ordinary-scorecard .metric-skill-orders{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:104px}
.ordinary-scorecard .metric-skill-orders b{display:grid;place-items:center;min-width:22px;height:24px;border-radius:4px;background:var(--surface);color:var(--ink)}

/* Keep details compact and let recorded context carry the explanation. */
.ordinary-scorecard .comparison-role{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.4}
.ordinary-scorecard .score-scope{font-size:12px;line-height:1.5;color:var(--muted);margin:8px 0 0}
.ordinary-scorecard.assessment-reading .comparison-portrait{width:72px;height:41px}
.ordinary-scorecard.assessment-reading .comparison-player h1{font-size:17px}
.ordinary-scorecard.assessment-reading .comparison-identity{padding-block:4px 14px}
.ordinary-scorecard .metric-detail-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding:0 0 16px}
.ordinary-scorecard .metric-detail-main>strong{font-size:36px}
.ordinary-scorecard .metric-detail-main>span:not(.score-segments){margin:0}
.ordinary-scorecard .metric-detail-main .score-segments{flex-basis:100%;margin:8px 0 0}
.ordinary-scorecard .metric-detail-comparison{margin-top:16px;font-size:16px}
.ordinary-scorecard .metric-detail-scope{font-size:11px;line-height:1.5;color:var(--muted);margin:4px 0 0}
.ordinary-scorecard .metric-related{margin:20px 0 0;border-block:1px solid var(--line)}
.ordinary-scorecard .metric-related>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;font-size:14px}
.ordinary-scorecard .metric-related>div+div{border-top:1px solid var(--line)}
.ordinary-scorecard .metric-related dt{color:var(--muted)}
.ordinary-scorecard .metric-related dd{margin:0;font-variant-numeric:tabular-nums}

/* Same-match values add context without turning teammate ranks into grades. */
.ordinary-scorecard .metric-participants{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.ordinary-scorecard .metric-participants h3{font-size:16px;font-weight:600;margin:0 0 16px}
.ordinary-scorecard .metric-participant-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.ordinary-scorecard .metric-participant-list li{display:flex;align-items:center;gap:10px;min-width:0}
.ordinary-scorecard .metric-participant-list img{width:44px;height:25px;object-fit:cover;border-radius:3px;flex:none}
.ordinary-scorecard .metric-participant-stat{min-width:0;flex:1}
.ordinary-scorecard .metric-participant-stat>div{display:flex;justify-content:space-between;gap:12px;font-size:13px;line-height:1.4}
.ordinary-scorecard .metric-participant-stat strong{font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}
.ordinary-scorecard .metric-participant-stat small{color:var(--muted);font-size:11px}
.ordinary-scorecard .metric-participant-track{display:block;height:3px;background:var(--surface);margin-top:7px;overflow:hidden;border-radius:2px}
.ordinary-scorecard .metric-participant-track i{display:block;height:100%;background:var(--muted);opacity:.55}
.ordinary-scorecard .is-player .metric-participant-track i{background:var(--accent);opacity:1}

/* Approved metric result: total, relative standing, then five filling segments. */
.ordinary-scorecard .metric-result{padding:4px 0 23px;border-bottom:1px solid var(--line)}
.ordinary-scorecard .metric-result-reading{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.ordinary-scorecard .metric-result-value{min-width:0;font-size:64px;line-height:1.08;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.ordinary-scorecard .metric-result-value--long{font-size:44px}
.ordinary-scorecard .metric-result-rating{flex:0 0 176px;text-align:right}
.ordinary-scorecard .metric-result-label{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;white-space:nowrap;text-transform:none;letter-spacing:normal;color:var(--grade);font-size:18px;font-weight:600;line-height:1.3}
.ordinary-scorecard .metric-result-label svg{display:block;width:22px;height:22px;justify-self:center}
.ordinary-scorecard .metric-result-rating p{margin:4px 0 0;white-space:nowrap;color:var(--muted);font-size:13px;line-height:1.4}
.ordinary-scorecard .metric-result .score-segments{max-width:none;gap:6px;margin:24px 0 0}
.ordinary-scorecard .metric-result .score-segments i{position:relative;height:12px;border-radius:2px;overflow:hidden;background:var(--line)}
.ordinary-scorecard .metric-result .score-segments i.filled::after{content:'';position:absolute;inset:0;background:var(--grade);transform-origin:left;animation:metric-segment-fill 100ms linear both;animation-delay:0ms}
.ordinary-scorecard .metric-result .score-segments i:nth-child(2)::after{animation-delay:100ms}
.ordinary-scorecard .metric-result .score-segments i:nth-child(3)::after{animation-delay:200ms}
.ordinary-scorecard .metric-result .score-segments i:nth-child(4)::after{animation-delay:300ms}
.ordinary-scorecard .metric-result .score-segments i:nth-child(5)::after{animation-delay:400ms}
.ordinary-scorecard .metric-result-scope{margin:16px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
@keyframes metric-segment-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:360px){.ordinary-scorecard .metric-result-reading{min-height:60px}.ordinary-scorecard .metric-result-value{font-size:54px}.ordinary-scorecard .metric-result-value--long{font-size:32px}.ordinary-scorecard .metric-result-rating{flex-basis:152px}.ordinary-scorecard .metric-result-label{font-size:16px;grid-template-columns:20px minmax(0,1fr);gap:8px}.ordinary-scorecard .metric-result-label svg{width:20px;height:20px}.ordinary-scorecard .metric-result-rating p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ordinary-scorecard .metric-result .score-segments i.filled::after{animation:none;transform:none}}
.ordinary-scorecard .metric-result+.metric-participants{margin-top:0;padding-top:24px;border-top:0}
.ordinary-scorecard .metric-result+.metric-related{margin-top:0;border-top:0}