:root{--color-grade-issue:#b8c2cc;--color-grade-reinforced:#19e6ff;--color-grade-certified:#f2f5f7;--color-grade-prime:#e6c36a;--color-grade-prime-deep:#c9a24b;--color-compare-better:#19e6ff;--color-compare-worse:#ff8a96;--color-compare-same:#b8c2cc;--color-credits-short:#ff8a96;--gf-radius-tile:8px;--gf-radius-card:10px;--gf-line:1px;--gf-line-prime:1.5px;--gf-ring-gap:2px;--gf-ring-line:1px;--gf-seal:10px;--gf-seal-inset:3px;--gf-bar-w:9px;--gf-bar-h:2px;--gf-bar-gap:2px;--gf-bracket:8px;--gf-issue-border:#b8c2cc80;--gf-issue-fill:linear-gradient(180deg, #2b2f36b8, #1a1d23b8);--gf-reinforced-border:#19e6ffbf;--gf-reinforced-ring:#19e6ff73;--gf-reinforced-fill:linear-gradient(180deg, #19e6ff1a, #1a1d23c7 60%);--gf-reinforced-glow:0 0 6px #19e6ff38;--gf-certified-border:#f2f5f7eb;--gf-certified-ring:#19e6ffb3;--gf-certified-fill:linear-gradient(180deg, #f2f5f724, #19e6ff0f 45%, #1a1d23cc);--gf-certified-glow:0 0 10px #f2f5f742, 0 0 4px #19e6ff59;--gf-prime-border:#e6c36a;--gf-prime-ring:#c9a24bd9;--gf-prime-fill:linear-gradient(155deg, #e6c36a42, #c9a24b14 42%, #1a1d23d1);--gf-prime-glow:0 0 12px #e6c36a80, 0 0 26px #c9a24b38;--gf-prime-shimmer-ms:2400;--gf-tile:48px}.gf{width:var(--s,var(--gf-tile));height:var(--s,var(--gf-tile));border-radius:var(--gf-radius-tile);box-sizing:border-box;flex:none;place-items:center;display:grid;position:relative}.gf.card{border-radius:var(--gf-radius-card);flex:0 auto;place-items:normal;width:auto;height:auto;min-height:0;display:block}.gf[data-grade=issue]{border:var(--gf-line) solid var(--gf-issue-border);background:var(--gf-issue-fill);--gc:var(--color-grade-issue)}.gf[data-grade=reinforced]{border:var(--gf-line) solid var(--gf-reinforced-border);background:var(--gf-reinforced-fill);box-shadow:0 0 0 var(--gf-ring-gap) #0b1220e6, 0 0 0 calc(var(--gf-ring-gap) + var(--gf-ring-line)) var(--gf-reinforced-ring), var(--gf-reinforced-glow);--gc:var(--color-grade-reinforced)}.gf[data-grade=certified]{border:var(--gf-line) solid var(--gf-certified-border);background:var(--gf-certified-fill);box-shadow:0 0 0 var(--gf-ring-gap) #0b1220e6, 0 0 0 calc(var(--gf-ring-gap) + var(--gf-ring-line)) var(--gf-certified-ring), var(--gf-certified-glow);--gc:var(--color-grade-certified)}.gf[data-grade=prime]{border:var(--gf-line-prime) solid var(--gf-prime-border);background:var(--gf-prime-fill);box-shadow:0 0 0 var(--gf-ring-gap) #0b1220e6, 0 0 0 calc(var(--gf-ring-gap) + var(--gf-line-prime)) var(--gf-prime-ring), var(--gf-prime-glow);--gc:var(--color-grade-prime)}.gf[data-grade=certified]:before,.gf[data-grade=prime]:before{content:"";left:var(--gf-seal-inset);top:var(--gf-seal-inset);width:var(--gf-seal);height:var(--gf-seal);background:var(--gc);opacity:.92;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);pointer-events:none;position:absolute;-webkit-mask:radial-gradient(circle,#0000 1.8px,#000 2px);mask:radial-gradient(circle,#0000 1.8px,#000 2px)}.gf[data-grade=prime]:after{content:"";border-radius:calc(var(--gf-radius-tile) - 3px);pointer-events:none;background:linear-gradient(var(--color-grade-prime-deep), var(--color-grade-prime-deep)) right top / var(--gf-bracket) 1.5px no-repeat, linear-gradient(var(--color-grade-prime-deep), var(--color-grade-prime-deep)) right top / 1.5px var(--gf-bracket) no-repeat, linear-gradient(var(--color-grade-prime-deep), var(--color-grade-prime-deep)) left bottom / var(--gf-bracket) 1.5px no-repeat, linear-gradient(var(--color-grade-prime-deep), var(--color-grade-prime-deep)) left bottom / 1.5px var(--gf-bracket) no-repeat;position:absolute;inset:3px}.gf-bars{width:var(--gf-bar-w);height:calc(var(--n,1) * var(--gf-bar-h) + (var(--n,1) - 1) * var(--gf-bar-gap));background:repeating-linear-gradient(to top, var(--gc) 0 var(--gf-bar-h), transparent var(--gf-bar-h) calc(var(--gf-bar-h) + var(--gf-bar-gap)));pointer-events:none;position:absolute;bottom:4px;left:4px}.gf-bars[data-n="1"]{--n:1}.gf-bars[data-n="2"]{--n:2}.gf-bars[data-n="3"]{--n:3}.gf-bars[data-n="4"]{--n:4}.gf[data-grade] svg{--icon-accent:var(--color-terran-cyan,#19e6ff)}.gf[data-grade=prime] svg{--icon-accent:var(--color-grade-prime)}.gf[data-grade=plain]{--gc:var(--color-terran-cyan);background:#0b1220b8;border:1px solid #19e6ff8c}.gf[data-grade=empty]{--gc:var(--color-fg-dim);background:#0b122080;border:1px dashed #b8c2cc73}.gf[data-grade=locked]{--gc:var(--color-fg-dim);background:#0b12208c;border:1px solid #b8c2cc40}.gf[data-selected="1"]{outline-offset:3px;outline:2px solid #f2f5f7}@media (prefers-reduced-motion:no-preference){.gf[data-grade=prime].shimmer{background-image:linear-gradient(100deg, transparent 40%, #fff6d647 50%, transparent 60%), var(--gf-prime-fill);animation:gf-shimmer calc(var(--gf-prime-shimmer-ms) * 1ms) linear 1;background-repeat:no-repeat;background-size:250% 100%,auto}@keyframes gf-shimmer{0%{background-position:150% 0,0 0}to{background-position:-50% 0,0 0}}}.gc-issue{color:var(--color-grade-issue)}.gc-reinforced{color:var(--color-grade-reinforced)}.gc-certified{color:var(--color-grade-certified)}.gc-prime{color:var(--color-grade-prime)}.cmp-better{color:var(--color-compare-better)}.cmp-worse{color:var(--color-compare-worse)}.cmp-same{color:var(--color-compare-same)}.credits-short{color:var(--color-credits-short);border-color:var(--color-credits-short)}.abg-range{appearance:none;cursor:pointer;background:0 0;height:44px}.abg-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, #19e6ff var(--fill,50%), #19e6ff2e var(--fill,50%));border-radius:2px;height:4px}.abg-range::-moz-range-track{background:linear-gradient(90deg, #19e6ff var(--fill,50%), #19e6ff2e var(--fill,50%));border-radius:2px;height:4px}.abg-range::-webkit-slider-thumb{-webkit-appearance:none;background:#f2f5f7;border:2px solid #19e6ff;border-radius:9999px;width:18px;height:18px;margin-top:-7px;box-shadow:0 0 8px #19e6ff8c}.abg-range::-moz-range-thumb{background:#f2f5f7;border:2px solid #19e6ff;border-radius:9999px;width:18px;height:18px}.abg-range:focus-visible{outline-offset:2px;outline:2px solid #7df3ff}:root[data-text-size=large]{--text-cap:13px;--text-cap--line-height:17px;--text-label:15px;--text-label--line-height:18px;--text-body:16px;--text-body--line-height:22px;--text-title:18px;--text-title--line-height:22px;--text-head:22px;--text-head--line-height:26px}