.cm-page{--cm-high:#3b82f6;--cm-rec:var(--ok);--cm-min:color-mix(in srgb, var(--ok) 55%, #9ca3af);--cm-barely:var(--sec);--cm-no:#e5484d}.cm{color:var(--ink-soft);margin-top:8px}.cm-hero{border:1px solid var(--line);border-top:3px solid var(--accent);background:radial-gradient(120% 140% at 100% 0%, var(--accent-tint) 0%, transparent 55%), var(--paper-2);border-radius:16px;grid-template-columns:1.3fr 1fr;align-items:center;gap:28px;padding:30px 32px;display:grid}.cm-hero h1{font-family:var(--display);text-transform:uppercase;color:var(--heading);margin:6px 0 10px;font-size:clamp(32px,5vw,52px)}.cm-go{min-width:200px}.cm-go[disabled]{opacity:.75;cursor:progress}.cm-scan{justify-content:center;align-items:center;gap:22px;display:flex}.cm-ring{border:3px solid var(--line-strong);border-radius:50%;flex-shrink:0;width:120px;height:120px;position:relative}.cm-ring span{border:3px solid #0000;border-top-color:var(--accent);opacity:0;border-radius:50%;position:absolute;inset:-3px}.cm.is-scanning .cm-ring span{opacity:1;animation:.8s linear infinite cm-spin}.cm.is-done .cm-ring{border-color:var(--ok)}.cm.is-done .cm-ring:after{content:"✓";font:700 44px var(--display);color:var(--ok);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@keyframes cm-spin{to{transform:rotate(360deg)}}.cm-steps{gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.cm-steps li{color:var(--ink-faint);align-items:center;gap:8px;transition:color .2s;display:flex}.cm-steps li:before{content:"";border:2px solid var(--line-strong);border-radius:50%;width:10px;height:10px;transition:background .2s,border-color .2s}.cm-steps li.is-done{color:var(--heading)}.cm-steps li.is-done:before{background:var(--ok);border-color:var(--ok)}.cm-out,.cm-results{gap:18px;margin-top:22px;display:grid}.cm-results{margin-top:0}.cm-results[hidden],.cm-need[hidden]{display:none}.cm-need{border:1px dashed var(--sec);color:var(--heading);border-radius:10px;margin:0;padding:14px 16px;font-weight:600}.cm-card,.cm-tier,.cm-tile{background:var(--card);border:1px solid var(--line);border-radius:14px;min-width:0}.cm-card{padding:20px 22px}.cm-card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:14px;display:flex}.cm-card-head h2{font-family:var(--display);text-transform:uppercase;color:var(--heading);margin:0;font-size:18px}.cm-card-sub{color:var(--ink-faint);font-size:12px}.cm-grid2{grid-template-columns:1fr 1fr;gap:18px;display:grid}.cm-k{font-family:var(--mono);text-transform:uppercase;color:var(--ink-faint);font-size:11px}.cm-hint{color:var(--ink-faint);margin:10px 0 0;font-size:12px}.cm-small{color:var(--ink-faint);margin:0;font-size:12px}.cm-small code{font-family:var(--mono)}.cm-link{color:var(--accent);margin-top:12px;font-size:14px;font-weight:600;display:inline-block}.cm-top{grid-template-columns:1fr 1.3fr;gap:18px;display:grid}.cm-tier{--t:var(--cm-rec);border-top:4px solid var(--t);flex-direction:column;gap:6px;padding:22px;display:flex}.cm-tier[data-lv="0"]{--t:var(--cm-no)}.cm-tier[data-lv="1"]{--t:var(--cm-barely)}.cm-tier[data-lv="2"]{--t:var(--cm-min)}.cm-tier[data-lv="4"]{--t:var(--cm-high)}.cm-tier-name{font-family:var(--display);color:var(--heading);font-size:clamp(28px,4vw,40px);line-height:1.05}.cm-tier-text{margin:0;font-size:15px}.cm-tier-scale{grid-template-columns:repeat(5,1fr);gap:4px;margin-top:10px;display:grid}.cm-tier-scale span{background:var(--paper-2);border-radius:999px;height:8px}.cm-tier-scale span.is-below{background:color-mix(in srgb, var(--t) 45%, transparent)}.cm-tier-scale span.is-on{background:var(--t)}.cm-tiles{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cm-tile{flex-direction:column;gap:2px;padding:14px 16px;display:flex}.cm-tile b{font-family:var(--display);color:var(--heading);overflow-wrap:anywhere;font-size:22px;line-height:1.15}.cm-tile small{color:var(--ink-faint);font-size:12px}.cm-parts{grid-template-columns:1.2fr 1.2fr .8fr;gap:14px;display:grid}.cm-part{flex-direction:column;gap:6px;min-width:0;display:flex}.cm-part-k{font-family:var(--mono);text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:8px;font-size:11px;display:flex}.cm-part-k em,.cm-how{font:700 10px var(--mono);text-transform:uppercase;background:var(--paper-2);color:var(--ink-soft);border:1px solid var(--line);border-radius:4px;padding:2px 6px;font-style:normal}.cm-part-k em[data-how=detected],.cm-how--detected{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 50%, transparent)}.cm-part-k em[data-how=estimated],.cm-part-k em[data-how=at\ least],.cm-how--estimated{color:var(--sec);border-color:color-mix(in srgb, var(--sec) 50%, transparent)}.cm-part-k em[data-how=unknown],.cm-how--unknown{color:var(--cm-no);border-color:color-mix(in srgb, var(--cm-no) 50%, transparent)}.cm-part input,.cm-part select{background:var(--paper);width:100%;height:46px;color:var(--heading);border:1px solid var(--line-strong);font:600 15px var(--sans);border-radius:10px;padding:0 14px}.cm-part input:focus,.cm-part select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);outline:none}.cm-part small{color:var(--ink-faint);overflow-wrap:anywhere;font-size:12px;line-height:1.4}.cm-dl{grid-template-columns:auto 1fr;margin:0;display:grid}.cm-dl dt,.cm-dl dd{border-bottom:1px solid var(--line);padding:8px 0;font-size:14px}.cm-dl dt{color:var(--ink-faint);padding-right:12px}.cm-dl dd{color:var(--heading);text-align:right;justify-content:flex-end;align-items:center;gap:8px;margin:0;font-weight:600;display:flex}.cm-dl dt:last-of-type,.cm-dl dd:last-of-type{border-bottom:0}.cm-perf{gap:14px;display:grid}.cm-pbar{grid-template-rows:auto auto;grid-template-columns:110px 1fr 48px;align-items:center;gap:2px 10px;display:grid}.cm-pname{color:var(--ink-soft);font-size:13px}.cm-ptrack{background:var(--paper-2);border-radius:999px;height:14px;position:relative}.cm-pfill{background:var(--accent);border-radius:999px;height:100%;transition:width .8s cubic-bezier(.2,.8,.2,1);display:block}.cm-pbar--cpu .cm-pfill{background:#3b82f6}.cm-pref{background:var(--heading);opacity:.6;width:2px;position:absolute;top:-4px;bottom:-4px}.cm-pbar b{font:700 15px var(--mono);color:var(--heading);text-align:right}.cm-pbar small{color:var(--ink-faint);grid-column:2/4;font-size:12px}.cm-dist-bar{background:var(--paper-2);border-radius:8px;gap:2px;height:26px;display:flex;overflow:hidden}.cm-seg{--t:var(--cm-rec);background:var(--t);color:#fff;min-width:24px;font:700 12px var(--mono);flex-basis:0;justify-content:center;align-items:center;display:flex}.cm-seg--high,.cm-leg--high{--t:var(--cm-high)}.cm-seg--rec,.cm-leg--rec{--t:var(--cm-rec)}.cm-seg--min,.cm-leg--min{--t:var(--cm-min)}.cm-seg--barely,.cm-leg--barely{--t:var(--cm-barely)}.cm-seg--no,.cm-leg--no{--t:var(--cm-no)}.cm-dist-leg{color:var(--ink-faint);flex-wrap:wrap;gap:4px 14px;margin:8px 0 12px;padding:0;font-size:12px;list-style:none;display:flex}.cm-dist-leg li{align-items:center;gap:6px;display:inline-flex}.cm-dist-leg li:before{content:"";background:var(--t);border-radius:3px;width:10px;height:10px}.cm-games{margin:0;padding:0;list-style:none;display:grid}.cm-games li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.cm-games li:last-child{border-bottom:0}.cm-games a{color:var(--heading);font-weight:600;text-decoration:none}.cm-games a:hover{color:var(--accent)}.cm-lv{--t:var(--cm-rec);font:700 11px var(--mono);text-transform:uppercase;color:var(--heading);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.cm-lv:before{content:"";background:var(--t);border-radius:50%;width:8px;height:8px}.cm-lv--high{--t:var(--cm-high)}.cm-lv--min{--t:var(--cm-min)}.cm-lv--barely{--t:var(--cm-barely)}.cm-lv--no{--t:var(--cm-no)}.cm-frow{grid-template-columns:64px 1fr 76px;align-items:center;gap:10px;margin-bottom:8px;display:grid}.cm-fname{font-family:var(--mono);text-transform:uppercase;color:var(--ink-soft);font-size:12px}.cm-ftrack{height:14px}.cm-ffill{--t:var(--ok);background:var(--t);border-radius:0 4px 4px 0;height:100%;transition:width .8s cubic-bezier(.2,.8,.2,1);display:block}.cm-ffill[data-band=bad]{--t:var(--cm-no)}.cm-ffill[data-band=meh]{--t:var(--sec)}.cm-ffill[data-band=great]{--t:#3b82f6}.cm-frow b{font:700 13px var(--mono);color:var(--heading);text-align:right}.cm-bench{grid-template-columns:1.2fr 1fr;align-items:center;gap:18px;display:grid}.cm-canvas{aspect-ratio:16/9;border:1px solid var(--line);background:#07090d;border-radius:10px;width:100%;height:auto}.cm-bench-side p{margin:0 0 12px;font-size:14px;line-height:1.6}.cm-bench-res{flex-direction:column;gap:4px;margin-top:12px;display:flex}.cm-bench-res b{--t:var(--ok);font-family:var(--display);color:var(--t);font-size:34px}.cm-bench-res b[data-band=bad]{--t:var(--cm-no)}.cm-bench-res b[data-band=meh]{--t:var(--sec)}.cm-bench-res b[data-band=great]{--t:#3b82f6}.cm-bench-res span{color:var(--ink-faint);font-size:13px}.cm-next{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.cm-next-card{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:4px;padding:16px;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.cm-next-card:hover{border-color:var(--accent);transform:translateY(-2px)}.cm-next-card b{color:var(--heading);font-family:var(--display);text-transform:uppercase;font-size:16px}.cm-next-card b:after{content:" →";color:var(--accent)}.cm-next-card span{color:var(--ink-faint);font-size:13px}@media (width<=900px){.cm-hero,.cm-top,.cm-grid2,.cm-bench,.cm-parts{grid-template-columns:1fr}.cm-next{grid-template-columns:1fr 1fr}.cm-scan{justify-content:flex-start}}@media (width<=520px){.cm-hero{padding:22px 18px}.cm-card{padding:16px}.cm-tiles,.cm-next{grid-template-columns:1fr}.cm-ring{width:90px;height:90px}}