.gg-public-parity .gg-mode-switch{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;margin:20px 0 22px;padding:5px;border:1px solid var(--gg-border-soft);border-radius:var(--gg-control-radius);background:#121517}
.gg-public-parity .gg-mode-switch a{display:grid;place-items:center;min-height:42px;text-decoration:none;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--gg-muted);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background 180ms,color 180ms,border-color 180ms}
.gg-public-parity .gg-mode-switch a:hover{color:var(--gg-text);background:#ffffff08}
.gg-public-parity .gg-mode-switch a[aria-current=true]{border-color:transparent;background:var(--gg-control-surface) padding-box,var(--gg-selected-rim) border-box;color:var(--gg-gold-text)}
.gg-public-parity .gg-mode-switch a:focus-visible{outline:2px solid var(--gg-focus);outline-offset:2px}

.gg-public-parity .gg-range-picker{margin:22px 0 6px}
.gg-public-parity .gg-mode-switch+.gg-range-picker{margin-top:0}
.gg-public-parity .gg-range{display:grid;gap:20px}
.gg-public-parity .gg-range-plates{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);align-items:stretch;gap:16px}
.gg-range-plates.gg-range-plates-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.gg-public-parity .gg-range-plate{--band-color:var(--gg-gold);position:relative;display:grid;justify-items:center;gap:8px;padding:16px 14px 14px;border:1px solid var(--gg-border-soft);border-radius:var(--gg-control-radius);background:radial-gradient(ellipse 70% 60% at 50% 0%,color-mix(in srgb,var(--band-color) 16%,transparent),transparent 70%),var(--gg-control-surface);transition:background 220ms,border-color 220ms}
.gg-public-parity .gg-range-plate:focus-within{border-color:color-mix(in srgb,var(--band-color) 55%,var(--gg-border))}
.gg-public-parity .gg-range-plate-scenic{overflow:hidden;border-color:color-mix(in srgb,var(--gg-gold) 22%,var(--gg-border-soft))}
.gg-public-parity .gg-range-plate-scenic>:not(.gg-range-scene){position:relative;z-index:1}
.gg-public-parity .gg-range-scene{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;pointer-events:none}
.gg-public-parity .gg-range-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%;filter:grayscale(.5) brightness(.5) contrast(1.06);transition:filter 320ms ease}
.gg-public-parity .gg-range-plate-scenic:is(:hover,:has(:focus-visible)) .gg-range-scene img{filter:grayscale(.15) brightness(.75) contrast(1.05)}
.gg-public-parity .gg-range-scene img+img{animation:gg-range-scene-in 480ms ease both}
.gg-public-parity .gg-range-scene::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 58% 62% at 50% 56%,#0c0e10a6,transparent 78%),linear-gradient(180deg,#0c0e1066,#0c0e1026 38%,#0c0e10a6)}
.gg-public-parity .gg-range-plate-scenic :is(.gg-range-caption,.gg-range-band){color:#e9e2cf;text-shadow:0 1px 3px #000,0 0 10px #000c}
@keyframes gg-range-scene-in{from{opacity:0}to{opacity:1}}
.gg-public-parity .gg-range-caption{color:var(--gg-muted);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.gg-public-parity .gg-range-band-mark img{width:auto;max-width:96px;height:52px;object-fit:contain;filter:drop-shadow(0 3px 8px #0009)}
.gg-public-parity .gg-order-climb img.gg-band-image{width:auto;max-width:64px}
.gg-public-parity .gg-range-band-mark{flex:none;display:grid;justify-items:center;gap:4px;min-width:64px}
.gg-public-parity .gg-range-band-mark .gg-range-band{line-height:1.2;white-space:nowrap}
.gg-public-parity .gg-range-badge{position:relative;display:block;width:min(100%,220px);aspect-ratio:200/64;filter:drop-shadow(0 4px 10px #0009)}
.gg-public-parity .gg-range-badge-shape{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.gg-public-parity .gg-range-badge-frame{fill:#15181b;stroke:var(--band-color);stroke-width:3;stroke-linejoin:round;transition:stroke 220ms}
.gg-public-parity .gg-range-badge-stripes{fill:var(--band-color);transition:fill 220ms}
.gg-public-parity .gg-range-input{min-width:0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--band-color);font:inherit;font-size:clamp(18px,2.1vw,26px);font-weight:700;line-height:1.1;text-align:center;font-variant-numeric:tabular-nums;transition:color 220ms}
.gg-public-parity .gg-range-badge>:not(svg){position:absolute;top:50%;left:31%;width:62%;padding:2px 0;transform:translateY(-50%)}
.gg-public-parity .gg-order-climb .gg-order-rating{display:grid;gap:6px;justify-items:start}
.gg-public-parity .gg-order-climb .gg-order-rating:last-child{justify-items:end}
.gg-public-parity .gg-order-badge{width:112px;filter:drop-shadow(0 2px 6px #0008)}
.gg-public-parity .gg-order-badge>strong{color:var(--band-color);font-size:13px;font-weight:700;line-height:1.1;text-align:center;font-variant-numeric:tabular-nums}
.gg-public-parity .gg-range-input:hover{border-color:#ffffff14}
.gg-public-parity .gg-range-input:focus{outline:none;border-color:var(--gg-gold-dim);background:#0f1214;color:var(--gg-text)}
.gg-public-parity .gg-range-band{color:var(--band-color);font-size:12px;font-weight:600;letter-spacing:.04em}
.gg-public-parity .gg-range-entry{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;width:min(100%,300px)}
.gg-public-parity .gg-range-entry>button{position:relative;display:grid;place-items:center;height:42px;padding:0;overflow:hidden;isolation:isolate;border:1px solid var(--gg-border);border-radius:var(--gg-control-radius,10px);background:var(--gg-control-surface);color:var(--gg-text);cursor:pointer;transition:border-color 180ms,color 180ms,background 180ms,box-shadow 180ms}
.gg-public-parity .gg-range-entry>button::after{content:"";position:absolute;top:50%;left:50%;z-index:-1;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:radial-gradient(circle,#f4dfa04d 0%,#dbb65d26 38%,#dbb65d0d 58%,transparent 72%);filter:blur(4px);opacity:0;transform:scale(.5);pointer-events:none;transition:opacity 520ms ease-out,transform 620ms cubic-bezier(.2,.7,.2,1)}
.gg-public-parity .gg-range-step-mark{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;transition:transform 180ms cubic-bezier(.2,.7,.2,1),filter 180ms}
.gg-public-parity .gg-range-entry>button:hover{border-color:var(--gg-gold-dim);background:radial-gradient(ellipse 95% 85% at 50% 115%,#dbb65d59,transparent 72%),var(--gg-control-hover-surface);color:var(--gg-metal-light);box-shadow:inset 0 1px #f4dfa026}
.gg-public-parity .gg-range-entry>button:hover::after{opacity:1;transform:scale(1.5)}
.gg-public-parity .gg-range-entry>button::before{content:"";position:absolute;top:50%;left:50%;z-index:-1;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:radial-gradient(circle,#fff0be66 0%,#dbb65d33 36%,#dbb65d12 56%,transparent 72%);filter:blur(5px);opacity:0;pointer-events:none}
.gg-public-parity .gg-range-entry>button[data-ripple=a]::before{animation:gg-range-step-press-a 560ms ease-out}
.gg-public-parity .gg-range-entry>button[data-ripple=b]::before{animation:gg-range-step-press-b 560ms ease-out}
.gg-public-parity .gg-range-entry>button:hover .gg-range-step-mark{transform:scale(1.12);filter:drop-shadow(0 0 4px #dbb65d99)}
.gg-public-parity .gg-range-entry>button:active{border-color:var(--gg-metal-core);background:radial-gradient(circle at 50% 50%,#dbb65d26,transparent 72%),#15130f;color:var(--gg-metal-core);box-shadow:inset 0 3px 8px #000d,inset 0 0 0 1px #dbb65d66;transition-duration:60ms}
.gg-public-parity .gg-range-entry>button:active .gg-range-step-mark{transform:scale(.8);filter:drop-shadow(0 0 7px #f4dfa0cc);transition-duration:60ms}
.gg-public-parity .gg-range-entry>button:focus-visible{outline:2px solid var(--gg-focus);outline-offset:2px}
@keyframes gg-range-step-press-a{0%{transform:scale(.4);opacity:0}25%{opacity:1}100%{transform:scale(2);opacity:0}}
@keyframes gg-range-step-press-b{0%{transform:scale(.4);opacity:0}25%{opacity:1}100%{transform:scale(2);opacity:0}}
.gg-public-parity .gg-range-entry .gg-range-badge{width:100%;justify-self:center}
.gg-public-parity .gg-range-entry-connected{gap:0;border:1px solid var(--gg-border);border-radius:var(--gg-control-radius,10px);background:#0f1214;overflow:hidden;transition:border-color 180ms}
.gg-public-parity .gg-range-entry-connected:focus-within{border-color:var(--gg-gold-dim)}
.gg-public-parity .gg-range-entry-connected>button{height:48px;border:0;border-radius:0;background:var(--gg-control-surface)}
.gg-public-parity .gg-range-entry-connected>button:first-child{border-right:1px solid var(--gg-border)}
.gg-public-parity .gg-range-entry-connected>button:last-child{border-left:1px solid var(--gg-border)}
.gg-public-parity .gg-range-entry-connected>button:focus-visible{outline-offset:-2px}
.gg-public-parity .gg-range-entry-connected .gg-range-input{width:100%;height:48px;padding:0 4px;border:0;border-radius:0;font-size:28px;color:var(--gg-text)}
.gg-public-parity .gg-range-entry-connected .gg-range-input:hover{border:0}
.gg-public-parity .gg-range-entry-connected .gg-range-input:focus{background:transparent}
.gg-public-parity .gg-range-gain{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:96px;color:var(--gg-gold-dim)}
.gg-public-parity .gg-range-gain strong{color:var(--gg-gold-text);font-size:26px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}
.gg-public-parity .gg-range-gain span{color:var(--gg-muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.gg-public-parity .gg-range-flow{flex:none;margin-bottom:6px;color:var(--gg-gold-text);fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.gg-public-parity .gg-range-flow path{opacity:.22;animation:gg-range-flow 1.8s ease-in-out infinite}
.gg-public-parity .gg-range-flow path:nth-child(2){animation-delay:.25s}
.gg-public-parity .gg-range-flow path:nth-child(3){animation-delay:.5s}
@keyframes gg-range-flow{0%,70%,100%{opacity:.22}30%{opacity:1}}
@media(prefers-reduced-motion:reduce){.gg-public-parity .gg-range-flow path{opacity:.7;animation:none}}

.gg-public-parity .gg-range-ladder{position:relative;padding:8px 0 0}
.gg-public-parity .gg-range-track{position:relative;display:flex;gap:2px;height:14px;padding:3px;border:1px solid var(--gg-border-soft);border-radius:999px;background:#0f1214;overflow:hidden}
.gg-public-parity .gg-range-track>span:not(.gg-range-selection){height:100%;border-radius:2px;opacity:.32}
.gg-public-parity .gg-range-selection{position:absolute;top:2px;bottom:2px;border-radius:999px;background:linear-gradient(90deg,#ffffff38,#ffffff18);box-shadow:inset 0 0 0 1px #fff3}
.gg-public-parity .gg-range-ladder{--gg-thumb-size:32px}
.gg-public-parity .gg-range-thumb{position:absolute;left:calc(var(--gg-thumb-size)/-2);top:8px;width:calc(100% + var(--gg-thumb-size));height:14px;margin:0;background:transparent;pointer-events:none;-webkit-appearance:none;appearance:none}
.gg-public-parity .gg-range-thumb:focus{outline:none}
.gg-public-parity .gg-range-thumb::-webkit-slider-runnable-track{height:14px;background:transparent}
.gg-public-parity .gg-range-thumb::-moz-range-track{height:14px;background:transparent}
.gg-public-parity .gg-range-thumb::-webkit-slider-thumb{margin-top:calc((14px - var(--gg-thumb-size))/2);-webkit-appearance:none;appearance:none;width:var(--gg-thumb-size);height:var(--gg-thumb-size);border:2px solid transparent;border-radius:50%;background:url(/assets/gamergod/icons/gg-range-thumb-lily-v1.svg) center 46%/62% no-repeat,radial-gradient(circle at 50% 38%,#4a3f27,#211d16 72%) padding-box,var(--gg-selected-rim) border-box;box-shadow:0 3px 10px #000b,inset 0 1px #f4dfa033;cursor:grab;pointer-events:auto;transition:transform 160ms ease,box-shadow 160ms ease}
.gg-public-parity .gg-range-thumb::-moz-range-thumb{box-sizing:border-box;width:var(--gg-thumb-size);height:var(--gg-thumb-size);border:2px solid transparent;border-radius:50%;background:url(/assets/gamergod/icons/gg-range-thumb-lily-v1.svg) center 46%/62% no-repeat,radial-gradient(circle at 50% 38%,#4a3f27,#211d16 72%) padding-box,var(--gg-selected-rim) border-box;box-shadow:0 3px 10px #000b,inset 0 1px #f4dfa033;cursor:grab;pointer-events:auto;transition:transform 160ms ease,box-shadow 160ms ease}
.gg-public-parity .gg-range-thumb:hover::-webkit-slider-thumb{transform:scale(1.08);box-shadow:0 4px 14px #000c,0 0 0 4px #dbb65d1f,inset 0 1px #f4dfa033}
.gg-public-parity .gg-range-thumb:hover::-moz-range-thumb{transform:scale(1.08);box-shadow:0 4px 14px #000c,0 0 0 4px #dbb65d1f,inset 0 1px #f4dfa033}
.gg-public-parity .gg-range-thumb:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.04)}
.gg-public-parity .gg-range-thumb:active::-moz-range-thumb{cursor:grabbing;transform:scale(1.04)}
.gg-public-parity .gg-range-thumb:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--gg-focus),0 3px 10px #000b}
.gg-public-parity .gg-range-thumb:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--gg-focus),0 3px 10px #000b}
.gg-public-parity .gg-range-scale{display:flex;justify-content:space-between;margin-top:16px;color:var(--gg-subtle);font-size:11px}
.gg-public-parity .gg-range-presets{display:flex;flex-wrap:wrap;gap:8px}
.gg-public-parity .gg-range-presets button{flex:1 1 0;min-width:96px;min-height:38px;padding:0 10px;border:1px solid var(--gg-border-soft);border-radius:8px;background:var(--gg-control-surface);color:var(--gg-muted);font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:border-color 180ms,color 180ms}
.gg-public-parity .gg-range-presets button:hover{border-color:var(--gg-gold-dim);color:var(--gg-text)}
.gg-public-parity .gg-range-presets button[aria-pressed=true]{border-color:transparent;background:var(--gg-control-surface) padding-box,var(--gg-selected-rim) border-box;color:var(--gg-gold-text)}
.gg-public-parity .gg-range-presets button:focus-visible{outline:2px solid var(--gg-focus);outline-offset:2px}
.gg-public-parity .gg-range-presets-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.gg-public-parity .gg-range-presets-badges button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:48px;padding:6px 10px}
.gg-public-parity .gg-preset-badge{flex:0 1 92px;width:auto;min-width:0;filter:none}
.gg-public-parity .gg-preset-badge>span{color:var(--band-color);font-size:12px;font-weight:700;line-height:1;text-align:center;font-variant-numeric:tabular-nums}
.gg-public-parity .gg-range-preset-arrow{flex:none;color:var(--gg-gold-dim);font-size:13px}
.gg-public-parity .gg-range-gain .gg-range-points{color:var(--gg-muted);font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;white-space:nowrap;font-variant-numeric:tabular-nums}
.gg-public-parity .gg-range-gain .gg-range-playtime{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:3px 9px;border:1px solid #dbb65d40;border-radius:999px;background:#dbb65d12;color:var(--gg-gold-text);font-size:13px;font-weight:700;letter-spacing:0;text-transform:none;white-space:nowrap;font-variant-numeric:tabular-nums}
.gg-public-parity .gg-range-gain .gg-range-playtime svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.gg-public-parity .gg-range-gain-points strong{font-size:24px}
.gg-public-parity .gg-range-presets-icons button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:42px}
.gg-public-parity .gg-range-presets-icons img{flex:none;width:auto;max-width:40px;height:22px;object-fit:contain}

@media(max-width:720px){
 .gg-public-parity .gg-range-plates{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
 .gg-public-parity .gg-range-gain{grid-column:1/-1;grid-row:2;flex-direction:row;flex-wrap:wrap;gap:4px 8px;min-width:0}
 .gg-public-parity .gg-range-plates:has(.gg-range-badge){grid-template-columns:minmax(0,1fr)}
 .gg-public-parity .gg-range-plates:has(.gg-range-badge) .gg-range-entry{width:min(100%,280px);grid-template-columns:40px minmax(0,1fr) 40px;gap:10px}
 .gg-public-parity .gg-range-plates:has(.gg-range-badge) .gg-range-entry>button{height:40px}
 .gg-public-parity .gg-range-gain strong{font-size:20px}
 .gg-public-parity .gg-range-gain .gg-range-playtime{margin-top:0}
 .gg-public-parity .gg-range-flow{display:none}
 .gg-public-parity .gg-range-plate{padding:12px 8px}
 .gg-public-parity .gg-range-badge .gg-range-input{font-size:clamp(15px,4.6vw,20px)}
 .gg-public-parity .gg-range-band-mark img{width:auto;max-width:74px;height:40px}
 .gg-public-parity .gg-range-entry{grid-template-columns:34px minmax(0,1fr) 34px;gap:4px}
 .gg-public-parity .gg-range-entry>button{height:36px}
 .gg-public-parity .gg-range-entry-connected{gap:0}
 .gg-public-parity .gg-range-entry-connected>button,.gg-public-parity .gg-range-entry-connected .gg-range-input{height:42px}
 .gg-public-parity .gg-range-entry-connected .gg-range-input{font-size:22px}
 .gg-public-parity .gg-range-presets button{min-width:calc(50% - 4px)}
 .gg-public-parity .gg-range-presets-badges{grid-template-columns:repeat(2,minmax(0,1fr))}
 .gg-public-parity .gg-range-presets-badges button{gap:4px;padding:6px}
 .gg-public-parity .gg-preset-badge>span{font-size:10px}
 .gg-public-parity .gg-mode-switch a{font-size:13px;min-height:40px}
}
@media(prefers-reduced-motion:reduce){
 .gg-public-parity .gg-range-scene img{transition:none}
 .gg-public-parity .gg-range-scene img+img{animation:none}
 .gg-public-parity .gg-range-thumb::-webkit-slider-thumb{transition:none}
 .gg-public-parity .gg-range-thumb::-moz-range-thumb{transition:none}
 .gg-public-parity .gg-range-entry>button::after,.gg-public-parity .gg-range-entry>button:hover::after{transition:opacity 200ms;transform:none}
 .gg-public-parity .gg-range-entry>button[data-ripple]::before{animation:none}
 .gg-public-parity :is(.gg-range-entry>button:hover,.gg-range-entry>button:active) .gg-range-step-mark{transform:none}
 .gg-public-parity :is(.gg-mode-switch a,.gg-range-plate,.gg-range-entry>button,.gg-range-entry-connected,.gg-range-presets button,.gg-range-badge-frame,.gg-range-badge-stripes,.gg-range-input){transition:none}
}
.gg-public-parity .gg-tier-points{display:grid;gap:8px;margin-top:14px}
.gg-public-parity .gg-tier-points label{color:var(--gg-text);font-size:14px;font-weight:600}
.gg-public-parity .gg-tier-points-control{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;height:44px}
.gg-public-parity .gg-tier-points-control button{border:1px solid var(--gg-border);background:var(--gg-control-surface);color:var(--gg-text);font:inherit;font-size:20px;line-height:1;cursor:pointer;transition:border-color 180ms,color 180ms}
.gg-public-parity .gg-tier-points-control button:first-child{border-radius:8px 0 0 8px}
.gg-public-parity .gg-tier-points-control button:last-child{border-radius:0 8px 8px 0}
.gg-public-parity .gg-tier-points-control button:hover:not(:disabled){border-color:var(--gg-gold-dim);color:var(--gg-gold-text)}
.gg-public-parity .gg-tier-points-control button:disabled{opacity:.4;cursor:default}
.gg-public-parity .gg-tier-points-control input{min-width:0;border:1px solid var(--gg-border);border-width:1px 0;background:#0f1214;color:var(--gg-gold-text);font:inherit;font-size:20px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}
.gg-public-parity .gg-tier-points-control:focus-within{border-radius:8px;box-shadow:0 0 0 1px var(--gg-gold-dim)}
.gg-public-parity .gg-tier-points-control input:focus{outline:none}
