.gg-calculator-portals{display:contents!important}
/* Every mobile calculator keeps its complete shared service navigation visible. */
@media(max-width:720px){
 .gg-calculator .gg-estimator [data-service-tabs]{width:100%;grid-template-columns:repeat(var(--service-count,5),minmax(0,1fr))!important;gap:1px}
 .gg-calculator .gg-estimator [data-service-tabs] .gg-service-tab{min-width:0}
 .gg-calculator .gg-estimator [data-service-tabs] .gg-service-tab strong{white-space:normal;font-size:10px;line-height:1.3;padding-inline:3px}
}

/* Gamergod-owned presentation. Control geometry follows the reference.
   The approved removal of the upper journey leaves a 24px heading gap. */
.gg-calculator .gg-boost-page{--ui-bg:var(--gg-ink);--ui-surface:var(--gg-panel);--ui-surface-raised:var(--gg-elevated);--ui-text:var(--gg-text);--ui-muted:var(--gg-muted);--ui-menu-bg:#1e2226;--ui-menu-hover:var(--gg-hover);--ui-menu-selected:var(--gg-gold-wash);--ui-panel-surface:var(--gg-panel);--ui-accent:var(--gg-gold);--ui-control-radius:var(--gg-control-radius);--ui-panel-radius:var(--gg-panel-radius);--ui-line:var(--gg-divider);--ui-control-border:var(--gg-border);--ui-control-bg:var(--gg-elevated);--ui-control-bg-hover:var(--gg-hover);--service-tab-surface-start:var(--gg-panel);--service-tab-surface-end:var(--gg-panel)}
.gg-calculator .gg-hero{background:var(--gg-ink);height:clamp(330px,23vw,360px)}
.gg-calculator :is(.gg-config-heading,.gg-checkout-heading){height:auto;background:transparent;position:static}
.gg-calculator :is(.gg-hero,.gg-config-heading,.gg-checkout-heading){border:0}
.gg-calculator .gg-checkout-notes{background:transparent;position:static}
.gg-calculator .gg-hero::before{background-image:var(--service-hero-image);filter:none;opacity:1;background-position:center top;background-size:auto calc(100% + 60px)}
.gg-calculator .gg-hero-overlay{background:linear-gradient(90deg,var(--gg-ink) 0%,color-mix(in srgb,var(--gg-ink) 92%,transparent) 25%,color-mix(in srgb,var(--gg-ink) 19%,transparent) 53%,transparent 75%),linear-gradient(0deg,var(--gg-ink),transparent 34%)}
.gg-calculator .gg-workspace{background:linear-gradient(transparent,var(--gg-ink) 64px)}
.gg-calculator .gg-configurator{position:relative;isolation:isolate}
.gg-calculator .gg-contour-shell{position:relative;isolation:isolate;--gg-first-tab:calc(20% - 4.8px)}
.gg-calculator .gg-initial-surface{position:absolute;inset:51px 0 0;z-index:-1;background:var(--gg-stone-surface);border-radius:0 var(--gg-panel-radius) var(--gg-panel-radius) var(--gg-panel-radius);pointer-events:none}
.gg-calculator .gg-initial-surface::before{content:"";position:absolute;left:0;top:-51px;width:var(--gg-first-tab);height:63px;border-radius:var(--gg-control-radius) var(--gg-control-radius) 0 0;background:var(--gg-stone-surface)}
.gg-calculator .gg-initial-surface::after{content:"";position:absolute;left:var(--gg-first-tab);top:-12px;width:12px;height:12px;background:radial-gradient(circle at right top,transparent 11.5px,#1f2224 12px)}
.gg-calculator .gg-with-fill .gg-initial-surface{display:none}
.gg-calculator .gg-config-surface,.gg-calculator .gg-rank-stage{background:var(--gg-panel)!important}
.gg-calculator .gg-config-surface{border-top-left-radius:var(--service-panel-left-radius,0px);box-shadow:0 20px 50px #0003}
.gg-calculator .gg-rank-stage::before,.gg-calculator .gg-rank-stage::after{display:none!important}
.gg-calculator .gg-service-tab{font-family:inherit;cursor:pointer;color:var(--gg-muted);background:var(--gg-panel-muted);border-color:transparent;border-radius:7px 7px 0 0;transition:background-color 160ms ease,color 160ms ease,border-color 160ms ease,filter 100ms ease}
.gg-calculator .gg-service-tab.active{color:var(--gg-gold-text);background:var(--gg-panel)!important;box-shadow:none}
.gg-calculator .gg-service-tab:not(.active):is(:hover,:focus-visible){background:var(--gg-hover);color:var(--gg-gold-text);border-color:var(--gg-gold-dim);transform:none;box-shadow:none}
.gg-calculator .gg-service-tab[aria-disabled=true]{cursor:default}
.gg-calculator .gg-tab-fill{position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:-1;background:var(--gg-stone-surface)}
.gg-calculator .gg-surface-shadow{position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:-3;filter:drop-shadow(0 18px 24px #0004)}
.gg-calculator .gg-contour-shell .gg-config-surface,.gg-calculator .gg-contour-shell .gg-rank-stage{background:transparent!important;box-shadow:none!important}
.gg-calculator .gg-contour-shell .gg-service-tab.active::before,.gg-calculator .gg-contour-shell .gg-service-tab.active::after{display:none!important}
.gg-calculator .gg-with-fill [data-service-tabs] .gg-service-tab.active{background:transparent!important}
.gg-calculator .gg-metal-edge{stroke-linejoin:round}
.gg-calculator .gg-tab-tail-surface{position:absolute;left:0;top:0;width:100%;background:none;border:0;z-index:-2;overflow:visible;pointer-events:none}
.gg-calculator .gg-tab-tail-piece{position:absolute;box-sizing:border-box;background:var(--gg-panel-muted);border-left:1px solid transparent;border-right:1px solid transparent;transition:background-color 160ms ease,border-color 160ms ease}
.gg-calculator .gg-tab-tail-highlighted{background:var(--gg-hover);border-color:var(--ui-checkout-border,rgba(255,255,255,.12))}
@layer components {
 .gg-calculator .gg-boost-page .gg-contour-shell [data-service-tabs] .gg-service-tab.active{background:transparent!important}
 .gg-calculator .gg-boost-page .gg-with-fill [data-service-tabs] .gg-service-tab.active{background:transparent!important}
 .gg-calculator .gg-boost-page .gg-service-tab:not(.active){background-color:var(--gg-panel-muted)!important}
 .gg-calculator .gg-boost-page .gg-service-tab:not(.active):is(:hover,:focus-visible){background-color:var(--gg-hover)!important}
 .gg-calculator .gg-boost-page .gg-contour-shell .gg-config-surface,.gg-calculator .gg-boost-page .gg-contour-shell [data-service-tabs] .gg-service-tab.active{border-color:transparent!important}
}
.gg-calculator [data-service-tabs]::after{background:var(--gg-gold-dim)}
.gg-calculator .gg-checkout{background:var(--gg-checkout-surface) padding-box,var(--gg-frame-rim) border-box;border-color:transparent;border-radius:var(--gg-panel-radius);box-shadow:0 16px 42px #0003,inset 0 1px #fff0be0a}
/* The configurator's inset rail/relief belong to its joined SVG contour.
   Checkout uses the same lily vector on its ordinary rounded rectangle. */
.gg-calculator .gg-config-surface::before,.gg-calculator .gg-config-surface::after{content:none;display:none}
.gg-calculator .gg-checkout::before{content:"";position:absolute;inset:5px;border:1px solid #dbb65d1c;border-radius:7px;box-shadow:inset 0 1px #f4dfa009,inset 0 -1px #0003;pointer-events:none;background:none}
.gg-calculator .gg-checkout::after{content:"";position:absolute;inset:4px;border:0;pointer-events:none;background:url('/assets/gamergod/icons/gg-relief-lily-tl-v3.svg') left top/24px 24px no-repeat,url('/assets/gamergod/icons/gg-relief-lily-tr-v3.svg') right top/24px 24px no-repeat,url('/assets/gamergod/icons/gg-relief-lily-bl-v3.svg') left bottom/24px 24px no-repeat,url('/assets/gamergod/icons/gg-relief-lily-br-v3.svg') right bottom/24px 24px no-repeat}
/* Both frames share SVG stroke widths, inset rails and corner anchors. The
   checkout outline can extend 1px upward without moving its actual contents. */
.gg-calculator .gg-framed-checkout{background:var(--gg-checkout-surface);box-shadow:0 16px 42px #0003}
.gg-calculator .gg-framed-checkout::before,.gg-calculator .gg-framed-checkout::after{content:none;display:none}
.gg-calculator .gg-checkout-frame{position:absolute;left:-1px;width:calc(100% + 2px);pointer-events:none;overflow:visible}
.gg-calculator .gg-safety-frame{position:absolute;pointer-events:none;overflow:visible}
@media(min-width:721px) and (max-width:1120px){.gg-calculator .gg-framed-checkout{position:relative}}
.gg-calculator :is(.gg-rank-pickers,.gg-rating-fields,.gg-play-mode,.gg-play-mode>div,.gg-extra-group,.gg-extra-row,.gg-access-grid>div){border-top-color:var(--gg-divider);border-bottom-color:var(--gg-divider-soft);border-image-source:var(--gg-rule-gradient);border-image-slice:1}
/* Keep the rating row's original border space and control positions, but paint
   its two rules within the same content edges as the other separators. */
.gg-calculator .gg-config-surface .gg-rating-fields{--gg-rating-rule-inset:32px;border-image:none;border-top-color:transparent;border-bottom-color:transparent}
.gg-calculator .gg-rating-fields::before,.gg-calculator .gg-rating-fields::after{content:"";position:absolute;left:var(--gg-rating-rule-inset);right:var(--gg-rating-rule-inset);height:1px;background:var(--gg-rule-gradient);pointer-events:none}
.gg-calculator .gg-rating-fields::before{top:-1px}
.gg-calculator .gg-rating-fields::after{bottom:-1px}
.gg-calculator .gg-climb-cue::before{background:var(--gg-rule-gradient)}
.gg-calculator .gg-checkout .gg-order-climb{background:var(--gg-control-surface) padding-box,var(--gg-selected-rim) border-box;border-color:transparent;box-shadow:inset 0 1px #f4dfa00a}
.gg-calculator .gg-checkout .gg-order-climb>span{color:var(--gg-metal-light);background:var(--gg-selected-surface) padding-box,var(--gg-selected-rim) border-box;border-color:transparent;border-radius:50%;box-shadow:inset 0 1px #f4dfa017}
.gg-calculator .gg-order-climb small{color:var(--gg-gold-text);opacity:.7}
.gg-calculator .gg-compact-climb .gg-order-climb>span{color:var(--gg-gold)}
.gg-calculator .gg-rank-pickers{margin-top:24px}
.gg-calculator .gg-tier-field>legend{width:100%}
/* Shared precision controls: the same hit areas, without clipped corners or ticks.
   A one-pixel material rim and inset light express state without extra symbols. */
.gg-calculator :is(.gg-tier-button,.gg-division-button){position:relative;isolation:isolate;background:var(--gg-control-surface) padding-box,var(--gg-control-rim) border-box;border-color:transparent;color:var(--gg-text);border-radius:var(--gg-control-radius);clip-path:none;box-shadow:inset 0 1px #ffffff05;transform:none;translate:0;filter:none;transition:box-shadow var(--gg-motion),color var(--gg-motion),filter 90ms ease}
.gg-calculator :is(.gg-tier-button,.gg-division-button)::before,.gg-calculator :is(.gg-tier-button,.gg-division-button)::after{content:none;display:none}
.gg-calculator :is(.gg-tier-button,.gg-division-button):hover:not(:disabled):not(.active):not([aria-pressed=true]){background:var(--gg-control-hover-surface) padding-box,var(--gg-selected-rim) border-box;box-shadow:inset 0 1px #f4dfa018;transform:none;translate:0;border-color:transparent}
.gg-calculator :is(.gg-tier-button,.gg-division-button):is(.active,[aria-pressed=true]){background:var(--gg-selected-surface) padding-box,var(--gg-selected-rim) border-box;color:var(--gg-gold-text);box-shadow:inset 0 1px #f6dea41a,inset 0 -1px #0005;border-color:transparent}
/* Only selected tiles/numerals carry the fine inner material rail. Decoration
   is absolute, so rank artwork, labels and control boxes retain their geometry. */
.gg-calculator :is(.gg-tier-button,.gg-division-button):is(.active,[aria-pressed=true])::after,.gg-calculator .gg-rating-bands input:checked+span::after{content:"";display:block;position:absolute;inset:3px;padding:.65px;border-radius:calc(var(--gg-control-radius) - 4px);background:var(--gg-selected-rim);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:.55;pointer-events:none}
.gg-calculator :is(.gg-tier-button,.gg-division-button):active:not(:disabled){box-shadow:inset 0 2px 5px #0005;filter:brightness(.92)}
.gg-calculator .gg-tier-button img,.gg-calculator .gg-tier-button:is(.active,:hover,:focus-visible) img{transform:none;filter:none;transition:none}
.gg-calculator .gg-picker-trigger{background:var(--gg-control-surface);border-color:var(--gg-border);color:var(--gg-text);border-radius:var(--gg-control-radius);clip-path:none;box-shadow:inset 0 1px #ffffff07;transition:background-color var(--gg-motion),border-color var(--gg-motion),filter 90ms ease}
.gg-calculator .gg-picker-trigger:active:not(:disabled){filter:brightness(.85)}
.gg-calculator .gg-picker-trigger:is(:hover,:focus-visible),.gg-calculator .gg-picker.gg-open .gg-picker-trigger{background:var(--gg-control-hover-surface) padding-box,var(--gg-selected-rim) border-box;border-color:transparent;transform:none}
.gg-calculator .gg-picker-popup{background:linear-gradient(var(--gg-panel),var(--gg-panel)) padding-box,var(--gg-selected-rim) border-box;border-color:transparent;border-radius:var(--gg-control-radius);box-shadow:0 12px 28px #0008}
.gg-calculator .gg-picker-option:is(:hover,:focus-visible),.gg-calculator .gg-picker-option.gg-selected{background:var(--gg-gold-wash);color:var(--gg-gold-text)}
.gg-calculator .gg-picker-check{color:var(--gg-gold)}
.gg-calculator .gg-play-choice{background:var(--gg-control-surface);border-color:var(--gg-border);border-radius:var(--gg-control-radius);box-shadow:inset 0 1px #ffffff05;transition:background-color var(--gg-motion),border-color var(--gg-motion),box-shadow var(--gg-motion)}
.gg-calculator .gg-play-choice:hover{background:var(--gg-control-hover-surface) padding-box,var(--gg-selected-rim) border-box;border-color:transparent}
.gg-calculator .gg-play-mode input:checked+.gg-play-choice{background:var(--gg-selected-surface) padding-box,var(--gg-selected-rim) border-box;border-color:transparent;box-shadow:inset 0 1px #f6dea41a,inset 0 -1px #0005}
.gg-calculator .gg-play-icon,.gg-calculator .gg-extra-icon{color:var(--gg-gold-text);background:radial-gradient(circle at 35% 15%,#4b402c3b,#24231f);border-color:var(--gg-gold-dim);border-radius:50%;box-shadow:inset 0 0 0 .65px #dbb65d40,inset 0 1px #f4dfa00f}
.gg-calculator .gg-symbol{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.gg-calculator .gg-symbol-material{position:absolute;pointer-events:none;overflow:hidden}
.gg-calculator .gg-engraved-symbol{stroke-width:.85}
.gg-calculator .gg-route-arrow .gg-arrow-face{stroke:var(--gg-metal-light);stroke-width:1.65}
.gg-calculator .gg-route-arrow .gg-arrow-echo{stroke:var(--gg-metal-mid);stroke-width:.7;opacity:.65}
.gg-calculator :is(.gg-play-icon,.gg-extra-icon) .gg-symbol{display:block;flex:none}
/* Optical corrections belong to the artwork, not its 29px row container.
   The compact silhouettes gain 1.44px clearance per side; fine strokes retain
   their original thickness while their drawn areas become smaller. */
.gg-calculator [data-option-row="stream"] .gg-symbol{transform:translateX(.5px) scale(.84)}
.gg-calculator :is([data-option-row="bonusWin"],[data-option-row="appearOffline"]) .gg-symbol{transform:scale(.84)}
.gg-calculator [data-option-row="specificAgents"] .gg-symbol{transform:translateX(1px)}
.gg-calculator [data-option-row="naturalWinrate"] .gg-symbol{transform:translate(1px,1px)}
.gg-calculator .gg-extra-icon .gg-symbol{transform-origin:50% 50%}
.gg-calculator .gg-extra-icon .gg-symbol path{vector-effect:non-scaling-stroke}
.gg-calculator :is(.gg-picker-icon,.gg-picker-option-icon) svg{fill:none;stroke:currentColor;stroke-width:1.6}
.gg-calculator :is(.gg-picker-icon,.gg-picker-option-icon) .gg-engraved-symbol{color:var(--gg-metal-core);stroke-width:.85}
.gg-calculator :is(.gg-picker-icon,.gg-picker-option-icon) .gg-platform-symbol{color:var(--gg-metal-core)}
.gg-calculator .gg-platform-symbol .gg-platform-face{fill:url(#gg-engraved-gold);stroke:none}
.gg-calculator .gg-platform-symbol .gg-platform-edge{fill:none;stroke:var(--gg-metal-light);stroke-width:.35;opacity:.7}
.gg-calculator .gg-extra-toggle>span{background:var(--gg-control-surface) padding-box,var(--gg-control-rim) border-box;border-color:transparent;border-radius:7px;box-shadow:inset 0 1px #ffffff08,inset 0 -1px #0005;transition:box-shadow var(--gg-motion),filter var(--gg-motion)}
.gg-calculator .gg-extra-toggle>span::after{border-radius:4px;background:linear-gradient(135deg,#a7abae,#72787c 55%,#898f93);box-shadow:inset 0 0 0 .65px #cbd0d333,inset 0 1px #fff2,0 1px 2px #0006;transition:transform var(--gg-motion),filter var(--gg-motion)}
.gg-calculator .gg-extra-toggle input:checked+span{background:var(--gg-selected-surface) padding-box,var(--gg-selected-rim) border-box;border-color:transparent;box-shadow:inset 0 1px #f4dfa01c,inset 0 -1px #0005}
.gg-calculator .gg-extra-toggle input:checked+span::after{background:var(--gg-frame-rim);box-shadow:inset 0 0 0 .65px #fff0be70,inset 0 1px #fff0be90,0 1px 3px #0006}
.gg-calculator .gg-extra-toggle:hover>span{filter:brightness(1.12)}
.gg-calculator .gg-extra-toggle input:focus-visible+span{outline:2px solid var(--gg-gold-text);outline-offset:3px}
.gg-calculator .gg-extra-price{color:var(--gg-gold-text);background:linear-gradient(145deg,#29261f,#211f1b) padding-box,linear-gradient(128deg,#80602680,#f4dfa066 24%,#bb913c70 52%,#dbb65d88 83%,#80602680) border-box;border-color:transparent;box-shadow:inset 0 1px #fff0be08;font-weight:700}
.gg-calculator .gg-rating-bands label>span{position:relative;background:var(--gg-control-surface);border-color:var(--gg-border);color:var(--gg-muted);border-radius:var(--gg-control-radius);transition:background-color var(--gg-motion),color var(--gg-motion),box-shadow var(--gg-motion)}
.gg-calculator .gg-rating-bands label:is(:hover,:focus-within)>span{background:var(--gg-control-hover-surface) padding-box,var(--gg-selected-rim) border-box;border-color:transparent;color:var(--gg-gold-text)}
.gg-calculator .gg-rating-bands input:checked+span{background:var(--gg-selected-surface) padding-box,var(--gg-selected-rim) border-box;border-color:transparent;color:var(--gg-gold-text);box-shadow:inset 0 1px #f6dea41a,inset 0 -1px #0005}
.gg-calculator :is(.gg-gain-stepper,.gg-immortal-stepper){border-color:var(--gg-border);background:var(--gg-control-surface);border-radius:var(--gg-control-radius)}
.gg-calculator :is(.gg-gain-stepper,.gg-immortal-stepper):is(:hover,:focus-within){background:var(--gg-control-surface) padding-box,var(--gg-selected-rim) border-box;border-color:transparent}
.gg-calculator :is(.gg-gain-stepper,.gg-immortal-stepper) button{background:transparent;color:var(--gg-gold);border-radius:0;transition:background-color 160ms,color 160ms}
.gg-calculator :is(.gg-gain-stepper,.gg-immortal-stepper) button:is(:hover,:focus-visible){background:var(--gg-control-hover-surface);color:var(--gg-metal-light);box-shadow:inset 0 1px #f4dfa018}
.gg-calculator :is(.gg-gain-stepper,.gg-immortal-stepper) button:first-child{border-radius:9px 0 0 9px}
.gg-calculator :is(.gg-gain-stepper,.gg-immortal-stepper) button:last-child{border-radius:0 9px 9px 0}
.gg-calculator :is(.gg-review-button,.gg-inline-estimate>button,.gg-sticky-estimate>button){background:var(--gg-action-surface);color:var(--gg-on-gold);border-color:var(--gg-gold-hover);border-radius:var(--gg-control-radius);clip-path:none;box-shadow:inset 0 1px #fff7d66b,inset 0 -2px #77551b36,0 2px 5px #0002;letter-spacing:.02em;transition:box-shadow var(--gg-motion),filter 90ms ease}
.gg-calculator :is(.gg-review-button,.gg-inline-estimate>button,.gg-sticky-estimate>button):is(:hover,:focus-visible){background:var(--gg-action-hover);border-color:var(--gg-focus);filter:none;transform:none;box-shadow:inset 0 1px #fff7d68c,inset 0 -2px #77551b26,0 2px 5px #0002}
.gg-calculator :is(.gg-review-button,.gg-inline-estimate>button,.gg-sticky-estimate>button):active{background:var(--gg-action-pressed);box-shadow:inset 0 2px 5px #77551b40;filter:none}
.gg-calculator .gg-help-trigger{color:var(--gg-gold-text);border-color:var(--gg-gold-dim);background:var(--gg-panel-muted)}
.gg-calculator .gg-help-trigger::before{background:var(--gg-frame-rim)}
.gg-calculator .gg-help-trigger:is(:hover,:focus-visible,[aria-expanded=true]),.gg-calculator .gg-extra-row.gg-help-open .gg-help-trigger{color:var(--gg-metal-light);border-color:transparent;background:linear-gradient(var(--gg-gold-wash),var(--gg-gold-wash)) padding-box,var(--gg-selected-rim) border-box}
.gg-calculator .gg-help-trigger:is(:hover,:focus-visible,[aria-expanded=true])::before{filter:brightness(1.15)}
.gg-calculator .gg-extra-row:is(:hover,:focus-within) .gg-extra-icon{color:var(--gg-gold-hover)}
.gg-calculator .gg-help-copy,.gg-calculator .gg-floating-help{color:var(--gg-text);background:var(--gg-control-surface) padding-box,var(--gg-selected-rim) border-box;border-color:transparent;box-shadow:0 12px 32px #0008,inset 0 1px #f4dfa00a;pointer-events:none}
/* Rank names use the same engraved plaque as the site, independent of the
   old artwork accent carried by the imported tooltip adapter. */
.gg-calculator .gg-floating-help{color:var(--gg-gold-text);border-radius:9px;padding:9px 15px;font-weight:600;letter-spacing:.01em;box-shadow:0 8px 22px #0009,inset 0 1px #fff0be12}
.gg-calculator .gg-floating-help::before{content:"";position:absolute;inset:3px;border:.65px solid #dbb65d40;border-radius:6px;pointer-events:none}
.gg-calculator .gg-access-notes{position:relative;background:var(--gg-panel-muted);border-color:var(--gg-gold-dim);border-radius:var(--gg-panel-radius)}
.gg-calculator .gg-framed-safety{border-color:transparent;overflow:visible}
.gg-calculator .gg-framed-safety>h2{border-radius:11px;overflow:hidden}
.gg-calculator .gg-framed-safety.gg-open>h2{border-radius:11px 11px 0 0}
.gg-calculator .gg-framed-safety .gg-access-body{border-radius:0 0 11px 11px;overflow:hidden}
.gg-calculator .gg-access-trigger{background:transparent;color:var(--gg-text)}
.gg-calculator .gg-access-icon{color:var(--gg-gold)}
.gg-calculator :is(button,a,input):focus-visible{outline:2px solid var(--gg-gold-text);outline-offset:3px}
/* Numeric steppers use the existing focus-within rim of the complete control,
   so the editable number does not acquire a second, thick inner rectangle. */
.gg-calculator :is(.gg-gain-stepper,.gg-immortal-stepper) input:focus{outline:none;outline-offset:0}
.gg-calculator :is(.gg-tier-button,.gg-division-button):focus-visible:not(:disabled){outline:none;border-color:var(--gg-focus);transform:none;translate:0;box-shadow:inset 0 0 0 1px var(--gg-focus)}
.gg-calculator .gg-help-trigger:focus-visible{outline-offset:2px}
.gg-calculator .gg-sticky-estimate{background:color-mix(in srgb,var(--gg-panel-muted) 96%,transparent);border-top-color:var(--gg-gold-dim)}
@media(min-width:721px) and (max-width:1200px){
 .gg-calculator .gg-hero::before{--gg-tablet-art-height:clamp(208px,22vw,260px);width:100%;left:0;transform:none;background-size:auto var(--gg-tablet-art-height);background-position:calc(50% - 20px) calc(330px - 64px - var(--gg-tablet-art-height) + 14px);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 94%,transparent)}
}
@media(max-width:720px){
 /* The mobile rank flow is deliberately wider than the old fixed 58px grid.
    Four equal columns use both content edges; artwork remains proportional. */
 .gg-calculator .gg-rank-pickers{row-gap:16px}
 .gg-calculator .gg-tier-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .gg-calculator .gg-tier-button{width:100%;height:clamp(58px,19vw,76px);min-width:0}
 .gg-calculator .gg-tier-button img{width:clamp(40px,14vw,56px);height:auto;max-width:100%;aspect-ratio:1}
 .gg-calculator .gg-division-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .gg-calculator .gg-division-button{width:100%;min-width:0}
 .gg-calculator .gg-climb-cue{display:flex;align-items:center;justify-content:center;gap:12px;height:24px;margin:0}
 .gg-calculator .gg-climb-cue::before,.gg-calculator .gg-climb-cue::after{content:"";position:static;flex:1;width:auto;height:1px;border:0;background:var(--gg-rule-gradient);transform:none}
 .gg-calculator .gg-climb-cue>span{display:grid;place-items:center;flex:none;width:24px;height:24px;border:1px solid transparent;border-radius:50%;background:var(--gg-control-surface) padding-box,var(--gg-selected-rim) border-box;box-shadow:inset 0 0 0 .65px #dbb65d29}
 .gg-calculator .gg-climb-cue .gg-symbol{display:block;width:16px;height:16px;stroke-width:1.4}
 .gg-calculator .gg-climb-cue path{stroke:url(#gg-engraved-gold)}
 /* Hidden RR tooltip boxes must also fit the narrow screen: visibility alone
    does not prevent their old anchor-relative width creating page overflow. */
 .gg-calculator .gg-rating-bands{position:relative}
 .gg-calculator .gg-rating-fields .gg-help{position:static}
 .gg-calculator .gg-rating-fields .gg-help-copy{left:0;right:0;width:auto;top:calc(100% + 8px)}
 .gg-calculator .gg-config-surface .gg-rating-fields{--gg-rating-rule-inset:14px}
 .gg-calculator .gg-checkout::after{background-size:16px 16px}
 .gg-calculator .gg-hero{height:auto;overflow:visible}
 /* Anchor the compact ensemble to the inactive-tab baseline, including the
    existing 8px gap and 6px tab offset. Only decoration extends past the shell;
    the workspace's higher stacking layer keeps all tabs above it. */
 .gg-calculator .gg-hero::before{background-image:var(--gg-mobile-art);background-size:auto 150px;background-position:right 8px bottom -24px;height:calc(100% + 14px);bottom:-14px;width:100%;left:0;transform:none;opacity:.7;filter:contrast(1.08)}
 .gg-calculator .gg-hero-overlay{height:calc(100% + 14px);bottom:-14px;background:linear-gradient(0deg,var(--gg-ink) 0%,color-mix(in srgb,var(--gg-ink) 20%,transparent) 8px,transparent 22px),linear-gradient(90deg,color-mix(in srgb,var(--gg-ink) 85%,transparent),color-mix(in srgb,var(--gg-ink) 55%,transparent) 46%,color-mix(in srgb,var(--gg-ink) 12%,transparent) 80%)}
 .gg-calculator .gg-inline-estimate{background:#1e2226;border-color:var(--gg-border-soft)}
 .gg-calculator .gg-checkout-close{background:var(--gg-gold-wash);color:var(--gg-gold-text);border-color:var(--gg-gold-dim);border-radius:4px}
}
@media(max-width:540px){.gg-calculator .gg-contour-shell{--gg-first-tab:108px}}
@media(prefers-reduced-motion:reduce){.gg-calculator *{transition:none!important;animation:none!important}}

.gg-calculator .gg-team-status b{display:inline-block;width:6px;text-align:center;font-size:9px}
.gg-local-review{width:min(540px,calc(100% - 32px));padding:28px;border:1px solid var(--gg-gold-dim);background:var(--gg-panel);color:var(--gg-text);border-radius:8px;max-height:85vh;overflow:auto}
.gg-local-review::backdrop{background:#000a;backdrop-filter:blur(4px)}
.gg-review-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.gg-review-heading h2{margin:0;font-size:1.4rem}.gg-local-review p{color:var(--gg-muted);font-size:.85rem}.gg-local-review dl>div{display:flex;justify-content:space-between;gap:24px;padding:10px 0;border-bottom:1px solid var(--gg-divider)}.gg-local-review dt{color:var(--gg-muted)}.gg-local-review dd{margin:0;text-align:right}.gg-local-review button{background:var(--gg-gold-wash);color:var(--gg-gold);border:1px solid var(--gg-gold-dim);border-radius:4px;padding:10px 16px;font-weight:700;cursor:pointer}

/* Desktop RR labels need readable numerals; preserve the existing 44px chips. */
@media(min-width:721px){.gg-calculator .gg-rating-bands label>span{font-size:12px;font-weight:600;line-height:1}}