/* In-depth game pages and /games/ hub (Agent B). Loaded after tools.css, so it only adds gq-* classes and small fixes. */
.gq-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}
.gq-cls{border:1px solid #283037;border-left:4px solid #ff6b5e;border-radius:12px;background:#0b1115;padding:14px 16px;min-width:0}
.gq-cls.hm-good{border-left-color:#8ee000}.gq-cls.hm-ok{border-left-color:#f5b53d}.gq-cls.hm-low{border-left-color:#ff6b5e}
.gq-cls small{display:block;font-size:12px;color:#87939b}
.gq-cls b{display:block;font-size:18px;color:#fff;margin-top:2px}
.gq-fps{display:block;font-size:20px;font-weight:900;color:#fff;margin-top:6px;letter-spacing:-.02em}
.gq-cls em{display:block;font-style:normal;font-size:12px;color:#9da8af;margin-top:2px}
.gq-gauge{position:relative;height:16px;border-radius:999px;margin:18px 0 34px;border:1px solid #243038;background:linear-gradient(90deg,#8ee000 0%,#c8d63a 30%,#f5b53d 62%,#ff6b5e 100%)}
.gq-gauge i{position:absolute;top:-7px;width:6px;height:28px;margin-left:-3px;border-radius:3px;background:#fff;box-shadow:0 0 0 2px #05080b}
.gq-gauge span{position:absolute;top:22px;font-size:11px;color:#87939b;transform:translateX(-50%)}
.gq-g1{left:12%}.gq-g2{left:37%}.gq-g3{left:62%}.gq-g4{left:87%}
.gq-list{padding-left:20px;margin:10px 0 16px}
.gq-list li{margin:8px 0}
.gq-cap{caption-side:top;text-align:left;font-size:13px;color:#87939b;padding:8px 14px}
.gq-vtable td.gq-vt{text-align:left;font-size:14px;color:#d3d8dc;min-width:260px}
.gq-vtable td b{font-size:16px}
.gp-hero.gq-noimg{background:radial-gradient(circle at 78% 30%,rgba(122,224,0,.16),transparent 38%),linear-gradient(135deg,#05080b,#081009)}
.gp-nav li{flex:none}
.gp-sec p+h3{margin-top:26px}
.gp-sec table th[scope=row]{white-space:nowrap}
/* hub */
.gq-tools{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:10px;margin:22px 0 12px}
.gq-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.gq-chipb{min-height:38px;padding:0 14px;border:1px solid #323c42;border-radius:999px;background:#05080b;color:#cbd2d7;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.gq-chipb.on{background:#8ee000;color:#071000;border-color:#8ee000}
.gq-chipb:focus-visible{outline:2px solid #8ee000;outline-offset:2px}
.gq-count{color:#9da8af;font-size:14px;margin:6px 0 14px}
.gq-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 30px}
.gq-card[hidden]{display:none}
.gq-card .card-img{aspect-ratio:300/140}
.gq-card h3{font-size:16px;line-height:1.25;margin:0 0 6px}
.gq-card .card-body{padding:14px}
.gq-meta{font-size:12px;color:#9da8af;margin:0 0 4px}
.gq-gen{font-size:12px;color:#87939b;margin:0}
.gq-tier{display:inline-block;font-weight:900;font-size:10px;letter-spacing:.04em;text-transform:uppercase;border-radius:4px;padding:2px 6px;margin-right:6px;color:#071000}
.t-light{background:#8ee000}.t-moderate{background:#c8d63a}.t-demanding{background:#f5b53d}.t-heavy{background:#ff6b5e}
@media(max-width:1100px){.gq-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:960px){.gq-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.gq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gq-tools{grid-template-columns:1fr}.gq-gauge span{font-size:10px}}
@media(max-width:420px){.gq-grid{grid-template-columns:1fr}.gq-strip{grid-template-columns:1fr}.gq-vtable td.gq-vt{min-width:200px}}