.steam-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:32px;align-items:center;margin-bottom:28px}
.steam-hero .eyebrow{font-size:10px;letter-spacing:1.5px;color:#708968}
.steam-hero h1{font-size:clamp(27px,2.6vw,38px);line-height:1.4;font-weight:650;letter-spacing:-1px;margin:13px 0}
.steam-hero p{font-size:13px;line-height:1.9;color:#75816f}
.steam-hero-note{background:#e9efdf;border:1px solid #dae4ce;padding:26px;border-radius:16px}
.steam-hero-note>span{display:block;font-size:11px;color:#718765;margin-bottom:15px}
.steam-hero-note>strong{font-size:24px;line-height:1.6;font-weight:550;color:#3c5838}
.steam-hero-note p{font-size:11px;margin-top:13px}
.steam-overview strong small{font-size:12px;font-weight:400}
.steam-source-note{background:#fff;border:1px solid var(--line);border-radius:10px;font-size:12px;line-height:1.8;margin-bottom:32px;color:#6e7e68}
.steam-source-note summary{list-style:none;padding:13px 16px;cursor:pointer;display:flex;align-items:center;gap:9px}
.steam-source-note summary::-webkit-details-marker{display:none}
.steam-source-note summary>span:last-child{margin-left:auto;font-size:11px;color:#88957f}
.steam-source-note>div{padding:0 18px 16px;border-top:1px solid var(--line)}
.steam-source-note p{margin-top:10px}
.steam-status-dot{width:7px;height:7px;flex:none;background:#ba9658;border-radius:50%}
.steam-page .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.steam-sort-note{font-size:11px;color:#86917e;line-height:1.8;margin:-5px 0 18px}
.steam-cover-button{padding:0;background:#e9eddf;border:0;border-radius:0;display:block;width:100%;text-align:left}
.steam-cover{position:relative;aspect-ratio:460/215;overflow:hidden;background:#e4ebdb}
.steam-cover img{position:relative;display:block;width:100%;height:100%;object-fit:cover}
.steam-cover-fallback{position:absolute;inset:0;padding:22px;display:flex;flex-direction:column;justify-content:center;gap:11px;background:linear-gradient(125deg,#e7efdf,#d4e1c6);color:#496342}
.steam-cover-fallback span{font-size:10px;letter-spacing:1.5px;opacity:.7}
.steam-cover-fallback strong{font-size:26px;font-weight:550;line-height:1.2;letter-spacing:-.5px}
.steam-cover-fallback small{font-size:11px;color:#6e8262}
.steam-cover-platform{position:absolute;top:13px;right:13px;font-size:9px;letter-spacing:1px;background:#142c28c9;color:#fff;padding:5px 8px;border-radius:4px;pointer-events:none}
.steam-cover-detail{border-radius:12px;margin-bottom:20px;max-width:720px}
.steam-game-card .card-body{padding:20px 22px 17px}
.steam-card-topline{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:9px;font-size:11px;color:#74816c}
.steam-evidence-badge{font-size:10px;white-space:nowrap;border-radius:5px;padding:4px 7px;background:#f6f1e6;color:#9c834d}
.steam-evidence-badge.has-evidence{background:#edf3e8;color:#648456}
.steam-game-card .card-title{font-size:22px;line-height:1.4;letter-spacing:-.4px}
.steam-game-card .card-subtitle{font-size:11px;line-height:1.8;margin-top:5px;color:#929c89}
.steam-score-row{display:grid;grid-template-columns:1fr 1fr 1.35fr;align-items:center;gap:10px;margin:17px 0 19px;padding:15px 0;border-top:1px solid #edf0e6;border-bottom:1px solid #edf0e6}
.steam-score-row>div>span{display:block;font-size:11px;color:#8b967f}
.steam-score-row strong{display:block;margin-top:5px;font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.3;color:#3e613b}
.steam-score-row strong small{font-size:14px;margin-left:2px;font-weight:450}
.steam-score-scope{border-left:1px solid var(--line);padding-left:15px}
.steam-score-scope small{display:block;font-size:10px;color:#929b87;line-height:1.8;margin-top:7px}
.steam-loop,.steam-reference{font-size:12px;line-height:1.85;color:#697a62;margin-bottom:14px}
.steam-loop>span,.steam-reference>span{display:block;font-size:10px;color:#93a087;line-height:1.5;margin-bottom:4px;letter-spacing:.3px}
.steam-reference{padding:11px 13px;background:#f4f7ee;border-left:2px solid #b6c99e;border-radius:0 6px 6px 0}
.steam-size-line{display:flex;gap:10px;justify-content:space-between;align-items:flex-start;margin:1px 0 12px;font-size:11px;color:#8a9780}
.steam-size-line strong{font-weight:500;color:#738267;text-align:right}
.steam-production{border-top:1px solid var(--line);padding-top:11px;font-size:11px;color:#74836b;line-height:1.85}
.steam-production summary{cursor:pointer;color:#65785b;font-size:11px;user-select:none}
.steam-production p{padding-top:9px}
.steam-production b{font-weight:550}
.steam-trend-note{font-size:10px;color:#9aa48e;padding-top:12px;line-height:1.8}
.steam-card-footnote{font-size:10px;line-height:1.8;color:#99a18e;margin-top:auto;padding:12px 0 14px}
.steam-game-card .card-actions .button{min-height:39px;font-size:12px}
.steam-game-card .card-bottom{padding:12px 22px;font-size:11px}
.steam-game-card .card-bottom .text-button{font-size:11px}
@media(min-width:1800px){.steam-page .cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.steam-game-card .card-body{padding:18px}.steam-score-row{grid-template-columns:1fr 1fr}.steam-score-scope{grid-column:1/-1;border-left:0;padding-left:0;display:flex;gap:10px;align-items:center}.steam-score-scope small{margin-top:0}.steam-hero-note{padding:20px}.steam-hero-note>strong{font-size:21px}}
@media(max-width:650px){.steam-hero{grid-template-columns:1fr;gap:18px}.steam-hero h1{font-size:29px}.steam-hero-note{display:none}.steam-page .cards{grid-template-columns:1fr;gap:20px}.steam-toolbar{flex-wrap:wrap}.steam-toolbar .search-field{flex-basis:100%}.steam-toolbar .sort-select{min-height:38px;flex:1;max-width:none}.steam-source-note summary{flex-wrap:wrap;font-size:11px}.steam-source-note summary>span:last-child{margin-left:16px}.steam-game-card .card-title{font-size:22px}.steam-loop,.steam-reference{font-size:13px}.steam-score-row{grid-template-columns:1fr 1fr 1.2fr}.steam-score-scope{display:block;grid-column:auto;padding-left:11px;border-left:1px solid var(--line)}.steam-score-scope small{margin-top:5px}.steam-game-card .card-body{padding:19px}.steam-overview>div{padding:15px}}
@media(max-width:360px){.steam-score-row{grid-template-columns:1fr 1fr}.steam-score-scope{grid-column:1/-1;border-left:0;padding-left:0}}
.steam-date-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:13px 0;margin-top:9px;border-top:1px solid var(--line)}
.steam-date-grid span{display:block;font-size:10px;color:#85917d;line-height:1.7}
.steam-date-grid strong{display:block;font-size:11px;font-weight:500;margin-top:4px;color:#596f51}
.steam-trends{background:#f7f9f3;padding:13px;border:1px solid #e9eee0;border-radius:9px;margin:10px 0 1px}
.steam-trends h4{font-size:11px;font-weight:500;margin:0 0 13px;color:#5e7355}
.steam-trends h4 small{font-weight:400;font-size:9px;color:#98a18d;margin-left:5px}
.steam-trend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.steam-trend-grid span,.steam-trend-grid small{font-size:10px;display:block;color:#98a38b;line-height:1.8}
.steam-trend-grid strong{display:block;font-size:12px;color:#6d805f;font-weight:500;margin:3px 0}
.steam-trends>p{font-size:9px!important;line-height:1.8!important;color:#99a38e!important;margin-top:12px}