/* RTX50Series tools: shared styles (matches site dark + lime theme) */
.tl-hero{padding:46px 0 30px;border-bottom:1px solid #20262c;background:radial-gradient(circle at 78% 30%,rgba(122,224,0,.14),transparent 34%),linear-gradient(135deg,#05080b,#081009)}
.tl-hero h1{font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:-.045em;margin:0 0 16px}
.tl-hero h1 em{font-style:normal;color:#8ee000}
.tl-hero p{color:#aeb7bf;font-size:18px;max-width:720px;margin:0}
.tl-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.tl-badges span{font-size:12px;font-weight:700;color:#c8ced2;border:1px solid #2b343a;border-radius:999px;padding:5px 12px;background:#0b1115}
.tl-badges span:before{content:'✓';color:#8ee000;margin-right:6px}
.tl-app{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:22px;margin:30px 0 10px;align-items:start}
.tl-panel{border:1px solid #283037;border-radius:14px;background:#0b1115;padding:22px}
.tl-panel h2{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#8ee000;margin:0 0 16px}
.tl-field{margin:0 0 15px}
.tl-field label,.tl-legend{display:block;font-size:13px;font-weight:700;color:#dfe8f2;margin:0 0 6px}
.tl-select{width:100%;min-height:46px;background:#05080b;border:1px solid #323c42;border-radius:8px;color:#fff;font:inherit;font-size:15px;padding:0 12px}
.tl-select:focus-visible,.tl-seg input:focus-visible+span,.tl-btn:focus-visible,.tl-chip:focus-visible,.tl-row:focus-visible{outline:2px solid #8ee000;outline-offset:2px}
.tl-select:focus{border-color:#8ee000}
.tl-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.tl-seg{display:flex;flex-wrap:wrap;gap:6px;border:0;padding:0;margin:0 0 15px}
.tl-seg label{position:relative;margin:0}
.tl-seg input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;margin:0}
.tl-seg span{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border:1px solid #323c42;border-radius:8px;background:#05080b;color:#cbd2d7;font-size:14px;font-weight:700}
.tl-seg input:checked+span{background:#8ee000;color:#071000;border-color:#8ee000}
.tl-seg input:disabled+span{opacity:.35;cursor:not-allowed}
.tl-seg input:not(:disabled):hover+span{border-color:#547d28}
.tl-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.tl-chip{min-height:36px;padding:0 12px;border:1px solid #2b343a;border-radius:999px;background:#05080b;color:#cbd2d7;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.tl-chip:hover{border-color:#8ee000;color:#8ee000}
.tl-hint{font-size:12px;color:#87939b;margin:5px 0 0}
.tl-result{position:sticky;top:84px}
.tl-verdict{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:0 0 4px}
.tl-game{font-size:13px;color:#87939b;margin:0 0 2px}
.tl-rating{display:inline-block;font-weight:900;font-size:22px;line-height:1.15}
.tl-fps{text-align:right;flex:none}
.tl-fps b{display:block;font-size:46px;line-height:1;letter-spacing:-.04em;color:#fff}
.tl-fps small{display:block;font-size:12px;color:#87939b;margin-top:4px}
.tl-bar{position:relative;height:12px;border-radius:999px;background:#10181c;border:1px solid #243038;margin:18px 0 22px;overflow:hidden}
.tl-bar i{display:block;height:100%;border-radius:999px;background:#8ee000;width:0;transition:width .35s ease}
.tl-bar.warn i{background:#f5b53d}.tl-bar.bad i{background:#ff6b5e}
.tl-scale{display:flex;justify-content:space-between;font-size:11px;color:#657078;margin:-16px 2px 18px}
.tl-checks{display:grid;gap:8px;margin:0 0 18px;padding:0;list-style:none}
.tl-checks li{display:flex;gap:10px;align-items:flex-start;border:1px solid #222b30;border-radius:10px;padding:10px 12px;background:#080d11;font-size:14px;color:#d3d8dc}
.tl-checks b{display:block;color:#fff;font-size:13px}
.tl-dot{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:900;color:#071000;background:#8ee000;margin-top:1px}
.tl-dot.warn{background:#f5b53d}.tl-dot.bad{background:#ff6b5e}
.tl-tips{border-left:3px solid #8ee000;background:#0a1113;padding:14px 16px;margin:0 0 16px;font-size:14px;color:#d3d8dc}
.tl-tips strong{display:block;color:#8ee000;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}
.tl-tips ul{margin:0;padding-left:18px}.tl-tips li{margin:5px 0}
.tl-tips a{color:#8ee000;text-underline-offset:3px}
.tl-actions{display:flex;gap:10px;flex-wrap:wrap}
.tl-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid #434a4e;border-radius:8px;background:#0b0e10;color:#fff;font:inherit;font-weight:800;font-size:14px;cursor:pointer;text-decoration:none}
.tl-btn.primary{background:#82d700;color:#071000;border-color:#82d700}
.tl-btn:hover{border-color:#8ee000}
.tl-note{font-size:12px;color:#7d8991;margin:14px 0 0}
.tl-all{margin:34px 0}
.tl-all h2{font-size:26px;margin:0 0 6px}
.tl-all>p{color:#9da8af;margin:0 0 14px;font-size:15px}
.tl-table{border:1px solid #2b353b;border-radius:10px;overflow:hidden}
.tl-row{display:grid;grid-template-columns:minmax(0,1.6fr) 90px 130px 110px;gap:10px;align-items:center;padding:11px 14px;border-bottom:1px solid #1d252a;background:#0b1115;width:100%;text-align:left;font:inherit;color:#e5e8ea;cursor:pointer;border-left:0;border-right:0;border-top:0}
.tl-row:last-child{border-bottom:0}
.tl-row:hover{background:#101a1f}
.tl-row.head{background:#11191d;color:#8ee000;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;cursor:default}
.tl-row.head:hover{background:#11191d}
.tl-row.sel{box-shadow:inset 3px 0 0 #8ee000}
.tl-pill{display:inline-block;font-size:12px;font-weight:800;border-radius:999px;padding:3px 10px;color:#071000;background:#8ee000;white-space:nowrap}
.tl-pill.warn{background:#f5b53d}.tl-pill.bad{background:#ff6b5e}
.tl-lim{font-size:13px;color:#9da8af}
.tl-prose{max-width:820px;margin:44px auto 0}
.tl-prose h2{font-size:30px;line-height:1.2;margin:1.8em 0 .6em;color:#fff}
.tl-prose h3{font-size:22px;margin:1.5em 0 .5em;color:#fff}
.tl-prose p,.tl-prose li{color:#d3d8dc;font-size:17px}
.tl-prose a{color:#8ee000;text-underline-offset:3px}
.tl-prose details{border:1px solid #283037;border-radius:10px;background:#0b1115;margin:0 0 10px;padding:0 16px}
.tl-prose summary{cursor:pointer;font-weight:800;font-size:16px;min-height:50px;display:flex;align-items:center;color:#fff}
.tl-prose details p{margin:0 0 16px;font-size:16px}
.tl-prose .table-wrap{margin:20px 0}
.tl-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}
.tl-cards .card-body p{color:#9da8af;font-size:14px;margin:0 0 12px}
.tl-soon{opacity:.62}
.tl-soon .tag{background:#2b343a;color:#cbd2d7}
.tl-mini{display:none}
@media(max-width:960px){.tl-mini{display:flex;align-items:center;justify-content:space-between;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:25;padding:10px 16px;background:rgba(5,8,11,.97);border-top:1px solid #2b343a;font-size:14px;backdrop-filter:blur(10px)}.tl-mini span{color:#9da8af;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.tl-mini b{flex:none}.tl-mini a{flex:none;color:#8ee000;font-weight:800;text-underline-offset:3px}body{padding-bottom:56px}}
@media(max-width:960px){.tl-app{grid-template-columns:minmax(0,1fr)}.tl-result{position:static}.tl-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.tl-hero{padding:34px 0 24px}.tl-panel{padding:16px}.tl-two{grid-template-columns:1fr}.tl-fps b{font-size:38px}.tl-row{grid-template-columns:minmax(0,1fr) 70px 104px;gap:8px;padding:11px 12px}.tl-row .tl-lim{display:none}.tl-cards{grid-template-columns:1fr}.tl-prose h2{font-size:26px}.tl-prose p,.tl-prose li{font-size:16px}}
@media(prefers-reduced-motion:reduce){.tl-bar i{transition:none}}

/* GPU comparison tool */
.cmp-head{font-size:19px;line-height:1.4;color:#f4f7f8;margin:4px 0 16px}
.cmp-grid{display:grid;gap:12px;margin:0 0 18px}
.cmp-grid.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cmp-grid.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cmp-card{position:relative;border:1px solid #283037;border-radius:12px;background:#080d11;padding:16px}
.cmp-card.win{border-color:#8ee000;box-shadow:0 0 0 1px rgba(142,224,0,.25)}
.cmp-card h3{font-size:15px;line-height:1.25;margin:0 0 8px;color:#fff;padding-right:4px}
.cmp-badge{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#071000;background:#8ee000;border-radius:4px;padding:3px 7px;margin-bottom:8px}
.cmp-fps{font-size:36px;font-weight:900;letter-spacing:-.03em;line-height:1;color:#fff}
.cmp-fps small{font-size:13px;color:#87939b;font-weight:600;letter-spacing:0}
.cmp-warn{font-size:12px;color:#f5b53d;margin:8px 0 0}
.cmp-table table{min-width:520px}
.cmp-table th[scope=row]{background:#0d1418;color:#cbd2d7;font-weight:700;font-size:13px;min-width:150px}
.cmp-table td{font-size:14px;vertical-align:top}
.cmp-table td.best{color:#8ee000;font-weight:800}
.tl-app.wide{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
@media(max-width:960px){.tl-app.wide{grid-template-columns:minmax(0,1fr)}}
@media(max-width:620px){.cmp-grid.cols3,.cmp-grid.cols2{grid-template-columns:1fr}.cmp-fps{font-size:32px}}

/* header fit with the extra "Free tools" link */
.hdr-nav li>a,.drop-btn{white-space:nowrap}
@media(max-width:1240px){.hdr-bar{gap:14px}.hdr-search{width:190px}.hdr-nav li>a,.drop-btn{padding:0 9px}}

/* PSU calculator */
.psu-parts{display:grid;gap:8px;margin:0 0 6px}
.psu-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 62px;gap:10px;align-items:center;font-size:13px;color:#cbd2d7}
.psu-track{height:8px;border-radius:999px;background:#10181c;border:1px solid #243038;overflow:hidden}
.psu-track i{display:block;height:100%;background:#547d28;border-radius:999px}
.psu-row b{text-align:right;color:#fff;font-size:13px}
@media(max-width:620px){.psu-row{grid-template-columns:minmax(0,1fr) 70px 56px}}

/* Bottleneck checker */
.bn-meter{position:relative;height:14px;border-radius:999px;margin:18px 0 8px;border:1px solid #243038;background:linear-gradient(90deg,#ff6b5e 0%,#f5b53d 28%,#8ee000 50%,#f5b53d 72%,#56a8ff 100%)}
.bn-meter i{position:absolute;top:-6px;width:6px;height:24px;margin-left:-3px;border-radius:3px;background:#fff;box-shadow:0 0 0 2px #05080b;transition:left .35s ease}
.bn-scale{margin:0 2px 18px}
.bn-nums{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 6px}
.bn-nums>div{border:1px solid #222b30;border-radius:10px;background:#080d11;padding:12px 14px}
.bn-nums small{display:block;font-size:12px;color:#87939b}
.bn-nums b{display:block;font-size:26px;line-height:1.2;color:#fff;letter-spacing:-.02em}
.bn-nums span{font-size:12px;color:#9da8af}
.bn-h{font-size:15px;margin:20px 0 8px;color:#fff}
.bn-table table{min-width:0}
.bn-table td,.bn-table th{font-size:13px;padding:9px 10px}
.bn-table tr.cur th,.bn-table tr.cur td{background:#101a1f;color:#8ee000}
@media(prefers-reduced-motion:reduce){.bn-meter i{transition:none}}
@media(max-width:620px){.bn-nums b{font-size:22px}}

@media(max-width:1100px){.hdr-bar{gap:10px}.hdr-search{width:150px;min-width:110px;flex:0 1 150px}.hdr-nav li>a,.drop-btn{padding:0 7px}.hdr-nav ul{margin-left:4px}}

/* game search + table controls */
.tl-tools{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:10px;margin:0 0 12px}
.tl-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0 0}
.tl-pager .tl-hint{margin:0}
.tl-yr{font-style:normal;font-size:11px;color:#87939b;border:1px solid #2b343a;border-radius:4px;padding:1px 5px;margin-left:6px;vertical-align:middle}
@media(max-width:620px){.tl-tools{grid-template-columns:1fr}}

/* DLSS / frame generation grid */
.hm-table table{min-width:560px}
.hm-table th,.hm-table td{font-size:13px;padding:9px 10px}
.hm-table td{text-align:center;vertical-align:middle}
.hm-table td b{display:block;font-size:19px;line-height:1.1;color:#fff}
.hm-table td em{display:block;font-style:normal;font-size:11px;color:#9da8af;margin-top:2px}
.hm-table td.hm-good{background:rgba(142,224,0,.16)}
.hm-table td.hm-ok{background:rgba(245,181,61,.14)}
.hm-table td.hm-low{background:rgba(255,107,94,.12)}
.hm-table td.hm-lag{background:repeating-linear-gradient(135deg,rgba(255,107,94,.10),rgba(255,107,94,.10) 6px,rgba(255,107,94,.02) 6px,rgba(255,107,94,.02) 12px)}
.hm-table td.hm-best{box-shadow:inset 0 0 0 2px #8ee000}
.hm-key{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;font-size:12px}
.hm-key span{border:1px solid #2b343a;border-radius:6px;padding:3px 9px;color:#cbd2d7}
.hm-key .hm-good{background:rgba(142,224,0,.16)}.hm-key .hm-ok{background:rgba(245,181,61,.14)}.hm-key .hm-low{background:rgba(255,107,94,.12)}
.hm-key .hm-lag{background:repeating-linear-gradient(135deg,rgba(255,107,94,.12),rgba(255,107,94,.12) 6px,rgba(255,107,94,.03) 6px,rgba(255,107,94,.03) 12px)}

/* VRAM calculator */
.vr-sizes{display:flex;align-items:flex-end;gap:8px;height:120px;margin:6px 0 8px;padding:0 2px}
.vr-col{flex:1;height:100%;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.vr-col i{display:block;width:100%;border-radius:6px 6px 0 0;background:#1a2328;border:1px solid #2b343a;border-bottom:0}
.vr-col.ok i{background:#547d28;border-color:#547d28}
.vr-col.min i{background:#8ee000;border-color:#8ee000}
.vr-col b{font-size:12px;color:#cbd2d7;margin-top:4px}
.bn-table td.vr-ok{background:rgba(142,224,0,.14)}.bn-table td.vr-warn{background:rgba(245,181,61,.14)}.bn-table td.vr-bad{background:rgba(255,107,94,.12)}
.bn-table td.vr-cur{box-shadow:inset 0 0 0 2px #8ee000;font-weight:800;color:#fff}

/* GPU picker */
.pk-grid{display:grid;gap:12px;margin:0 0 16px}
.pk-card{border:1px solid #283037;border-radius:12px;background:#080d11;padding:16px}
.pk-card.win{border-color:#8ee000;box-shadow:0 0 0 1px rgba(142,224,0,.25)}
.pk-tag{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#071000;background:#8ee000;border-radius:4px;padding:3px 7px;margin-bottom:8px}
.pk-card:not(.win) .pk-tag{background:#2b343a;color:#cbd2d7}
.pk-card h3{font-size:19px;margin:0 0 4px;color:#fff}
.pk-fps{font-size:30px;font-weight:900;letter-spacing:-.03em;color:#fff;line-height:1.1}
.pk-fps small{font-size:12px;color:#87939b;font-weight:600}
.pk-card ul{list-style:none;padding:0;margin:10px 0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:#cbd2d7}
.pk-card p{margin:0;font-size:13px}
.pk-card a{color:#8ee000;text-underline-offset:3px}

/* checklist */
.ck-group{border:0;padding:0;margin:18px 0 0}
.ck-group legend{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#8ee000;font-weight:800;padding:0;margin:0 0 8px}
.ck-item{display:flex;gap:12px;align-items:flex-start;border:1px solid #222b30;border-radius:10px;background:#080d11;padding:12px 14px;margin:0 0 8px;cursor:pointer}
.ck-item:hover{border-color:#547d28}
.ck-item input{position:absolute;opacity:0;width:1px;height:1px}
.ck-box{flex:none;width:22px;height:22px;border-radius:6px;border:2px solid #4a565d;margin-top:2px;display:grid;place-items:center}
.ck-item input:checked+.ck-box{background:#8ee000;border-color:#8ee000}
.ck-item input:checked+.ck-box:after{content:'\2713';color:#071000;font-weight:900;font-size:14px}
.ck-item input:focus-visible+.ck-box{outline:2px solid #8ee000;outline-offset:2px}
.ck-text b{display:block;color:#fff;font-size:15px}
.ck-text small{display:block;color:#9da8af;font-size:13px;line-height:1.5;margin-top:3px}
.ck-item.done .ck-text b{color:#9da8af;text-decoration:line-through;text-decoration-color:#547d28}

/* range slider */
.tl-range{width:100%;accent-color:#8ee000;min-height:32px}

.st-list{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:4px;font-size:14px;color:#cbd2d7}
.st-list li:before{content:'\2713';color:#8ee000;margin-right:8px;font-weight:900}

/* per-game page */
.gp-hero{background-size:cover;background-position:center top;border-bottom:1px solid #20262c;padding:46px 0 34px;min-height:340px;display:flex;align-items:flex-end}
.gp-hero .wrap{width:min(1180px,calc(100% - 36px))}
.gp-hero h1{font-size:clamp(32px,5vw,58px);line-height:1.02;letter-spacing:-.045em;margin:0 0 14px;text-shadow:0 2px 24px rgba(0,0,0,.6)}
.gp-hero h1 em{font-style:normal;color:#8ee000}
.gp-hero p{color:#d3d8dc;font-size:17px;max-width:760px;margin:0;text-shadow:0 1px 12px rgba(0,0,0,.7)}
.gp-top{display:grid;grid-template-columns:300px minmax(0,1fr);gap:26px;margin:28px 0 8px;align-items:start}
.gp-facts{border:1px solid #283037;border-radius:14px;background:#0b1115;padding:20px;position:sticky;top:84px}
.gp-facts h2{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#8ee000;margin:0 0 12px}
.gp-facts dl,.gp-req dl{margin:0}
.gp-facts dt,.gp-req dt{font-size:12px;color:#87939b;margin-top:10px}
.gp-facts dd,.gp-req dd{margin:2px 0 0;font-size:14px;color:#f4f7f8}
.gp-facts .tl-actions{margin-top:16px;flex-direction:column}.gp-facts .tl-btn{width:100%}
.gp-main h2{font-size:28px;margin:1.4em 0 .6em}
.gp-reqs{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gp-req{border:1px solid #283037;border-radius:12px;background:#0b1115;padding:16px 18px}
.gp-req h3{font-size:15px;margin:0 0 4px;color:#8ee000}
.gp-shots{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0 0 10px}
.gp-shots figure{margin:0;border:1px solid #283037;border-radius:12px;overflow:hidden;background:#0b1115}
.gp-shots img{display:block;width:100%;height:auto}
.hm-table th small{display:block;font-weight:600;color:#87939b;font-size:11px}
@media(max-width:960px){.gp-top{grid-template-columns:1fr}.gp-facts{position:static}}
@media(max-width:620px){.gp-reqs,.gp-shots{grid-template-columns:1fr}.gp-hero{min-height:280px;padding-top:32px}.tl-cards[style]{grid-template-columns:1fr!important}}

/* ===== in-depth game page ===== */
.gp-hero{background-size:cover;background-position:center top;border-bottom:1px solid #20262c;padding:44px 0 30px;min-height:380px;display:flex;align-items:flex-end}
.gp-hero-in{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;align-items:end}
.gp-hero-txt{min-width:0}
.gp-hero h1{font-size:clamp(32px,4.6vw,56px);line-height:1.02;letter-spacing:-.045em;margin:0 0 14px;text-shadow:0 2px 24px rgba(0,0,0,.7)}
.gp-hero h1 em{display:block;font-style:normal;color:#8ee000;font-size:.62em;letter-spacing:-.03em;margin-top:6px}
.gp-hero p{color:#d3d8dc;font-size:16px;max-width:720px;margin:0 0 18px;text-shadow:0 1px 12px rgba(0,0,0,.8)}
.gp-cap{width:100%;height:auto;border-radius:12px;border:1px solid #32403a;box-shadow:0 18px 50px rgba(0,0,0,.55)}
.gp-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.gp-chip{display:inline-block;font-size:12px;font-weight:700;color:#dfe8f2;border:1px solid #2b343a;border-radius:999px;padding:4px 11px;background:rgba(11,17,21,.85)}
.gp-rev{display:inline-block;font-size:12px;color:#cbd2d7;border:1px solid #3d5a1e;border-radius:999px;padding:4px 11px;background:rgba(40,70,0,.55)}
.gp-rev b{color:#8ee000;margin-right:4px}
.gp-nav{position:sticky;top:68px;z-index:20;background:rgba(5,8,11,.96);backdrop-filter:blur(12px);border-bottom:1px solid #20262c}
.gp-nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:6px 0;overflow-x:auto;scrollbar-width:thin}
.gp-nav a{display:block;white-space:nowrap;padding:8px 13px;border-radius:8px;font-size:14px;font-weight:700;color:#aeb7bf;text-decoration:none}
.gp-nav a:hover{color:#fff;background:#0d1417}
.gp-nav a.on{color:#071000;background:#8ee000}
.gp-page{padding-bottom:20px}
.gp-sec{padding:34px 0 8px;scroll-margin-top:130px;border-bottom:1px solid #151c21}
.gp-sec:last-of-type{border-bottom:0}
.gp-sec h2{font-size:clamp(26px,3vw,34px);line-height:1.15;margin:0 0 8px;letter-spacing:-.02em}
.gp-sec h3{font-size:19px;margin:24px 0 10px;color:#fff}
.gp-sec p,.gp-sec li{color:#d3d8dc;font-size:16px}
.gp-sec a{color:#8ee000;text-underline-offset:3px}
.gp-lead{color:#9da8af!important;margin:0 0 18px}
.gp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:0 0 18px}
.gp-stats3{grid-template-columns:repeat(3,minmax(0,1fr))}
.gp-stat{border:1px solid #283037;border-radius:12px;background:#0b1115;padding:14px 16px;min-width:0}
.gp-stat small{display:block;font-size:12px;color:#87939b}
.gp-stat b{display:block;font-size:18px;line-height:1.3;color:#fff;margin-top:3px;overflow-wrap:anywhere}
.gp-stat span{font-size:12px;color:#7d8991}
.gp-reqs{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gp-req{border:1px solid #283037;border-radius:12px;background:#0b1115;padding:16px 18px}
.gp-req h3{font-size:15px;margin:0 0 4px;color:#8ee000}
.gp-req dl{margin:0}.gp-req dt{font-size:12px;color:#87939b;margin-top:10px}.gp-req dd{margin:2px 0 0;font-size:14px;color:#f4f7f8}
.gp-ctrl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px}
.gp-ctrl button{min-height:42px;padding:0 18px;border:1px solid #323c42;border-radius:8px;background:#05080b;color:#cbd2d7;font:inherit;font-weight:800;font-size:14px;cursor:pointer}
.gp-ctrl button.on{background:#8ee000;color:#071000;border-color:#8ee000}
.gp-ctrl button:focus-visible,.gp-th:focus-visible{outline:2px solid #8ee000;outline-offset:2px}
.gp-up{display:flex;align-items:center;gap:8px;font-size:14px;color:#cbd2d7;margin-left:6px}
.gp-up input{width:18px;height:18px;accent-color:#8ee000}
.gp-bars{display:grid;gap:5px;margin:0 0 6px}
.gp-bar{display:grid;grid-template-columns:150px minmax(0,1fr) 74px;gap:12px;align-items:center;font-size:13px}
.gp-bn{color:#cbd2d7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gp-bt{height:14px;border-radius:999px;background:#10181c;border:1px solid #243038;overflow:hidden}
.gp-bt i{display:block;height:100%;width:0;border-radius:999px;background:#ff6b5e;transition:width .3s ease}
.gp-bar.g .gp-bt i{background:#8ee000}.gp-bar.o .gp-bt i{background:#f5b53d}.gp-bar.l .gp-bt i{background:#ff6b5e}
.gp-bar b{text-align:right;color:#fff}
.gp-t th:first-child{min-width:190px}
.gp-tips{padding-left:20px;margin:16px 0}
.gp-gal{display:grid;gap:10px;margin:0 0 10px}
.gp-feat{margin:0;border:1px solid #283037;border-radius:14px;overflow:hidden;background:#0b1115;aspect-ratio:16/9}
.gp-feat img{display:block;width:100%;height:100%;object-fit:cover}
.gp-thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.gp-th{padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#0b1115;cursor:pointer;opacity:.7}
.gp-th.on,.gp-th:hover{border-color:#8ee000;opacity:1}
.gp-th img{display:block;width:100%;height:auto}
.gp-info dl{display:grid;grid-template-columns:170px minmax(0,1fr);gap:8px 16px;margin:0 0 6px;border:1px solid #283037;border-radius:12px;background:#0b1115;padding:16px 18px}
.gp-info dt{font-size:13px;color:#87939b}.gp-info dd{margin:0;color:#f4f7f8;font-size:15px}
.gp-chips{display:flex;flex-wrap:wrap;gap:8px}
.gp-sec .tl-cards{grid-template-columns:repeat(3,1fr)}
.hm-table td em{display:block;font-style:normal;font-size:11px;color:#9da8af;margin-top:2px;font-weight:600}
@media(max-width:960px){.gp-hero-in{grid-template-columns:1fr}.gp-cap{display:none}.gp-nav{top:60px}.gp-sec .tl-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.gp-reqs{grid-template-columns:1fr}.gp-stats3{grid-template-columns:1fr}.gp-bar{grid-template-columns:104px minmax(0,1fr) 62px;gap:8px}.gp-thumbs{grid-template-columns:repeat(3,1fr)}.gp-info dl{grid-template-columns:1fr}.gp-hero{min-height:300px;padding-top:30px}.gp-sec .tl-cards{grid-template-columns:1fr}.gp-sec{padding-top:26px}}
@media(prefers-reduced-motion:reduce){.gp-bt i{transition:none}}
.gp-nav ul{scrollbar-width:none;-ms-overflow-style:none}
.gp-nav ul::-webkit-scrollbar{display:none}

.pp-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px}
@media(max-width:620px){.pp-row{grid-template-columns:1fr 1fr}}

/* reaction and click tests */
.rt-arena{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;min-height:240px;border-radius:14px;border:2px solid #2b343a;background:#0b1115;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;padding:20px;transition:background .08s}
.rt-arena b{font-size:clamp(28px,5vw,44px);letter-spacing:-.03em;color:#fff}
.rt-arena span{font-size:14px;color:#9da8af}
.rt-arena:focus-visible{outline:2px solid #8ee000;outline-offset:3px}
.rt-arena.wait{background:#5a1a16;border-color:#ff6b5e}
.rt-arena.go{background:#1f4a08;border-color:#8ee000}
.rt-arena.go b{color:#fff}
.rt-arena.early{background:#4a3a0a;border-color:#f5b53d}
@media(prefers-reduced-motion:reduce){.rt-arena{transition:none}}