.gpx{--gpx-best:#57d98c;--gpx-runs:#d9e86a;--gpx-warn:#ffb23f;--gpx-bad:#ff6b5b;--gpx-accent:var(--cyan);--gpx-quiet:#a9b2bf;grid-template-columns:minmax(0,1fr);gap:1.25rem;margin-block:1.25rem 2rem;display:grid}.gpx-kicker{font:700 .78rem/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#ffffff9e}.gpx-dim{color:var(--gpx-quiet);font-size:.88rem}.gpx-top{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:1rem;display:grid}.gpx-card{border:1px solid var(--line-strong);clip-path:var(--cut);background:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--gpx-accent) 16%, transparent), transparent 60%), repeating-linear-gradient(115deg, #ffffff06 0 2px, transparent 2px 9px), linear-gradient(160deg, #161e2c, #0c1119 70%);align-content:start;gap:1rem;padding:1.3rem 1.35rem 1.1rem;display:grid;position:relative;overflow:hidden}.gpx-card[data-vendor=nvidia]{--gpx-accent:var(--signal)}.gpx-card[data-vendor=amd]{--gpx-accent:var(--flare)}.gpx-card[data-vendor=intel]{--gpx-accent:var(--blue)}.gpx-card[data-vendor=apple]{--gpx-accent:#e8edf5}.gpx-card[data-vendor=valve]{--gpx-accent:var(--cyan)}.gpx-card:before{content:"";background:linear-gradient(180deg, var(--gpx-accent), transparent);width:4px;position:absolute;inset:0 auto 0 0}.gpx-card-face{align-content:center;gap:.4rem;min-height:7.4rem;padding-right:clamp(0px,34%,13rem);display:grid}.gpx-card-face:before,.gpx-card-face:after{content:"";aspect-ratio:1;background:radial-gradient(circle, #0a0e15 0 17%, transparent 18%), repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--gpx-accent) 34%, #1a2232) 0 14deg, #10161f 14deg 40deg);width:clamp(4.4rem,11vw,6.2rem);box-shadow:inset 0 0 0 6px #0b1018, 0 0 24px -8px var(--gpx-accent);opacity:.85;border:2px solid #ffffff1a;border-radius:50%;position:absolute;top:1.1rem}.gpx-card-face:before{right:calc(1.95rem + clamp(4.4rem,11vw,6.2rem))}.gpx-card-face:after{right:1.35rem}.gpx-card:not([data-state=waiting],[data-state=none]) .gpx-card-face:before,.gpx-card:not([data-state=waiting],[data-state=none]) .gpx-card-face:after{animation:2.4s linear infinite gpx-spin}.gpx-card[data-state=waiting] .gpx-card-face:before,.gpx-card[data-state=waiting] .gpx-card-face:after{opacity:.45;animation:9s linear infinite gpx-spin}@keyframes gpx-spin{to{transform:rotate(360deg)}}.gpx-name{font:800 clamp(1.45rem, 3.4vw, 2.25rem)/1.08 var(--font-display);letter-spacing:-.01em;color:var(--text);overflow-wrap:anywhere}.gpx-how{color:var(--text-2);font-size:.95rem}.gpx-card[data-state=approx] .gpx-how,.gpx-card[data-state=none] .gpx-how{color:var(--warning)}.gpx-specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:0;display:grid}.gpx-specs>div{border:1px solid var(--line);background:#00000047;border-radius:8px;gap:.2rem;padding:.6rem .7rem;display:grid}.gpx-specs dt{font:700 .78rem/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--gpx-quiet)}.gpx-specs dd{color:var(--text);gap:.15rem;margin:0;font-weight:700;display:grid}.gpx-specs dd .gpx-dim{font-weight:500}.gpx-spec-speed{grid-column:span 2}.gpx-speed-row{align-items:center;gap:.7rem;display:flex}.gpx-gauge{background:#ffffff14;border-radius:999px;flex:1;height:.45rem;position:relative;overflow:hidden}.gpx-gauge i{width:var(--at,0%);border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--gpx-accent) 35%, transparent), var(--gpx-accent));transition:width .9s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0 auto 0 0}.gpx-raw{color:var(--text-2);font-size:.88rem}.gpx-raw summary{cursor:pointer;color:var(--gpx-quiet);width:fit-content}.gpx-raw p{flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;margin:.45rem 0 0;display:flex}.gpx-raw code{font-family:var(--font-mono);color:var(--text);overflow-wrap:anywhere;font-size:.88rem}.gpx-raw-label{font:700 .78rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--gpx-accent)}.gpx-side{align-content:start;gap:1rem;display:grid}.gpx-pc,.gpx-pick{border:1px solid var(--line);background:var(--panel-2);border-radius:14px;gap:.7rem;padding:1rem 1.1rem;display:grid}.gpx-pc-list{gap:.35rem;margin:0;display:grid}.gpx-pc-list>div{border-bottom:1px dashed var(--line);justify-content:space-between;gap:1rem;padding-bottom:.35rem;display:flex}.gpx-pc-list dt{color:var(--text-2);font-size:.92rem}.gpx-pc-list dd{color:var(--text);text-align:right;margin:0;font-weight:700}.gpx-ram{border:0;gap:.45rem;min-width:0;margin:0;padding:0;display:grid}.gpx-ram legend{color:var(--text-2);padding:0;font-size:.92rem}.gpx-ram-chips{flex-wrap:wrap;gap:.4rem;display:flex}.gpx-ram-chips label{position:relative}.gpx-ram-chips input{opacity:0;cursor:pointer;position:absolute;inset:0}.gpx-ram-chips span{border:1px solid var(--line-strong);text-align:center;min-width:3.6rem;font:700 .88rem/1.2 var(--font-mono);color:var(--text-2);border-radius:999px;padding:.42rem .6rem;display:inline-block}.gpx-ram-chips input:checked+span{background:var(--signal);border-color:var(--signal);color:#0a0d12}.gpx-ram-chips input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:2px}.gpx-pick label[for]{color:var(--text-2);font-size:.92rem}.gpx-pick-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.gpx-pick-row input[type=text]{border:1px solid var(--line-strong);background:var(--bg-2);min-width:0;color:var(--text);border-radius:10px;flex:12rem;padding:.65rem .8rem;font-size:1rem}.gpx-laptop{color:var(--text-2);cursor:pointer;align-items:center;gap:.45rem;font-size:.92rem;display:inline-flex}.gpx-reset{color:var(--cyan);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:.92rem;text-decoration:underline}.gpx-notes{grid-column:1/-1;gap:.5rem;display:grid}.gpx-notes:not(:has(.gpx-note:not([hidden]))){display:none}.gpx-note{color:#ffffffdb;background:#ffb23f14;border:1px solid #ffb23f3d;border-radius:10px;margin:0;padding:.65rem .85rem;font-size:.95rem;line-height:1.5}.gpx-note[data-tone=info]{background:#3ee6ff14;border-color:#3ee6ff47}.gpx-note strong{color:var(--text)}.gpx-note-link{color:var(--cyan);margin-left:.5rem;font-weight:700;display:inline-block}.gpx-family{flex-wrap:wrap;gap:.45rem;display:flex}.gpx-family button{color:var(--text);font:700 .92rem/1.2 var(--font-body);cursor:pointer;background:#3ee6ff14;border:1px solid #3ee6ff66;border-radius:999px;padding:.5rem .8rem}.gpx-family button:hover,.gpx-family button:focus-visible{background:#3ee6ff33}.gpx-sky{border:1px solid var(--line);background:radial-gradient(90% 70% at 50% 120%,#3ee6ff14,#0000 70%),linear-gradient(#0d131d,#080b11);border-radius:16px;gap:.9rem;margin:0;padding:1.2rem 1.25rem .9rem;display:grid}.gpx-sky-head{gap:.7rem;display:grid}.gpx-sky figcaption{color:var(--text-2);max-width:62ch;font-size:.92rem;line-height:1.5}.gpx-tally{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;display:grid}.gpx-stat{border:1px solid var(--line);border-top:3px solid var(--gpx-tone);background:#ffffff05;border-radius:10px;gap:.15rem;padding:.6rem .75rem;display:grid}.gpx-stat[data-group=best]{--gpx-tone:var(--gpx-best)}.gpx-stat[data-group=runs]{--gpx-tone:var(--gpx-runs)}.gpx-stat[data-group=below]{--gpx-tone:var(--gpx-warn)}.gpx-stat[data-group=blocked]{--gpx-tone:var(--gpx-bad)}.gpx-stat b{font:800 clamp(1.5rem, 3.4vw, 2.1rem)/1 var(--font-display);color:var(--gpx-tone)}.gpx-stat span{color:var(--text-2);font-size:.88rem;line-height:1.3}.gpx-plot{height:clamp(13rem,30vw,18rem);margin-left:4.6rem;position:relative}.gpx-guides{pointer-events:none;position:absolute;inset:0}.gpx-guide{border-top:1px dashed #ffffff1a;position:absolute;left:0;right:0}.gpx-guide b{font:700 .78rem/1 var(--font-mono);text-transform:uppercase;white-space:nowrap;color:var(--gpx-quiet);font-style:normal;position:absolute;top:0;right:100%;transform:translate(-.5rem,-50%)}.gpx-bars{align-items:flex-end;gap:clamp(1px,.25vw,3px);display:flex;position:absolute;inset:0}.gpx-bar{--tone:#ffffff29;height:var(--top);background:linear-gradient(180deg, color-mix(in srgb, var(--tone) 55%, transparent), color-mix(in srgb, var(--tone) 25%, transparent));border-radius:3px 3px 0 0;flex:1 1 0;transition:background-color .4s;position:relative}.gpx-bar i{height:calc(var(--mr,.5) * 100%);background:var(--tone);border-radius:2px 2px 0 0;max-height:100%;transition:background-color .5s;position:absolute;bottom:0;left:0;right:0}.gpx-sky[data-state=lit] .gpx-bar{transition-delay:calc(var(--t,0) * .9s)}.gpx-bar[data-group=best]{--tone:var(--gpx-best)}.gpx-bar[data-group=runs]{--tone:var(--gpx-runs)}.gpx-bar[data-group=below]{--tone:color-mix(in srgb, var(--gpx-bad) 42%, #222a38)}.gpx-bar[data-group=blocked]{--tone:var(--gpx-bad);background:repeating-linear-gradient(135deg,#ff6b5b73 0 4px,#0000 4px 8px)}.gpx-line{border-top:2px solid var(--cyan);z-index:2;height:0;transition:bottom 1.1s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:-.5rem;right:0;box-shadow:0 0 14px 1px #3ee6ffa6}.gpx-line-tag{background:var(--cyan);color:#031015;max-width:calc(100% - 1rem);font:800 .88rem/1.2 var(--font-body);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:.25rem .55rem;position:absolute;bottom:.35rem;left:.6rem;overflow:hidden}.gpx-line[data-edge=top] .gpx-line-tag{top:.35rem;bottom:auto}.gpx-axis{color:var(--gpx-quiet);justify-content:space-between;gap:.75rem;margin-left:4.6rem;font-size:.88rem;display:flex}.gpx-axis span:nth-child(2){text-align:center}.gpx-h2{font:800 clamp(1.3rem, 2.6vw, 1.75rem)/1.15 var(--font-display);color:var(--text);margin:.5rem 0 0}.gpx-list-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.gpx-filters{flex-wrap:wrap;gap:.4rem;display:flex}.gpx-filters button{border:1px solid var(--line-strong);color:var(--text-2);font:600 .92rem/1.2 var(--font-body);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .8rem;display:inline-flex}.gpx-filters button b{font-family:var(--font-mono);color:var(--text)}.gpx-filters button[aria-pressed=true]{background:var(--text);color:#0a0d12;border-color:var(--text)}.gpx-filters button[aria-pressed=true] b{color:#0a0d12}.gpx-filters button:disabled{opacity:.45;cursor:default}.gpx-search input{border:1px solid var(--line-strong);background:var(--bg-2);width:min(16rem,100%);color:var(--text);border-radius:10px;padding:.55rem .8rem;font-size:1rem}.gpx-groups{gap:1.4rem;display:grid}.gpx-group{gap:.6rem;display:grid}.gpx-group h3{color:var(--text);align-items:baseline;gap:.5rem;margin:0;font-size:1.05rem;display:flex}.gpx-group h3[data-count]:after{content:attr(data-count);font:700 .92rem/1 var(--font-mono);color:var(--gpx-quiet)}.gpx-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.gpx-game{border:1px solid var(--line);background:var(--panel);border-radius:12px;overflow:hidden}.gpx-game[data-group=best]{border-left:3px solid var(--gpx-best)}.gpx-game[data-group=runs]{border-left:3px solid var(--gpx-runs)}.gpx-game[data-group=below]{border-left:3px solid var(--gpx-warn)}.gpx-game[data-group=blocked]{border-left:3px solid var(--gpx-bad)}.gpx-game-row{grid-template-columns:6.4rem minmax(0,1fr) minmax(9rem,auto);align-items:center;gap:.6rem 1rem;padding:.65rem .9rem .55rem .65rem;display:grid}.gpx-art{aspect-ratio:16/9;object-fit:cover;background:var(--panel-3);border-radius:6px;width:6.4rem;height:auto}.gpx-art--none{display:block}.gpx-game-main{gap:.4rem;min-width:0;display:grid}.gpx-game h4{color:var(--text);margin:0;font-size:1.02rem;line-height:1.25}.gpx-game h4 b{font-weight:inherit}.gpx-meter{background:#ffffff12;border-radius:999px;height:.5rem;position:relative}.gpx-meter-span{top:0;bottom:0;left:var(--min);width:max(3px, calc(var(--top) - var(--min)));background:linear-gradient(90deg, var(--gpx-runs), var(--gpx-best));opacity:.55;border-radius:999px;position:absolute}.gpx-meter-you{background:var(--cyan);border-radius:2px;width:3px;height:1.1rem;margin-left:-1.5px;transition:left .6s cubic-bezier(.2,.8,.2,1);position:absolute;top:-.3rem;box-shadow:0 0 8px #3ee6ffcc}.gpx-flags{flex-wrap:wrap;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.gpx-flags li{border:1px solid var(--line-strong);font:700 .78rem/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);border-radius:5px;padding:.18rem .45rem}.gpx-flags li[data-flag=rt],.gpx-flags li[data-flag=vulkan]{color:#ffb3a9;border-color:#ff6b5b73}.gpx-flags li[data-flag=win11],.gpx-flags li[data-flag=tpm]{color:#b9d3ff;border-color:#6aa6ff73}.gpx-flags li[data-flag=mac]{border-color:#ffffff4d}.gpx-flags li[data-flag=upcoming]{color:var(--signal);border-color:#c9ff3a66}.gpx-flags time{font:inherit}.gpx-verdict{text-align:right;justify-items:end;gap:.2rem;display:grid}.gpx-verdict strong{font:800 1rem/1.2 var(--font-display);color:var(--gpx-tone,var(--text-2))}.gpx-verdict[data-tone=good]{--gpx-tone:var(--gpx-best)}.gpx-verdict[data-tone=ok]{--gpx-tone:var(--gpx-runs)}.gpx-verdict[data-tone=warn]{--gpx-tone:var(--gpx-warn)}.gpx-verdict[data-tone=bad]{--gpx-tone:var(--gpx-bad)}.gpx-warn{color:var(--warning);max-width:16rem;font-size:.88rem;line-height:1.35}.gpx-more{border-top:1px solid var(--line)}.gpx-more summary{cursor:pointer;color:var(--text-2);padding:.5rem .9rem;font-size:.92rem}.gpx-more summary:hover,.gpx-more[open] summary{color:var(--text)}.gpx-table{padding:0 .9rem;overflow-x:auto}.gpx-table table{border-collapse:collapse;width:100%;min-width:34rem;font-size:.92rem}.gpx-table th,.gpx-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;color:var(--text-2);padding:.5rem .6rem}.gpx-table thead th{font:700 .78rem/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--gpx-quiet)}.gpx-table tbody th{color:var(--text)}.gpx-table tbody th small{color:var(--gpx-quiet);margin-top:.2rem;font-size:.88rem;font-weight:400;display:block}.gpx-table tr.is-reached th,.gpx-table tr.is-reached td{background:#57d98c0f}.gpx-table tr.is-reached th span:after{content:" ✓";color:var(--gpx-best)}.gpx-plain{color:var(--text);font-weight:600}.gpx-source,.gpx-links{color:var(--gpx-quiet);margin:0;padding:.6rem .9rem 0;font-size:.9rem}.gpx-links{flex-wrap:wrap;gap:.5rem 1rem;padding-bottom:.8rem;display:flex}.gpx-links a{color:var(--cyan);font-weight:700}.gpx-links a:after{content:" →"}.gpx-source a{color:var(--text-2)}.gpx-more:not(:has(.gpx-links)) .gpx-source{padding-bottom:.8rem}.gpx-foot{color:var(--gpx-quiet);margin:0;font-size:.9rem;line-height:1.55}@media (width<=860px){.gpx-top{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.gpx-card{padding:1.1rem 1rem 1rem}.gpx-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.gpx-card-face{min-height:0;padding-top:4.6rem;padding-right:0}.gpx-card-face:before,.gpx-card-face:after{width:3.7rem;top:.9rem}.gpx-card-face:after{right:1rem}.gpx-card-face:before{right:5.15rem}.gpx-tally{grid-template-columns:repeat(2,minmax(0,1fr))}.gpx-plot,.gpx-axis{margin-left:3.4rem}.gpx-axis span:nth-child(2){display:none}.gpx-game-row{grid-template-columns:4.6rem minmax(0,1fr);padding:.6rem .7rem .5rem .55rem}.gpx-art{width:4.6rem}.gpx-verdict{text-align:left;grid-column:1/-1;justify-items:start}.gpx-warn{max-width:none}.gpx-search,.gpx-search input{width:100%}}@media (prefers-reduced-motion:reduce){.gpx-card-face:before,.gpx-card-face:after{animation:none!important}.gpx-line,.gpx-meter-you,.gpx-bar,.gpx-bar i,.gpx-gauge i{transition:none}}