/* Site CSS Bundle - generated from modular files. */

/*
 * Theme Bridge
 * Bootstrap variable bridge for the dark interface theme.
 */

:root {
  --bs-body-bg:var(--bg, #101010);
  --bs-body-color:var(--text, rgba(255,255,255,.92));
  --bs-border-color:var(--line, rgba(255,255,255,.09));
  --bs-border-color-translucent:var(--line-strong, rgba(255,255,255,.16));
  --bs-secondary-color:var(--muted, rgba(255,255,255,.64));
  --bs-tertiary-color:var(--muted-2, rgba(255,255,255,.46));
  --bs-tertiary-bg:var(--surface-2, #171717);
  --bs-emphasis-color:var(--text-strong, #fff);
  --bs-primary:var(--theme-color-accent, #ededed);
  --bs-primary-rgb:237,237,237;
  --bs-link-color:var(--text, rgba(255,255,255,.92));
  --bs-link-hover-color:var(--text-strong, #fff);
  --bs-border-radius:var(--radius-md, 12px);
  --bs-border-radius-lg:var(--radius-lg, 16px);
  --bs-border-radius-xl:var(--radius-xl, 20px);
  --bs-font-sans-serif:var(--font-sans, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
}


/*
 * Lobby Vendor
 * Preserved hashed vendor selectors. Keep separate from app-specific CSS.
 */

#root{display:flex;flex:1;flex-flow:column;height:100%;width:100%}.iP_hY{--buttonSize:var(--ui-size-button-regular);--buttonLoaderIconSize:24px;border:0;cursor:pointer;font:inherit;font-size:var(--ui-font-size-regular);font-weight:600;height:var(--buttonSize);padding:var(--ui-spacing-small) var(--ui-spacing-large);position:relative;text-transform:capitalize;-webkit-tap-highlight-color:transparent}.iP_hY, .iP_hY:not([disabled]):after{border-radius:var(--ui-size-radius-regular)}.iP_hY:not([disabled]):after{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.iP_hY:hover:after{background-color:hsla(0,0%,100%,.10)}.iP_hY:active:after{background-color:var(--core-color-background-inverse)}.iP_hY:focus-visible{box-shadow:none;outline:none}.iP_hY:disabled, .iP_hY[disabled]{cursor:not-allowed;opacity:.5}.iP_hY[aria-busy]{opacity:1}.iP_iQ{background:var(--core-color-main);color:var(--core-color-text)}.iP_iR{color:var(--core-color-text-inverse)}.iP_iF, .iP_iR{background:var(--core-color-accent)}.iP_iF{border-radius:500px;display:inline-block;font-weight:600;min-width:20px;padding:0 4px;right:-10px;text-align:center;top:-10px}.iP_iF, .iP_iS{position:absolute}.iP_iS{animation:iP_iT .9s linear infinite;bottom:0;display:block;left:0;margin:auto;right:0;top:0;width:var(--buttonLoaderIconSize)}.iP_iS+.iP_iU{visibility:hidden}@keyframes iP_iT{to{transform:rotate(1turn)}}.kT_kU{display:flex;flex-direction:column;gap:var(--core-spacing-small);--ui-size-button-regular:var(--core-size-control-regular)}.kT_kV{--buttonSize:var(--core-size-control-regular);font-size:var(--core-font-size-small)}@media (max-height: 319.98px), (max-width: 359.98px){.kT_kU{--ui-size-button-regular:var(--core-size-control-small)}.kT_kV{--buttonSize:var(--core-size-control-small);font-size:var(--core-font-size-tiny)}}.ks_kt b, .ks_kt h2, .ks_kt h3, .ks_kt strong{font-weight:600}.ks_kt figure{display:flex;justify-content:center}.ks_kt img{max-width:100%}.ks_kt ol, .ks_kt ul{padding:0 1.5em}.ks_kt ul li{list-style-type:disc}.ks_kt table{border:1px solid var(--core-color-main);border-collapse:collapse;width:100%}.ks_kt td, .ks_kt th{border:1px solid var(--core-color-main);padding:.5em}.ks_kt th{background:var(--core-color-border);font-weight:400;text-align:center}.kM_kN{display:flex;flex-direction:column;gap:var(--core-spacing-intermidiate)}.kM_kO{align-items:center;display:flex;gap:var(--core-spacing-tiny);justify-content:center}.kM_kP .kM_kQ{padding-right:20px}.kM_kR{font-size:var(--core-font-size-regular);font-weight:600}.kM_kQ{font-size:var(--core-font-size-small);text-align:center}.kM_kS{height:20px;width:20px}@media (max-height: 319.98px), (max-width: 359.98px){.kM_kN{gap:var(--core-spacing-small)}.kM_kR{font-size:var(--core-font-size-small)}.kM_kS{height:16px;width:16px}.kM_kQ{font-size:var(--core-font-size-tiny)}}.iY_iZ{box-sizing:border-box;display:flex;flex-direction:column;font-size:var(--ui-font-size-regular);gap:var(--core-spacing-regular);padding:var(--core-spacing-regular);width:100%}@media (max-height: 319.98px), (max-width: 359.98px){.iY_iZ{gap:var(--core-spacing-intermidiate);padding:var(--core-spacing-intermidiate)}}.iY_i0 svg{animation-duration:2s;animation-iteration-count:infinite;animation-name:iY_iT;animation-timing-function:ease-in-out}@keyframes iY_iT{0%, 25%{transform:rotate(0deg)}50%, to{transform:rotate(359.9deg)}}.jn_jo{--rippleSize:var(--ripple-size,32px);--rippleColor:var(--ripple-color,red);--rippleDuration:var(--ripple-duration,400ms);--rippleIterationCount:var(--ripple-iteration-count,1);align-items:center;display:inline-flex;justify-content:center;position:relative;z-index:0}.jn_jp{animation:jn_jq var(--rippleDuration) ease-out var(--rippleIterationCount) forwards;background:var(--rippleColor);border-radius:50%;height:var(--rippleSize);position:absolute;width:var(--rippleSize)}.jn_jr .jn_jp:first-child{--scale-factor:0.73}.jn_jr .jn_jp:nth-child(2){--scale-factor:0.49}.jn_jr .jn_jp:nth-child(3){--scale-factor:0.33}.jn_jr .jn_jp:first-child, .jn_jr .jn_jp:nth-child(2), .jn_jr .jn_jp:nth-child(3){--opacity-factor:0.2}.jn_js .jn_jp{--opacity-factor:0.4;--scale-factor:0.62}@keyframes jn_jq{0%{opacity:0;transform:scale(var(--ripple-initial-scale-factor,0))}50%{opacity:var(--opacity-factor);transform:scale(var(--scale-factor))}to{opacity:0;transform:scale(1)}}.jt_ju{align-items:center;display:flex;height:0;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:0;--badgeSize:var(--core-size-badge-medium)}.jt_jv{justify-content:flex-end}.jt_jv, .jt_jw{width:var(--badgeSize)}.jt_jw{justify-content:flex-start}.jt_iF{align-items:center;background:var(--core-color-accent);border-radius:999em;box-sizing:border-box;color:var(--core-color-text-inverse);display:flex;flex-shrink:0;font-size:var(--core-font-size-tiny);font-weight:600;height:var(--badgeSize);justify-content:center;min-width:var(--badgeSize);padding-left:4px;padding-right:4px}.jt_jx{background:var(--core-color-impact);color:var(--core-color-text)}.jt_jy{box-shadow:none}.jt_jz .jt_iF{--badgeSize:var(--core-size-badge-dot)}.jt_jA .jt_iF{--badgeSize:var(--core-size-badge-tiny)}.jt_jB .jt_iF{--badgeSize:var(--core-size-badge-small)}.jt_jC .jt_iF{--badgeSize:var(--core-size-badge-medium)}.jt_jE .jt_iF{--badgeSize:var(--core-size-badge-large);padding-left:6px;padding-right:6px}.jt_jF .jt_iF{--badgeSize:var(--core-size-badge-mini);font-size:var(--core-font-size-extra-tiny);padding-left:3px;padding-right:3px}.ir_ix{--iconButtonSize:var(--ui-size-control-regular);--iconSize:var(--ui-size-icon-regular)}.ir_iy{--iconButtonSize:var(--ui-size-control-small);--iconSize:var(--core-size-icon-small)}.ir_iz{--iconButtonSize:var(--ui-size-control-tiny);--iconSize:var(--core-size-icon-tiny)}.ir_iA{--iconButtonSize:inherit;--iconSize:inherit}.ir_iF{font-family:var(--font-sans, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);position:absolute;right:0;top:6px}.ir_iG>.ir_iF{right:-6px}.ir_iH{fill:none;height:100%;left:0;position:absolute;stroke-width:var(--strokeWidth);top:0;width:100%;--pi:3.14;--strokeWidth:2px;--diameter:calc(var(--iconButtonSize) - var(--strokeWidth));--circumference:calc(var(--diameter)*var(--pi));--radius:calc(var(--diameter)/2)}.ir_iI, .ir_iJ{cx:50%;cy:50%;r:var(--radius)}.ir_iI{stroke:var(--core-color-background-inverse)}.ir_iJ{animation:ir_iK linear reverse forwards;stroke:var(--core-color-text-placeholder);stroke-dasharray:var(--circumference);stroke-linecap:round;transform:rotate(-90deg) scaleY(1);transform-origin:center;transition-duration:var(--core-duration-relaxed);transition-property:cx,cy,r;transition-timing-function:var(--core-timing-function-standart)}.ir_iL .ir_iJ{transform:rotate(-90deg) scaleY(-1)}.ir_iM .ir_iJ{animation:ir_iK linear forwards}@keyframes ir_iK{0%{stroke-dashoffset:var(--circumference)}to{stroke-dashoffset:0}}.hl_hm{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:var(--core-spacing-regular);position:fixed;right:0;top:0;z-index:var(--core-elevation-popup)}.hl_hn{background-color:hsla(var(--core-color-dark-base),.6);height:100%;left:0;position:absolute;top:0;width:100%}.hl_ho{z-index:var(--core-elevation-curtain)}.hl_hp{background:var(--core-color-background);border-radius:var(--core-size-radius-large);box-shadow:none;color:var(--core-color-text);filter:none;max-width:var(--ui-size-modal-width-regular);position:relative;width:100%}.hl_hq .hl_hp{width:fit-content}.hl_hr{position:absolute;right:14px;top:12px}@media (max-height: 319.98px), (max-width: 359.98px){.hl_hp{border-radius:12px;max-width:var(--ui-size-modal-width-small)}.hl_hr{right:9px;top:9px}}.hl_hs{align-items:end;padding:0}.hl_hs .hl_hp{animation:var(--core-duration-emphasized) hl_ht var(--core-timing-function-emphasized) forwards;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top:1px solid var(--core-color-modal-glare);box-shadow:none;filter:none;max-width:var(--ui-size-popup-max-width);width:100%}.hl_hs.hl_hu .hl_hp{animation:var(--core-duration-regular) hl_hv var(--core-timing-function-standart) forwards}.hl_hs .hl_hn{animation:var(--core-duration-emphasized) hl_et var(--core-timing-function-emphasized) forwards}.hl_hs.hl_hu .hl_hn{animation:var(--core-duration-regular) hl_ev var(--core-timing-function-standart) forwards}@keyframes hl_ht{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes hl_hv{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes hl_et{0%{opacity:0}to{opacity:1}}@keyframes hl_ev{0%{opacity:1}to{opacity:0}}.iN_iO{background:var(--curtain-bg)}.kG_kH{display:inline-block;font-size:var(--iconSize,var(--core-size-icon-regular));height:var(--iconSize,var(--core-size-icon-regular));vertical-align:middle;width:var(--iconSize,var(--core-size-icon-regular))}.kW_kX{display:flex;gap:.08333em;margin:.04167em;overflow:hidden;position:relative}.kW_kY{animation-iteration-count:infinite;animation-timing-function:ease-in-out;background-color:currentColor;width:.16667em}.kW_kY:first-child{animation-duration:1.3s;animation-name:kW_kZ;transform:translate3d(0,80%,0)}.kW_kY:nth-child(2){animation-direction:reverse;animation-duration:1.2s}.kW_kY:nth-child(2), .kW_kY:nth-child(3){animation-name:kW_k0;transform:translate3d(0,30%,0)}.kW_kY:nth-child(3){animation-duration:.9s}.kW_kY:nth-child(4){animation-direction:reverse;animation-duration:1.5s;animation-name:kW_kZ;transform:translate3d(0,60%,0)}@keyframes kW_kZ{0%{transform:translate3d(0,60%,0)}25%{transform:translate3d(0,90%,0)}50%{transform:translate3d(0,20%,0)}75%{transform:translate3d(0,70%,0)}to{transform:translate3d(0,60%,0)}}@keyframes kW_k0{0%{transform:translate3d(0,30%,0)}25%{transform:translate3d(0,10%,0)}50%{transform:translate3d(0,80%,0)}75%{transform:translate3d(0,10%,0)}to{transform:translate3d(0,30%,0)}}.gQ_gR{border-radius:var(--core-size-radius-regular) var(--core-size-radius-regular);box-shadow:none;container:backToGameWrapper/inline-size;max-width:340px;overflow:hidden;pointer-events:none;width:100%}.gQ_gS{box-shadow:none}.gQ_gR:empty{transform:translate3d(100%,100%,0)}@media (max-height: 319px) and (orientation:landscape),(max-width:389px) and (orientation:portrait),(max-width:666px) and (orientation:landscape){.gQ_gR{max-width:256px}}@media (min-width: 1366px) and (min-height:500px){.gQ_gR{max-width:440px}}.gQ_gT{box-shadow:none;max-width:100%}.gQ_gT, .gQ_gT .gQ_gU{border-radius:0;height:100%}.gQ_gT .gQ_gU:after{border-radius:0}.gQ_gU{--glareSize:2px;background-color:#1f1f1f;color:var(--core-color-text);cursor:pointer;overflow:hidden;pointer-events:auto;position:relative;transform:translate3d(0,100%,0);transition:transform var(--core-duration-relaxed) var(--core-timing-function-standart)}.gQ_gU, .gQ_gU:after{border-radius:var(--core-size-radius-regular) var(--core-size-radius-regular);width:100%}.gQ_gU:after{border-top:var(--glareSize) solid var(--core-color-modal-glare);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;z-index:1}.gQ_gV{transform:translateZ(0)}.gQ_gW{height:calc(var(--glareSize)*2);overflow:hidden}.gQ_gX{display:grid;grid-template-columns:auto 1fr auto;padding:var(--core-spacing-small);grid-gap:var(--core-spacing-small);align-items:center;transition:opacity var(--core-duration-relaxed) var(--core-timing-function-standart)}.gQ_gX:first-child{padding-top:calc(var(--core-spacing-small) + var(--glareSize))}.gQ_gY{background-color:hsla(0,0%,100%,.1);border:1px solid var(--theme-color-accent);border-radius:var(--core-size-radius-small);box-sizing:border-box;contain:strict;display:flex;flex-shrink:0;height:64px;justify-content:center;overflow:hidden;position:relative;width:91px}.gQ_gZ{display:block;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.gQ_gY canvas, .gQ_gY video{display:block;height:100%;position:relative}.gQ_g0{display:grid;grid-gap:6px}.gQ_g0, .gQ_g1{overflow:hidden}.gQ_g1{font-size:var(--core-font-size-tiny);font-weight:600;text-overflow:ellipsis;white-space:nowrap;width:100%}.gQ_ha{align-items:baseline;display:flex;gap:calc(var(--core-spacing-tiny)/2)}.gQ_hb{--iconSize:14px;color:var(--theme-color-accent)}.gQ_hc{color:var(--core-color-text-placeholder)}.gQ_hc, .gQ_he{font-size:var(--core-font-size-tiny)}.gQ_he{--iconSize:14px;color:var(--theme-color-accent);display:flex;font-weight:600;min-width:1px}.gQ_hf{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gQ_hg{flex-shrink:0}.gQ_hh{display:flex}.gQ_hi .gQ_hi{--iconButtonSize:var(--ui-size-control-small);--iconSize:var(--core-size-icon-small)}@container backToGameWrapper (max-width: 339px){.gQ_gX{gap:10px;padding:6px}.gQ_gY{height:45px;width:64px}.gQ_g0{gap:0}.gQ_g1, .gQ_hc, .gQ_he{font-size:var(--core-font-size-extra-tiny)}.gQ_hb, .gQ_he{--iconSize:var(--core-size-icon-extra-tiny)}.gQ_hh .gQ_hi{--iconButtonSize:var(--ui-size-control-tiny);--iconSize:var(--core-size-icon-tiny)}}@container backToGameWrapper (min-width: 361px){.gQ_gU{--glareSize:4px}.gQ_gX{align-items:start;gap:10px}.gQ_gY{height:70px;width:100px}.gQ_g0{flex-grow:1;gap:var(--core-spacing-tiny)}.gQ_g1{font-size:var(--core-font-size-regular);line-height:24px}.gQ_hc, .gQ_he{font-size:var(--core-font-size-small);--iconSize:var(--core-size-icon-tiny)}.gQ_hh{gap:var(--core-spacing-tiny)}}.gO_gP{--lobby-footer-height-local:var(--lobby-footer-height-with-min-nav);bottom:0;box-sizing:border-box;display:flex;justify-content:flex-end;left:0;padding-bottom:calc(var(--lobby-footer-height-local) + var(--backToGameSpacing) + var(--core-safe-area-inset-bottom));padding-left:calc(var(--backToGameSpacing) + var(--core-safe-area-inset-left));padding-right:calc(var(--backToGameSpacing) + var(--core-safe-area-inset-right));pointer-events:none;position:fixed;right:0;top:auto;width:100%;z-index:calc(var(--core-elevation-above-all) + 1);--backToGameSpacing:var(--core-spacing-small)}@media (min-width: 375px) and (orientation:portrait){.gO_gP{--lobby-footer-height-local:var(--lobby-footer-height-with-nav);--backToGameSpacing:var(--core-spacing-intermidiate)}}@media (max-width: 389px) and (min-height:600px) and (orientation:portrait){.gO_gP{--lobby-footer-height-local:var(--lobby-footer-height-with-nav)}}@media (min-width: 390px) and (max-height:599px) and (orientation:portrait){.gO_gP{--lobby-footer-height-local:var(--lobby-footer-height-with-min-nav)}}@media (min-width: 667px) and (min-height:320px) and (orientation:landscape){.gO_gP{--backToGameSpacing:var(--core-spacing-intermidiate)}}@media (orientation: landscape){.gO_gP{--lobby-footer-height-local:var(--lobby-footer-height)}}@media (min-width: 1366px) and (min-height:500px){.gO_gP{--lobby-footer-height-local:0px;--backToGameSpacing:var(--core-spacing-intermidiate)}}.b_c{z-index:var(--core-elevation-above-menu)}.b_e{display:block;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.b_e, .hj_hk{left:0;top:0}.hj_hk{pointer-events:none;position:fixed;z-index:1}.eR_eS{align-items:center;align-self:center;display:flex;justify-content:center;--core-color-background-icon-button:rgba(0,2,10,.75)}.eR_eT>:before{box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}.ea_eb{position:relative}.ea_ec{height:1px;position:absolute;visibility:hidden;width:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.ea_ec, .ea_ee{overflow:hidden}.ea_ee{background:hsla(var(--core-color-text-base),.05);border:1px solid transparent;border-radius:8px;box-sizing:border-box;color:hsla(var(--core-color-text-base),1);font-family:inherit;font-size:var(--core-font-size-tiny);font-style:normal;font-weight:400;height:40px;line-height:1.5;padding:var(--core-spacing-small) 40px;width:100%}.ea_ee::-moz-selection{background-color:highlight}.ea_ee::selection{background-color:highlight}.ea_ef{height:1px;position:absolute;width:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.ea_ee:focus-within{background:hsla(var(--core-color-text-base),.1);border:1px solid hsla(var(--core-color-text-base),.1);outline:none}.ea_ee::-moz-placeholder{color:hsla(var(--core-color-text-base),.6)}.ea_ee::placeholder{color:hsla(var(--core-color-text-base),.6)}.ea_eg{color:hsla(var(--core-color-text-base),1);left:16px;pointer-events:none;position:absolute;top:50%;touch-action:none;transform:translateY(-50%)}.ea_eg, .ea_eh{height:16px;width:16px}.ea_eh{fill:currentColor}.ea_ei{--iconSize:18px}.ea_ej{background:none;border:none;color:hsla(var(--core-color-text-base),.6);cursor:pointer;outline:none;right:12px;top:50%;transform:translateY(-50%)}.ea_ej, .ea_ek{position:absolute}.ea_ej:focus-visible{cursor:pointer;outline:none}.ea_ej:hover{color:hsla(var(--core-color-text-base),1)}.ea_ek.ea_el{display:none}@media (min-width: 1024px){.ea_ek{display:none}}.eW_eX{align-items:center;background-color:hsla(var(--core-color-text-base),.05);border:1px solid transparent;border-radius:var(--core-size-radius-regular);color:var(--core-color-text);cursor:pointer;display:flex;height:40px;justify-content:center;padding:2px 0 0;width:48px}.eW_eX:focus, .eW_eX:hover{background-color:hsla(var(--core-color-text-base),.1)}.eW_eX:focus{border:1px solid hsla(0,0%,100%,.1);outline:none}.eW_eY, .eW_eY:focus{border:1px solid var(--theme-color-accent)}.eW_eZ{background-color:hsla(var(--core-color-text-base),.01);color:hsla(var(--core-color-text-base),.1)}.lK_lL{bottom:0;box-sizing:border-box;display:flex;flex-direction:column;left:0;opacity:1;overflow:hidden;position:fixed;right:0;top:0;transform:translateZ(0);z-index:var(--droverElevation);--droverElevation:var(--core-elevation-above-menu);--droverBackground:#313344;--droverHeaderBackground:#232534;--backdropBackground:rgba(0,0,0,.4);--scrollColor:var(--core-color-input-active)}.lK_lM{animation:var(--core-frame-time) lK_lN}.lK_lO{animation:var(--core-duration-long) lK_lP}@keyframes lK_lN{0%{opacity:.5}to{opacity:1}}@keyframes lK_lP{0%{opacity:1}to{opacity:0}}@keyframes lK_lS{0%{opacity:0;transform:translate3d(-50%,100%,0)}to{opacity:1;transform:translate3d(-50%,0,0)}}@keyframes lK_lU{0%{opacity:1;transform:translate3d(-50%,0,0)}to{opacity:0;transform:translate3d(-50%,100%,0)}}.lK_lV{border-left:1px solid hsla(0,0%,100%,.2);border-radius:var(--core-size-radius-large) 0 0 var(--core-size-radius-large);bottom:0;max-width:375px;right:0;top:0;transform:translate3d(100%,0,0)}.lK_lT.lK_lV{animation-name:lK_lX}@keyframes lK_lW{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes lK_lX{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,0,0)}}.lK_lY{border-radius:0 var(--core-size-radius-large) var(--core-size-radius-large) 0;border-right:1px solid hsla(0,0%,100%,.2);bottom:0;left:0;max-width:375px;top:0;transform:translate3d(-100%,0,0)}.lK_lT.lK_lY{animation-name:lK_l0}@keyframes lK_lZ{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes lK_l0{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,0,0)}}.lK_mb{max-height:calc(100% - 10px)}.lK_mb .lK_mc{background-color:var(--core-color-text);border-radius:2px;display:block;height:4px;left:50%;opacity:.6;position:absolute;top:-8px;transform:translateX(-50%);width:50px}.lK_mg{background:var(--backdropBackground);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1}.hX_hY{align-items:center;border:none;border-radius:var(--ui-size-radius-regular);cursor:pointer;display:flex;font-family:inherit;font-size:1em;font-weight:600;gap:var(--ui-spacing-small);height:var(--lobby-size-button-regular);justify-content:space-between;padding:var(--ui-spacing-tiny) var(--core-spacing-regular);transition:transform var(--core-duration-relaxed)}.hX_hY:focus-visible{box-shadow:none;outline:none}.hX_hY:active{transform:scale(.94)}.hX_hY:disabled{opacity:.5;pointer-events:none}.hX_hZ{justify-content:center;width:100%}.hX_h0{background-color:#545454;color:#fff}.hX_h0:hover{background-color:#4d4d4d}.hX_h0:focus{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1)}.hX_h1{background:var(--theme-color-accent);color:var(--theme-color-accent-text)}.hX_h1:hover{background:linear-gradient(0deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.08));background-color:var(--theme-color-accent)}.hX_h1:focus-visible{box-shadow:none}.hX_h1:disabled{-webkit-backdrop-filter:none;backdrop-filter:none;background:hsl(var(--theme-color-accent-base),.5);opacity:1}.hX_ia{align-items:center;display:flex;justify-content:center}.hX_ia>svg{--iconSize:var(--core-size-icon-tiny)}.e0_e1{align-items:center;display:flex;font-style:normal;font-weight:600;justify-content:center;padding-left:44px;text-transform:uppercase;width:100%}.e0_fa{display:grid;font-size:14px;grid-template-columns:1fr 1fr;padding:var(--core-spacing-regular);padding-bottom:var(--core-spacing-large);grid-gap:var(--core-spacing-small);border-top:1px solid hsla(0,0%,100%,.2)}.e0_fb{padding:var(--core-spacing-regular) var(--core-spacing-regular) var(--core-spacing-large) var(--core-spacing-regular)}.fc_fe{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:rgba(31,31,31,.95);border-radius:var(--core-size-radius-regular);box-shadow:none;display:flex;flex-direction:column;font-size:1em;max-height:calc(100vh - 100px);max-width:90vw;opacity:0;overflow-y:auto;position:absolute;top:calc(100% + 8px);transform:translate3d(0,-10px,0);transition:opacity var(--core-duration-relaxed) var(--core-timing-function-standart),transform var(--core-duration-emphasized) var(--core-timing-function-standart);visibility:hidden;width:375px;z-index:-1}.fc_ff{opacity:1;transform:translateZ(0);visibility:visible;z-index:var(--core-elevation-above-modal)}.fc_fg{display:block;padding:var(--core-spacing-regular);padding-bottom:0}.fc_fh{border-top:1px solid hsla(0,0%,100%,.2);display:grid;font-size:14px;grid-template-columns:repeat(2,1fr);padding:var(--core-spacing-regular);grid-gap:8px}.iV_iW{align-items:center;background-color:hsla(var(--core-color-text-base),.05);border:1px solid transparent;border-radius:24px;box-sizing:border-box;color:var(--core-color-text);cursor:pointer;display:flex;font-family:inherit;font-size:var(--core-font-size-tiny);height:40px;justify-content:center;padding-left:var(--core-spacing-regular);padding-right:var(--core-spacing-regular);white-space:nowrap}@media (hover: hover){.iV_iW:hover:not(:disabled){background-color:hsla(var(--core-color-text-base),.1)}}.iV_iW:focus-visible{outline:none}.iV_iX:not(:disabled){background-color:hsla(var(--theme-color-accent-base),.05);border:1px solid var(--theme-color-accent)}.iV_iW:disabled{background-color:hsla(var(--core-color-text-base),.01);color:hsla(var(--core-color-text-base),.1)}.je_jf{align-items:center;background:transparent;border:none;bottom:0;cursor:pointer;display:flex;opacity:0;outline:none;padding:0;position:absolute;top:0;transition:opacity 40ms ease-in-out;width:calc(40px + var(--lobby-layout-spacing));z-index:-1}.je_jf:hover, .je_jg.je_jh, .je_ji.je_jj{opacity:1;z-index:2}.je_jj{justify-content:flex-start;right:0}.je_jh{justify-content:flex-end;left:0}.fi_fj{position:relative}.fi_fk{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-color:transparent transparent;scrollbar-width:none;width:100%;--startMask:linear-gradient(270deg,#000 0,#000 calc(100% - var(--maskSizeStart)),transparent 100%);--endMask:linear-gradient(90deg,#000 0,#000 calc(100% - var(--maskSizeEnd)),transparent 100%);--combinedMask:linear-gradient(90deg,transparent 0,#000 var(--maskSizeStart),#000 calc(100% - var(--maskSizeEnd)),transparent 100%);overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;contain:layout paint style}.fi_fl{justify-content:center}.fi_fl.fi_fm, .fi_fl.fi_fn{justify-content:flex-start}@media (min-width: 1024px){.fi_fk{--maskSizeStart:92px;--maskSizeEnd:92px}}.fi_fm.fi_fn{-webkit-mask-image:var(--combinedMask);mask-image:var(--combinedMask)}.fi_fm{-webkit-mask-image:var(--startMask);mask-image:var(--startMask)}.fi_fn{-webkit-mask-image:var(--endMask);mask-image:var(--endMask)}.fi_fk::-webkit-scrollbar, .fi_fk::-webkit-scrollbar-track{background-color:transparent;display:none;height:0;width:0}.fi_fk::-webkit-scrollbar-thumb{background-color:transparent;display:none;height:0;width:0}.fi_fo{box-sizing:border-box;pointer-events:none;scroll-snap-align:start;scroll-snap-stop:normal;contain:layout paint style}.fi_fp{flex-grow:1}.fi_fo>*{pointer-events:auto}.eG_eH{display:none;overflow:hidden;position:relative;border-radius:inherit;background:transparent;animation:none;will-change:auto}.eG_eJ{aspect-ratio:1/1;border-radius:50%}.eG_eH:after{content:none;display:none;background:none;animation:none;transform:none;will-change:auto;pointer-events:none}.bV_bW{min-width:0}.bV_bX{display:none}.bV_bY{font-size:14px;font-style:normal;font-weight:600;line-height:135%;margin:0 0 var(--core-spacing-small) 0;padding:0}.bV_bZ{display:flex;flex-wrap:wrap;gap:var(--core-spacing-small);margin:0 0 var(--core-spacing-regular) 0}.bV_b0{position:relative}.bV_b1{height:16px;width:16px}.bV_ca>div{gap:var(--ui-spacing-small)}.bV_cb{width:max-content}.bV_cc{display:flex;gap:.5rem}.Y_Z{display:grid;grid-gap:var(--core-spacing-small);box-sizing:border-box;grid-template-columns:min-content 1fr;grid-template-rows:40px;width:100%}.Y_0{grid-template-columns:min-content min-content 1fr}.Y_1{grid-template-columns:1fr}.Y_1.Y_0{grid-template-columns:min-content 1fr min-content}.Y_ba{grid-column:4}.Y_bb{margin-bottom:var(--core-spacing-regular)}.Y_bc{padding:var(--core-spacing-small) var(--core-spacing-regular);padding-right:40px}.Y_be{font-size:14px;font-style:normal;font-weight:600;line-height:135%;margin:0 0 var(--core-spacing-small) 0;padding:0}@media (max-width: 666.98px){.Y_bf.Y_1{grid-template-columns:1fr}.Y_0.Y_bf.Y_1{grid-template-columns:min-content 1fr}}@media (min-width: 667px){.Y_1{grid-template-columns:calc(50% - 8px) min-content auto min-content}.Y_0.Y_1{grid-template-columns:min-content calc(50% - 8px) min-content auto min-content}}@media (min-width: 931px){.Y_1{grid-template-columns:calc(33% - 8px) min-content auto min-content}.Y_0.Y_1{grid-template-columns:min-content calc(33% - 8px) min-content auto min-content}}@media (min-width: 1024px){.Y_Z{grid-template-columns:calc(33% - 8px) min-content auto min-content}.Y_0{grid-template-columns:min-content calc(33% - 8px) min-content auto min-content}}@media (min-width: 1366px){.Y_Z{grid-template-columns:calc(25% - 12px) min-content auto min-content}.Y_0{grid-template-columns:min-content calc(25% - 12px) min-content auto min-content}}.fq_fr{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:rgba(31,31,31,.95);border:1px solid var(--lobby-color-light_20);border-radius:var(--core-size-radius-regular);bottom:-8px;cursor:default;display:flex;flex-direction:column;gap:var(--core-spacing-small);left:var(--core-spacing-regular);min-width:140px;opacity:0;padding:var(--core-spacing-regular);padding-left:0;position:absolute;transform-origin:left bottom;transition-duration:var(--core-duration-relaxed),var(--core-duration-emphasized);transition-property:opacity,transform;transition-timing-function:var(--core-timing-function-standart);visibility:hidden;width:max-content;z-index:1}.fq_fs{opacity:1;visibility:visible}@media (min-width: 1366px){.fq_fr{transform:translateX(-40px)}.fq_fr.fq_fs{transform:translateX(0)}}@media (max-width: 1365px){.fq_fr{bottom:0;left:auto;right:calc(var(--core-spacing-regular) + var(--core-spacing-tiny));transform:translateY(var(--lobby-footer-height))}.fq_fr.fq_fs{transform:translateY(0)}.fq_fr.fq_ft{transform:translate(-40px)}.fq_fr.fq_fs.fq_ft{transform:translate(0)}}.cE_cF{box-sizing:border-box;display:flex;height:100%;position:relative;width:100%}.cE_cG .cE_cH{transform:scaleY(-1)}.cE_cI{--iconSize:var(--core-size-icon-tiny);flex-shrink:0;transition:opacity var(--core-duration-swift,120ms) ease, transform var(--core-duration-swift,120ms) ease}.cE_cJ{color:rgba(var(--lobby-color-light));cursor:pointer;width:100%}.cE_cJ, .cE_cK{align-items:center;display:flex;gap:var(--core-spacing-tiny)}.cE_cK{flex-grow:1;font-size:var(--ui-font-size-small);font-style:normal;font-weight:600;overflow:hidden;position:relative}.cE_cH{--iconSize:var(--core-size-icon-tiny);color:var(--theme-color-accent);display:inline-flex;flex-shrink:0}.cE_cL .cE_cJ{-moz-column-gap:var(--core-spacing-intermidiate);column-gap:var(--core-spacing-intermidiate);flex-direction:row;padding-bottom:10px;padding-top:10px}.cE_cL .cE_cK{flex-direction:row;gap:var(--core-spacing-small)}.cE_cL .cE_cM{font-size:var(--core-font-size-small);overflow:hidden;padding-right:1px}.cE_cL .cE_cI{--iconSize:var(--core-size-icon-regular)}.cE_cL .cE_cN{display:flex;gap:var(--core-spacing-small)}.cE_cL .cE_cO{bottom:-4px}.cE_cL.cE_cG .cE_cH{transform:scaleX(-1)}@media (orientation: portrait) and (max-height:599px){.cE_cL .cE_cJ{-moz-column-gap:var(--core-spacing-small);column-gap:var(--core-spacing-small);padding-bottom:6px;padding-top:6px}.cE_cL .cE_cI{--iconSize:var(--core-size-icon-small)}.cE_cL .cE_cM{font-size:var(--core-font-size-tiny)}.cE_cK{font-size:var(--core-font-size-extra-tiny)}.cE_cH, .cE_cI{--iconSize:14px}.cE_cL .cE_cO{bottom:-8px}}.cE_cO{--popover-gap:var(--core-spacing-small);border-color:var(--lobby-color-light_40);bottom:calc(var(--core-spacing-intermidiate)*-1);display:flex;flex-direction:column;gap:var(--popover-gap);padding-left:var(--core-spacing-regular)}.cE_cP{display:flex;flex-direction:row;font-size:var(--ui-font-size-small);font-weight:400;gap:var(--core-spacing-regular);justify-content:space-between;padding:var(--core-spacing-tiny) 0;position:relative;white-space:nowrap}.cE_cP:nth-child(n/**/+2):before{background-color:var(--core-color-border);content:"";height:1px;left:0;position:absolute;top:calc(0px - var(--popover-gap)/2);width:100%}.cE_cQ{color:var(--muted-font-60)}.cE_cR{font-weight:600}.cE_cS .cE_cJ{cursor:default}.cE_cN{display:none;gap:var(--core-spacing-tiny);left:0;opacity:0;pointer-events:none;position:absolute;top:0}@media (min-width: 1366px){.cE_cF{align-self:flex-start;padding-bottom:10px;padding-right:0;padding-top:10px}.cE_cF .cE_cO{bottom:-8px}.cE_cJ{gap:var(--core-spacing-intermidiate)}.cE_cK{font-size:var(--core-font-size-small)}.cE_cM{overflow:hidden}.cE_cI{--iconSize:var(--core-size-icon-regular)}.cE_cG .cE_cH{transform:scaleX(-1)}.cE_cP{font-size:var(--core-font-size-small)}.cE_cN{display:flex}}@media (min-width: 1512px){.cE_cI{--iconSize:28px}.cE_cK{font-size:var(--core-font-size-regular)}}@media (max-width: 1365px){.cE_cO{bottom:var(--lobby-footer-height,2rem);padding:var(--core-spacing-intermidiate);right:calc(var(--core-spacing-small) - 1px)}.cE_cJ, .cE_cK{flex-direction:row-reverse}}@media (orientation: portrait) and (max-height:599px){.cE_cO{bottom:calc(var(--lobby-footer-height) - 6px);right:5px}}.cT_cU{align-items:center;display:flex;font-weight:600;gap:var(--core-spacing-intermidiate)}.cT_cV{display:inline-block;font-size:var(--core-font-size-tiny);position:relative}.cT_cW{--iconSize:16px}@media (orientation: portrait) and (max-height:599px){.cT_cV{font-size:var(--core-font-size-extra-tiny)}.cT_cW{--iconSize:14px}}@media (min-width: 1366px){.cT_cU{padding-bottom:10px;padding-top:10px}.cT_cV{font-size:var(--core-font-size-small)}.cT_cW{--iconSize:var(--core-size-icon-regular)}}@media (min-width: 1512px){.cT_cV{font-size:var(--core-font-size-regular)}.cT_cW{--iconSize:28px}}.p_q{align-items:center;background-color:var(--lobby-background-dark);box-sizing:border-box;color:var(--core-color-text);display:flex;font-family:inherit;font-size:var(--core-font-size-tiny);font-weight:600;height:var(--lobby-footer-height,2rem);justify-content:space-between;padding:0 var(--lobby-layout-spacing);width:100%}@media (orientation: portrait) and (max-height:599px){.p_q{--lobby-footer-height:1.5rem;padding-bottom:6px;padding-top:4px}}.p_r{align-items:center;display:flex;height:100%;justify-content:center}.p_s{gap:var(--core-spacing-tiny)}.ib_ic{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;box-sizing:border-box;color:var(--core-color-text);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:var(--core-font-size-tiny);font-weight:600;gap:var(--core-spacing-tiny) var(--core-spacing-small);justify-content:center;line-height:1.3334;outline:none;padding:var(--core-spacing-regular) var(--core-spacing-tiny) var(--core-spacing-small) var(--core-spacing-tiny);position:relative;-webkit-text-decoration:none;text-decoration:none;width:max-content;word-break:keep-all;-webkit-tap-highlight-color:transparent;transition:opacity var(--core-duration-swift,120ms) ease, transform var(--core-duration-swift,120ms) ease}.ib_ic:after{background-color:transparent;bottom:0;content:"";left:0;position:absolute;top:0;transition-duration:var(--core-duration-relaxed);transition-property:background-color;transition-timing-function:var(--core-timing-function-standart);width:0}@supports (-webkit-touch-callout:none){.ib_ic{-webkit-touch-callout:none}}.ib_ic:active, .ib_ic:focus, .ib_ic:focus-visible{background:none;border:none;outline:none}@media (hover: hover) and (pointer:fine){.ib_ic:hover{color:var(--theme-color-accent)}}.ib_ie{color:var(--theme-color-accent)}.ib_ie svg{fill:var(--theme-color-accent)}.ib_if{display:flex;position:relative;--iconSize:var(--core-size-icon-large)}.ib_if svg{transition:opacity var(--core-duration-swift,120ms) ease, transform var(--core-duration-swift,120ms) ease}@media (orientation: portrait) and (max-width:1023px){.ib_ic{min-width:52px;padding:10px 4px 2px}}@media (orientation: portrait) and (max-height:899px){.ib_if{--iconSize:28px}}@media (orientation: portrait) and (max-height:599px){.ib_ic{flex-direction:row;gap:var(--core-spacing-small);padding:10px 0}.ib_if{--iconSize:var(--core-size-icon-tiny)}}.ib_ig{align-items:center;display:flex;max-width:min-content;min-width:88px;opacity:1;text-align:center;transform:translateZ(0);transition-delay:.1s;transition-duration:var(--core-duration-emphasized);transition-property:transform,opacity;transition-timing-function:var(--core-timing-function-standart)}.ib_ih .ib_ig{min-width:0;opacity:0;transform:translate3d(-10%,0,0);width:0}.ib_ii{position:relative}@media (orientation: portrait) and (max-width:1023px){.ib_ig{max-width:none;min-width:auto}.ib_ig.ib_ij{display:inline}.ib_ii{display:flex;width:min-content}.ib_ii.ib_ik{display:inline}}.ib_il{opacity:1;position:absolute;right:-.6em;top:-.05em;visibility:visible;--core-size-badge-dot:8px;transition-duration:var(--core-duration-emphasized);transition-property:opacity,transform;transition-timing-function:var(--core-timing-function-standart)}.ib_im{opacity:0;right:-.4em;top:0;visibility:hidden}.ib_ih .ib_im{opacity:1;transform:none}@media (max-width: 1023px) and (orientation:portrait){.ib_il{top:.15em}}@media (max-width: 1365px) and (orientation:landscape),(min-width:1024px) and (max-width:1365px) and (orientation:portrait){.ib_ic{flex-direction:row;height:28px;justify-content:flex-start;line-height:1em;padding:var(--core-spacing-tiny) 0 var(--core-spacing-tiny) var(--core-spacing-regular);width:100%}.ib_ie:after{background-color:var(--theme-color-accent);border-radius:0 3px 3px 0;height:100%;left:0;top:0;width:4px}.ib_if{--iconSize:var(--core-size-icon-small)}.ib_ig{align-items:center;display:flex;max-width:100%;min-width:117px;text-align:left}.ib_ih .ib_ig{min-width:0;visibility:hidden;white-space:nowrap;width:0}.ib_im{opacity:0;visibility:hidden}.ib_ih .ib_im{opacity:1;visibility:visible}.ib_ih{gap:0}.ib_ie .ib_if{margin-left:2px}.ib_ih .ib_if{margin:0}.ib_ih:after{width:0}}@media (min-width: 1366px){.ib_ic{flex-direction:row;font-size:var(--core-font-size-small);gap:var(--core-spacing-intermidiate);height:44px;justify-content:flex-start;line-height:1em;padding:4px 0 4px var(--navMenu-inline-padding);width:100%}.ib_ie .ib_if{margin:0}.ib_if{--iconSize:var(--core-size-icon-regular)}.ib_il{right:-.5em;top:.25em}@media (hover: hover) and (pointer:fine){.ib_ic:hover:not(.ib_ie){color:inherit}}.ib_ig{line-height:1.2em;max-width:100%;text-align:left}}@media (min-width: 1366px),(orientation:portrait) and (max-width:1023px){.ib_ic:after{border-radius:0 var(--core-size-radius-small) var(--core-size-radius-small) 0}}@media (min-width: 1366px){@media (hover:hover) and (pointer:fine){.ib_ic:hover:after{background-color:var(--theme-color-accent);left:0;width:3px}}}@media (orientation: portrait) and (max-width:1023px){.ib_ic:after{height:0;width:100%}.ib_ie:after{background-color:var(--theme-color-accent);border-radius:0 0 2px 2px;height:4px;transition-property:background-color}}@media (min-width: 1512px){.ib_ic{font-size:var(--core-font-size-regular);gap:var(--core-spacing-intermidiate);height:48px}.ib_if{--iconSize:28px}}.ib_in{flex-direction:row;font-size:var(--core-font-size-small);gap:var(--core-spacing-intermidiate);justify-content:flex-start;padding-bottom:10px;padding-left:var(--navMenu-inline-padding);padding-top:10px;width:100%}.ib_in .ib_ig, .ib_in .ib_il, .ib_in:after{transition:none}.ib_in .ib_if{--iconSize:var(--core-size-icon-regular)}.ib_in .ib_ii{text-align:left;width:auto}.ib_in.ib_ie:after{border-radius:0 3px 3px 0;height:100%;left:0;top:0;width:4px}.ib_in.ib_ie .ib_if{margin-left:2px}@media (orientation: portrait) and (max-height:599px){.ib_in{font-size:var(--core-font-size-tiny);gap:var(--core-spacing-small);padding-bottom:6px;padding-top:6px}.ib_in .ib_if{--iconSize:var(--core-size-icon-small)}}.fu_fv{display:flex;flex-direction:column;gap:var(--core-spacing-small);max-width:100%;min-width:0;padding-top:var(--core-spacing-intermidiate);position:relative}.fu_fv:before{background:var(--core-color-border);bottom:auto;content:"";height:1px;left:var(--navMenu-inline-padding);position:absolute;right:var(--navMenu-inline-padding);top:0;transition:opacity var(--core-duration-swift,120ms) ease, transform var(--core-duration-swift,120ms) ease;width:calc(var(--navMenu-width) - var(--navMenu-inline-padding)*2)}.fu_fw .fu_fv:before{transition:none}.fu_fx{display:flex;overflow:visible;position:relative}.fu_fy{flex-direction:row;font-size:var(--core-font-size-small);gap:var(--core-spacing-intermidiate);height:auto;padding:0;padding-left:var(--core-spacing-intermidiate)}.fu_fy span{min-height:auto;min-width:auto}.fu_fy span:last-child{padding-right:var(--core-spacing-intermidiate)}.fu_fy svg{--iconSize:var(--core-size-icon-regular)}.fu_fz{align-items:flex-start;background:none;border:none;cursor:pointer;display:flex;justify-content:center;margin-left:var(--core-spacing-tiny);padding:0}.fu_fA{fill:var(--theme-color-accent);--iconSize:var(--core-size-icon-tiny)}.fu_fB{bottom:auto;min-width:auto;padding:var(--core-spacing-intermidiate);padding-left:0;top:-3px}@media (orientation: portrait) and (max-height:599px){.fu_fy{font-size:var(--core-font-size-tiny)}.fu_fy svg{--iconSize:var(--core-size-icon-tiny)}.fu_fB{top:-6px}}@media (max-width: 1365px) and (orientation:landscape),(min-width:1024px) and (max-width:1365px) and (orientation:portrait){.fu_fy{font-size:var(--core-font-size-tiny)}.fu_fy svg{--iconSize:var(--core-size-icon-tiny)}.fu_fB{top:-8px}}@media (min-width: 1366px){.fu_fv{gap:var(--core-spacing-small);padding-top:var(--core-spacing-intermidiate)}.fu_fB{padding:var(--core-spacing-regular);padding-left:0;top:-9px}.fu_fy{gap:var(--core-font-size-regular);padding-left:var(--core-spacing-regular)}.fu_fy svg{--iconSize:var(--core-size-icon-regular)}.fu_fy span{font-size:var(--core-font-size-regular)}.fu_fy span:last-child{padding-right:var(--core-spacing-regular)}}@media (min-width: 1512px){.fu_fv{gap:var(--core-spacing-intermidiate);padding-top:var(--core-spacing-regular)}.fu_fB{top:-5px}}.ce_cf{--navMenu-width:210px;--navMenu-inline-padding:var(--core-spacing-regular);background:var(--lobby-menu-gradient);border:none;box-sizing:border-box;display:grid;grid-template-rows:auto 1fr auto;height:100%;padding:var(--navMenu-inline-padding);padding-left:0;position:relative;transition:gap var(--core-duration-relaxed) ease-in-out;width:var(--navMenu-width)}.ce_cg{transition:none}.ce_ch{border-right:1px solid var(--core-color-border)}.ce_ci{max-width:100%;min-width:0}.ce_ci, .ce_cj{position:relative}.ce_cj{display:block;margin-bottom:var(--core-spacing-intermidiate);margin-left:var(--navMenu-inline-padding);transition:opacity var(--core-duration-swift,120ms) ease, transform var(--core-duration-swift,120ms) ease;width:80px}.ce_cg .ce_cj{transition:none}.ce_cj:after{background:var(--core-logo-base64-url) no-repeat 0 /contain;content:"";height:100%;position:absolute;top:0;width:100%}.ce_ck{display:grid;max-height:100%;position:relative;width:100%}.ce_cl{bottom:0;box-sizing:border-box;display:flex;flex-direction:column;left:0;list-style:none;overflow-x:hidden;overflow-y:auto;padding:var(--core-spacing-intermidiate) 0;position:absolute;right:0;scroll-snap-align:start;scroll-snap-type:y mandatory;top:0;transition-duration:var(--core-duration-relaxed);transition-property:gap;transition-timing-function:ease-in-out;--topMask:linear-gradient(0deg,#000,#000 calc(100% - 88px),transparent);--bottomMask:linear-gradient(180deg,#000,#000 calc(100% - 88px),transparent);--blockMask:linear-gradient(0deg,transparent,#000 88px,#000 calc(100% - 88px),transparent);gap:var(--core-spacing-small);scrollbar-color:transparent transparent;scrollbar-width:none}.ce_cl::-webkit-scrollbar, .ce_cl::-webkit-scrollbar-thumb, .ce_cl::-webkit-scrollbar-track{background-color:transparent;display:none;height:0;width:0}.ce_cm{-webkit-mask-image:var(--topMask);mask-image:var(--topMask)}.ce_cn{-webkit-mask-image:var(--bottomMask);mask-image:var(--bottomMask)}.ce_cm.ce_cn{-webkit-mask-image:var(--blockMask);mask-image:var(--blockMask)}.ce_co{padding-bottom:var(--core-spacing-intermidiate);position:relative}.ce_co:after{background:var(--core-color-border);bottom:0;content:"";height:1px;left:var(--navMenu-inline-padding);position:absolute;right:var(--navMenu-inline-padding);transition:opacity var(--core-duration-swift,120ms) ease, transform var(--core-duration-swift,120ms) ease;width:calc(var(--navMenu-width) - var(--navMenu-inline-padding)*2)}.ce_cg .ce_co:after{transition:none}.ce_cp{margin-top:var(--core-spacing-small)}@media (min-width: 1024px) and (max-width:1365px) and (orientation:portrait),(orientation:landscape) and (max-width:1365px){.ce_cf{height:calc(100% - var(--core-safe-area-inset-bottom));padding-bottom:var(--core-spacing-small);padding-top:var(--core-spacing-small);--navMenu-width:52px}.ce_ch.ce_cq{border-right:none}.ce_cf.ce_cq:after{content:"";height:150%;left:0;position:absolute;top:0;transition:opacity var(--core-duration-swift,120ms) ease, transform var(--core-duration-swift,120ms) ease;width:var(--navMenu-width);z-index:-1}.ce_ch.ce_cq:after{border-right:1px solid var(--core-color-border)}.ce_cr{background-image:var(--lobby-menu-gradient);background-position:0 calc(var(--footerHeight) + var(--core-spacing-regular));background-size:100% var(--headerContainerHeight);bottom:0;height:var(--footerHeight);position:fixed;transition:opacity var(--core-duration-swift,120ms) ease, transform var(--core-duration-swift,120ms) ease;width:var(--navMenu-width)}.ce_ch{--navMenu-width:177px}.ce_cj{height:36px}.ce_cs{width:20px}.ce_cs:after{background-image:url(assets/images/src/components/navMenu/assets/collaped-logo.svg);left:-2px;width:25px}}@media (min-width: 1366px){.ce_cf{--navMenu-width:210px;border:none;padding-bottom:var(--core-spacing-regular);padding-top:var(--core-spacing-small)}.ce_cj{height:64px;margin-bottom:var(--core-spacing-intermidiate);width:140px}.ce_cj:after{width:100%}.ce_cl{gap:var(--core-spacing-small)}}@media (min-width: 1512px){.ce_cf{padding-bottom:var(--core-spacing-large);--navMenu-width:226px;--navMenu-inline-padding:var(--core-spacing-large)}.ce_cj{margin-bottom:var(--core-spacing-regular)}.ce_cl{gap:var(--core-spacing-intermidiate);padding:var(--core-spacing-regular) 0}.ce_co{padding-bottom:var(--core-spacing-regular)}.ce_cp{margin-top:var(--core-spacing-intermidiate)}}.bg_bh, .bg_bi{padding-left:var(--navMenu-inline-padding);transition:opacity var(--core-duration-swift,120ms) ease, transform var(--core-duration-swift,120ms) ease}.t_u{align-items:end;background-color:var(--lobby-menu-background);display:flex;justify-content:space-between;padding:var(--core-spacing-tiny) var(--lobby-layout-spacing);position:relative}.t_v{background:var(--core-logo-base64-url) no-repeat center /contain;height:48px;width:104px}.t_w{align-items:center;background-color:transparent;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:var(--core-spacing-tiny);--iconSize:24px}.t_x{background:rgba(0,0,0,.7);bottom:0;height:100dvh;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease;width:100vw;z-index:calc(var(--lobby-elevation-menu) + 1)}.t_y{opacity:1;pointer-events:auto}.t_z{height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .3s ease;width:210px}.t_A{transform:translateX(0)}@media (orientation: portrait) and (max-height:599px){.t_u{padding:var(--core-spacing-tiny) var(--lobby-layout-spacing) 2px}.t_v{height:40px;width:87px}.t_w{padding:2px;--iconSize:var(--core-size-icon-small)}}.cX_cY{background-color:var(--lobby-menu-background);margin-left:var(--lobby-layout-spacing);margin-right:var(--lobby-layout-spacing);--maskSizeStart:48px;--maskSizeEnd:48px}.cX_cZ{gap:var(--core-spacing-intermidiate)}@media (orientation: portrait) and (max-height:599px){.cX_cZ{gap:var(--core-spacing-regular)}}.cX_c0{margin-left:var(--lobby-layout-spacing)}:not(:last-child)>.cX_c1{padding-left:var(--core-spacing-regular);position:relative}:not(:last-child)>.cX_c1:before{background:var(--lobby-color-light_20);bottom:var(--core-spacing-regular);content:"";height:auto;left:0;position:absolute;right:auto;top:var(--core-spacing-regular);width:1px;z-index:2}.O_P{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;left:var(--core-safe-area-inset-left);position:fixed;top:0;transition-property:transform;transition-timing-function:var(--core-timing-function-emphasized);z-index:var(--lobby-elevation-menu)}.O_Q{flex-grow:1}.O_R{bottom:var(--core-spacing-small);left:0;position:absolute;right:0;top:0;transition-duration:var(--core-duration-relaxed);transition-property:box-shadow;transition-timing-function:var(--core-timing-function-standart);z-index:-1}.O_S .O_R, .O_T .O_U:not(:empty)+.O_R{box-shadow:none}.O_U:empty+.O_R{bottom:0}.O_U{background:var(--lobby-menu-background);padding:var(--core-spacing-small) var(--lobby-layout-spacing)}.O_U:empty{display:none}@media (orientation: portrait) and (min-width:375px){.O_U{margin-bottom:var(--core-spacing-small)}}@media (orientation: portrait) and (max-width:1023px){.O_P{width:100%}.O_P, .O_V{transform:translateZ(0)}.O_T{transform:translate3d(0,calc(var(--headerContainerHeight, 0px)*-1),0)}.O_W{transform:translateZ(0)}.O_P, .O_W, .O_X{transition-duration:calc(var(--core-frame-time)*26)}}@media (max-width: 1365px) and (orientation:landscape),(min-width:1024px) and (max-width:1365px) and (orientation:portrait){.O_P{bottom:0}.O_P:after, .O_P:before{background:var(--lobby-menu-gradient);bottom:0;content:"";position:fixed;top:0}.O_P:before{left:0;width:var(--core-safe-area-inset-left)}.O_P:after{right:0;width:var(--core-safe-area-inset-right)}}@media (min-width: 1366px){.O_P{bottom:0;width:186px}}@media (min-width: 1512px){.O_P{width:210px}}.M_N{flex-shrink:0;position:relative}@media (min-width: 1024px),(orientation:landscape){.M_N{display:none}}.j_k{background:var(--lobby-background-regular);display:flex;flex-direction:column;flex-grow:1;height:100%;overflow:auto;position:relative;scrollbar-gutter:stable;-webkit-overflow-scrolling:auto}.j_l{background:var(--lobby-menu-background);padding:var(--core-spacing-regular) var(--lobby-layout-spacing)}.j_l:empty{display:none}@media (min-width: 1366px),(orientation:landscape){.j_l{position:sticky;top:0;z-index:2}}.j_m{display:flex;flex-direction:column;flex-grow:1;position:relative}.j_n{bottom:var(--core-safe-area-inset-bottom);box-shadow:none;flex-grow:0;flex-shrink:0;left:var(--core-safe-area-inset-left);position:fixed;right:var(--core-safe-area-inset-right);transform:translateZ(0);z-index:var(--lobby-elevation-footer)}@media (orientation: portrait) and (max-width:1023px){.j_n{position:static}}.j_n:after{background:var(--lobby-background-dark);bottom:calc(var(--core-safe-area-inset-bottom)*-1);content:"";left:0;position:absolute;right:0;top:0;z-index:-1}@media (min-width: 1024px) and (max-width:1365px) and (orientation:portrait),(orientation:landscape) and (max-width:1365px){.j_k, .j_n{padding-left:52px}.j_o, .j_o .j_n{padding-left:0}}@media (min-width: 1366px){.j_k{padding-left:210px}.j_o{padding-left:0}}@media (min-width: 1512px){.j_k{padding-left:226px}.j_o{padding-left:0}}.B_C{background-color:hsla(0,0%,6%,.9);bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:var(--core-elevation-above-all)}.B_C .B_E{bottom:0;top:calc(50% + var(--curtain-pp-logo-text-hight)/2)}.B_C .B_F{margin-bottom:0}.B_G{align-items:center;display:flex;flex-direction:column;height:100%;position:relative;width:100%}.B_C .B_H{display:block;opacity:1}.B_I{animation:B_J 1.2s linear infinite;background:linear-gradient(90deg,#ff9f0f,#ff9f0f 35%,#ffef9c 50%,#ff9f0f 65%,#ff9f0f);background-position:100% 0;background-size:200% 100%;border-radius:5px;width:100%}@keyframes B_J{0%{background-position:100% 0}50%{background-position:0 0}51%{background-position:200% 0}to{background-position:100% 0}}.kp_kq{display:grid;grid-gap:var(--core-spacing-regular)}.kp_kr{align-items:center;grid-template-columns:1fr auto;justify-content:space-between;margin-bottom:0;margin-top:0}.kp_kr button{width:auto}@media (max-height: 319.98px), (max-width: 359.98px){.kp_kq{gap:var(--core-spacing-intermidiate)}}.nr_ns{align-items:center;color:var(--core-color-text-secondary);display:flex;font-size:var(--core-font-size-tiny);justify-content:space-between;margin-top:var(--core-spacing-tiny)}.nr_nt a{color:var(--core-color-accent);cursor:pointer}.nr_nt a:hover{-webkit-text-decoration:underline;text-decoration:underline}.nr_nu .nr_nt, .nr_nu .nr_nv{color:var(--core-color-warning)}.nr_nw .nr_nt, .nr_nw .nr_nv{color:var(--core-color-success)}.lw_lx{font-size:var(--core-font-size-small);--supportingTextFontSize:var(--core-font-size-tiny)}.lw_ly{align-items:center;background:var(--core-color-input-background);border:1px solid transparent;border-radius:var(--ui-size-radius-regular);box-sizing:border-box;color:var(--core-color-text);display:flex;min-height:var(--core-size-control-regular);overflow:hidden;padding:var(--core-spacing-small) 15px 7px;transition:border-color var(--core-duration-regular) var(--core-timing-function-emphasized),background-color var(--core-duration-regular) var(--core-timing-function-emphasized)}.lw_lz{animation:lw_lA .24s}.lw_ee{align-self:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;color:inherit;display:block;flex-grow:1;font:inherit;margin:0;outline:none;overflow:hidden;padding:0;resize:none;width:100%}.lw_ee:disabled{opacity:.6;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lw_ee::-moz-placeholder{color:var(--core-color-text-placeholder)}.lw_ee::placeholder{color:var(--core-color-text-placeholder)}.lw_lB{align-self:flex-start;color:var(--core-color-text-secondary);display:block;font-size:var(--supportingTextFontSize);margin-bottom:var(--core-spacing-tiny)}.lw_ly:focus-within{background-color:var(--core-color-input-background-active);border-color:var(--core-color-input-background-active);height:auto}.lw_lC, .lw_lC:focus-within{border-color:var(--core-color-warning)}.lw_lE, .lw_lE:focus-within{border-color:var(--core-color-success)}.lw_lF, .lw_lG{background:none;border:none;display:block;outline:none}.lw_lF{margin-right:var(--core-spacing-tiny)}.lw_lG{margin-left:var(--core-spacing-tiny)}.lw_lH{opacity:.6}.lw_lI, .lw_lJ{color:var(--core-color-warning)}@keyframes lw_lA{0%{animation-timing-function:ease-in-out;transform:translateX(0)}20%{animation-timing-function:ease-in-out;transform:translateX(3px)}40%{animation-timing-function:ease-in-out;transform:translateX(-2px)}60%{animation-timing-function:ease-in-out;transform:translateX(1px)}80%{animation-timing-function:ease-in-out;transform:translateX(0)}to{animation-timing-function:ease-in-out;transform:translateX(0)}}.ku_kv{align-items:center;align-self:center;display:flex;height:100%;justify-content:center;width:100%}.ku_kw{border:5px solid var(--core-color-text-secondary);border-radius:50%;border-top:5px solid transparent;height:48px;width:48px}.ku_kw, .ku_ky{animation:ku_kx 1.5s linear infinite}.ku_kz{height:16px;width:16px}.ku_kA{height:24px;width:24px}.ku_kB{height:48px;width:48px}.ku_kC{height:72px;width:72px}.ku_kE{color:var(--core-color-text);position:absolute}@keyframes ku_kx{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.kI_kJ{--iconSize:18px;margin:var(--ui-spacing-regular)}.kI_kK{margin-left:0;margin-right:0}.kI_kL{align-items:center;display:flex;justify-content:center;margin-right:calc(var(--core-spacing-mini)*-1)}.lp_lq{display:flex;flex-direction:column;gap:var(--core-spacing-regular);text-align:left}.lp_lr{margin:initial}.lp_ls{font-size:var(--core-font-size-small);height:var(--core-size-control-regular)}.lp_lt{color:var(--core-color-text-secondary);font-size:var(--core-font-size-tiny);text-align:center}@media (max-height: 319.98px), (max-width: 359.98px){.lp_lq{gap:var(--core-spacing-intermidiate)}.lp_lt{font-size:var(--core-font-size-extra-tiny)}.lp_ls{font-size:var(--core-font-size-tiny);height:var(--core-size-control-small)}}.kf_kg{align-items:center;background:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;outline:none;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:background-color 40ms ease-in-out;width:40px;z-index:3}.kf_kg:hover{background-color:var(--shades-lower-light,hsla(0,0%,100%,.2))}.kf_kh{right:var(--core-spacing-small)}.kf_ki{left:var(--core-spacing-small)}.kf_kj{align-items:center;background-color:transparent;border-radius:50%;color:hsla(0,0%,100%,.6);display:flex;height:40px;justify-content:center;transition:color .4s ease-in-out,background-color .4s ease-in-out;width:40px}.kf_kg:hover .kf_kj{color:#fff}@media (min-width: 1024px) and (min-height:500px){.kf_kg, .kf_kj{border-radius:20px;height:80px}}.kk_kl{background:#292929;border-radius:16px;bottom:16px;left:50%;padding:5px 7px;position:absolute;transform:translateX(-50%);z-index:4}.kk_kl>ul{flex-wrap:nowrap;gap:6px;list-style:none}.kk_kl>ul, .kk_kl>ul>li, .kk_km{align-items:center;display:flex;justify-content:center;margin:0;padding:0}.kk_kl>ul>li, .kk_km{background:transparent;border:none;border-radius:50%;cursor:pointer;font-size:0;height:6px;width:6px}.kk_km:before{background-color:hsla(0,0%,100%,.2);border-radius:50%;content:"";display:block;height:4px;width:4px}.kk_kn:before{background-color:hsla(0,0%,100%,.8);height:6px;width:6px}.kk_ko:before{background-color:hsla(0,0%,100%,.5);height:4px;width:4px}.gl_gm{box-sizing:border-box;display:grid;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.gl_gm, .gl_gn{position:relative;width:100%}.gl_gn{display:block;height:100%;margin:0;overflow:hidden;padding:0}.gl_go{align-items:stretch;display:flex;height:100%;left:0;margin-left:auto;margin-right:auto;position:relative;top:0}.gl_gm .gl_gn, .gl_gm .gl_go{transform:translateZ(0)}.gl_gp{display:flex;flex-basis:var(--slideWidth);flex-grow:1;margin:0;max-width:100%;outline:none;padding:0;position:relative;width:var(--slideWidth)}.gl_gq{flex-basis:var(--firstSlideWidth);width:var(--firstSlideWidth)}.gt_gu{align-items:center;display:flex;gap:var(--core-spacing-regular);grid-column:1/-1;grid-row:span 1;justify-content:center;margin-top:calc((var(--lobby-layout-spacing) - 8px)*-1)}.gt_gu, .gt_gv{margin-bottom:-8px}.gt_gw{background-image:var(--promoImage);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:var(--core-size-radius-regular);box-sizing:border-box;overflow:hidden;position:relative;width:100%}.gt_gx{position:absolute;right:12px;top:12px;z-index:1}.gt_gy{display:block;max-width:100%;-o-object-fit:cover;object-fit:cover}.gt_gz{right:16px;top:16px}.gt_gA, .gt_gz{position:absolute}.gt_gA{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(25,24,24,.85);bottom:0;left:0;padding:var(--core-spacing-large);padding-right:0;right:0;top:0;z-index:1}.gt_gB{animation:none 0s ease 0s 1 normal none running;-webkit-backface-visibility:visible;backface-visibility:visible;background:transparent none repeat 0 0/auto auto padding-box border-box scroll;border:none;border-collapse:separate;-o-border-image:none;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:border-box;caption-side:top;clear:none;clip:auto;color:var(--core-color-text-secondary);-moz-columns:auto;-moz-column-count:auto;-moz-column-fill:balance;column-fill:balance;-moz-column-gap:normal;column-gap:normal;-moz-column-rule:medium none currentColor;column-rule:medium none currentColor;-moz-column-span:1;column-span:1;-moz-column-width:auto;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:var(--direction);display:inline;empty-cells:show;float:none;font-family:var(--font-sans, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);font-size:var(--core-font-size-small);font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;all:initial;perspective:none;perspective-origin:50% 50%;position:static;right:auto;scrollbar-color:hsla(0,0%,100%,.2) transparent;-moz-tab-size:8;-o-tab-size:8;tab-size:8;table-layout:auto;text-align:left;-moz-text-align-last:auto;text-align-last:auto;-webkit-text-decoration:none;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:50% 50% 0;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:baseline;visibility:visible;white-space:normal;widows:2;width:100%;word-spacing:normal;z-index:auto}.gt_gB table{border-collapse:collapse;width:100%}.gt_gB table td, .gt_gB table th{border:1px solid #b9b9b9;padding:16px 20px}.gt_gB>p:first-child{font-size:1.25rem;margin-top:0}.gt_gB td>p{margin-bottom:2px;margin-top:2px}.gt_gC{left:2%}.gt_gC, .gt_gE{height:20%;position:absolute;top:4%}.gt_gE{right:60px}.gt_gF{height:30%;left:2%;position:absolute;top:2%}.gt_gG{width:100%}.gt_gH{bottom:24px}.gt_gI{border-left:none;border-radius:var(--core-size-radius-large) 0 0 0;margin-right:var(--core-safe-area-inset-right);margin-top:15px}.gt_gJ>div:first-child{display:flex;justify-content:flex-end;line-height:1;min-height:fit-content;padding:4px;position:relative}.gt_gK{border:1px solid hsla(0,0%,100%,.2);border-radius:var(--core-size-radius-large);bottom:auto;max-height:85%;max-width:100%;width:580px}.gt_gL{max-height:80%}.gt_gJ button[data-testid=drawer-close-button]{margin:0;padding:0}.gt_gJ button[data-testid=drawer-close-button]>span:first-child{--iconButtonSize:24px;--iconSize:16px}.gt_gM{border-radius:var(--core-size-radius-large) var(--core-size-radius-large) 0 0;display:block;height:120px;max-width:100%;-o-object-fit:cover;object-fit:cover;width:100%}.gt_fb{padding:var(--core-spacing-regular) var(--core-spacing-large);scrollbar-color:hsla(0,0%,100%,.4) transparent}.gt_gN{align-items:center;color:#fff;display:flex;font-size:var(--core-font-size-small);font-style:normal;font-weight:600;height:100%;justify-content:center;line-height:135%;padding-left:var(--core-spacing-large);text-align:center;width:100%}.gt_gK .gt_gN{font-size:var(--core-font-size-regular)}@media (min-width: 469px){.gt_gu{margin-top:0}.gt_gu, .gt_gv{margin-bottom:0}}@media (max-width: 667.98px){.gt_gw{padding-top:100%}}@media (min-width: 668px){.gt_gw{background-image:var(--promoImageWide);background-size:cover;border-radius:var(--core-size-radius-intermidiate);height:160px}.gt_gH{bottom:3px}}@media (min-width: 1024px){.gt_gK{margin-left:24px}.gt_gw{border-radius:var(--core-size-radius-large);height:238px}.gt_gH{bottom:8px}.gt_gB{font-size:var(--core-font-size-regular)}}@media (min-width: 1366px){.gt_gw{height:306px}.gt_gE{right:65px}.gt_gK{margin-left:93px}}@media (min-width: 1512px){.gt_gw{height:321px}.gt_gK{margin-left:105px}}@media (min-width: 1800px){.gt_gv{grid-column:1/-1}}@media (min-width: 2600px){.gt_gw{height:520px}}.nI_nJ{width:100%}.nI_nJ, .nI_nK{align-items:center;box-sizing:border-box;display:flex;justify-content:center}.nI_nK{background:#292929;border-radius:24px;flex-wrap:nowrap;gap:8px;list-style:none;margin:0 0 8px;padding:7px 10px;z-index:1}.nI_nK li{align-items:center;display:flex;font-size:0;height:10px;justify-content:center;line-height:0;width:10px}.nI_nL{background-color:transparent;border:none;border-radius:50%;box-sizing:border-box;cursor:pointer;display:block;margin:-3px;padding:3px;position:relative}.nI_nL .nI_nM{background-color:#fff;border-radius:10px;display:block;height:4px;opacity:.2;transition:opacity .3s ease;width:4px}.nI_nN .nI_nM{height:9px;opacity:.8;width:9px}.nI_nO .nI_nM{height:6px;width:6px}.kF_fj{flex-direction:column;position:relative}.kF_fj, .kF_fk{box-sizing:border-box;display:flex}.kF_fk{flex:1;flex-direction:row;flex-wrap:nowrap;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-color:transparent transparent;scrollbar-width:none;width:100%}.kF_fk::-webkit-scrollbar{display:none;height:0;width:0}.kF_fk::-webkit-scrollbar-thumb, .kF_fk::-webkit-scrollbar-track{background-color:transparent;display:none}.kF_fk::-webkit-scrollbar-thumb{height:0;width:0}.kF_fo{box-sizing:border-box;flex-grow:1;flex-shrink:0;pointer-events:none;scroll-snap-align:center;scroll-snap-stop:always;width:100%}.io_gu{align-items:center;display:flex;gap:var(--core-spacing-regular);grid-column:1/-1;grid-row:span 1;justify-content:center;margin-bottom:-8px;margin-top:calc((var(--lobby-layout-spacing) - 8px)*-1)}.io_gw{border-radius:var(--core-size-radius-regular);box-sizing:border-box;overflow:hidden;position:relative;width:100%}.io_ip, .io_ip img{height:100%;width:100%}.io_ip img{-o-object-fit:cover;object-fit:cover}.io_gx{position:absolute;right:12px;top:12px;z-index:1}.io_gy{display:block;max-width:100%;-o-object-fit:cover;object-fit:cover}.io_gz{right:16px;top:16px}.io_gA, .io_gz{position:absolute}.io_gA{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(25,24,24,.85);bottom:0;left:0;padding:var(--core-spacing-large);padding-right:0;right:0;top:0;z-index:1}.io_gB{box-sizing:border-box;color:var(--core-color-text-secondary);direction:var(--direction);font-size:var(--core-font-size-small);scrollbar-color:hsla(0,0%,100%,.2) transparent;white-space:pre-wrap;width:100%}.io_gB>p:first-child{font-size:1.25rem;margin-top:0}.io_gB td>p{margin-bottom:2px;margin-top:2px}.io_gC{left:2%}.io_gC, .io_gE{height:20%;position:absolute;top:4%}.io_gE{right:60px}.io_gF{height:30%;left:2%;position:absolute;top:2%}.io_gG{width:100%}.io_iq{margin-bottom:8px}.io_gI{border-left:none;border-radius:var(--core-size-radius-large) 0 0 0;margin-top:15px}.io_gL{max-height:80%}.io_gM{border-radius:var(--core-size-radius-large) var(--core-size-radius-large) 0 0;display:block;height:120px;max-width:100%;-o-object-fit:cover;object-fit:cover;width:100%}.io_gB table{border-collapse:collapse;width:100%}.io_gB table td, .io_gB table th{border:1px solid #b9b9b9;padding:16px 20px}@media (min-width: 469px){.io_gu{margin-bottom:0;margin-top:0}}@media (max-width: 667.98px){.io_gw{aspect-ratio:1/1;height:100%;-o-object-fit:contain;object-fit:contain}}@media (min-width: 668px){.io_gw{border-radius:var(--core-size-radius-intermidiate);height:160px;-o-object-fit:cover;object-fit:cover}}@media (min-width: 931px){.io_gu{margin-bottom:0}}@media (min-width: 1024px){.io_gw{border-radius:var(--core-size-radius-large);height:238px}.io_gB{font-size:var(--core-font-size-regular)}}@media (min-width: 1366px){.io_gw{height:306px}.io_gE{right:65px}}@media (min-width: 1512px){.io_gw{height:321px}}@media (min-width: 2600px){.io_gw{height:520px}.io_gu{grid-column:1/-1}}.nm_nn{height:64px;width:64px}.no_nn{border-bottom-left-radius:50%;border-bottom-right-radius:50%;box-shadow:none;width:2.75em}.rZ_r0{-webkit-tap-highlight-color:transparent}.rZ_r1{--borderWidth:1px;background:var(--core-color-background-tooltip-dark);border:var(--borderWidth) solid var(--core-color-background-inverse);border-radius:var(--ui-size-radius-regular);color:var(--core-color-text);filter:none;font-size:var(--core-font-size-small);font-weight:400;height:max-content;max-width:240px;opacity:0;padding:var(--core-spacing-intermidiate);pointer-events:none;position:absolute;text-align:center;transition:opacity .5s;width:max-content;z-index:var(--core-elevation-tooltip);--tooltipOffset:0px;--triangleSize:12px}@media (max-height: 319.98px), (max-width: 359.98px){.rZ_r1{font-size:var(--core-font-size-tiny);max-width:204px;padding:var(--core-spacing-small)}}@media (pointer: coarse),(pointer:none){.rZ_sa{display:none}}.rZ_sb{transform:translateY(calc(var(--triangleSize)*-1))}.rZ_sc{transform:translateX(var(--triangleSize))}.rZ_se{transform:translateY(var(--triangleSize))}.rZ_sf{transform:translateX(calc(var(--triangleSize)*-1))}.rZ_sg{background-color:var(--core-color-background-tooltip-dark);border-color:transparent var(--core-color-background-inverse) var(--core-color-background-inverse) transparent;border-style:solid;border-width:var(--borderWidth);height:var(--triangleSize);pointer-events:none;position:absolute;width:var(--triangleSize)}.rZ_sb .rZ_sg{left:50%;top:100%;transform:translate(calc(-50% + var(--tooltipOffset)),-50%) rotate(45deg)}.rZ_sc .rZ_sg{right:100%;top:50%;transform:translate(50%,calc(-50% + var(--tooltipOffset))) rotate(135deg)}.rZ_se .rZ_sg{bottom:100%;left:50%;transform:translate(calc(-50% + var(--tooltipOffset)),50%) rotate(-135deg)}.rZ_sf .rZ_sg{left:100%;top:50%;transform:translate(-50%,calc(-50% + var(--tooltipOffset))) rotate(-45deg)}.lg_lh{background:linear-gradient(180deg,transparent,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8));bottom:0;left:0;padding:0;position:absolute;width:100%;z-index:1}.lg_li{align-items:center;display:flex;justify-content:space-between;padding:1px 4px 8px}.lg_lj{max-width:42px}.lg_lk{align-items:center;display:flex;justify-content:center;width:100%}.lg_ll{-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1/1;background-color:transparent;border:none;border-radius:50%;box-sizing:border-box;cursor:pointer;display:block;height:100%;margin:0;padding:0;position:relative;transition-duration:var(--core-duration-regular);transition-timing-function:var(--core-timing-function-standart);width:100%}.lg_ll:disabled{background-image:url(assets/images/src/components/seatPicker/assets/user-disabled.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;opacity:.3}.lg_ll svg, .lg_lm svg{display:block;height:100%;overflow:visible;width:100%}@media (hover: hover){.lg_ll:hover:not(:disabled), .lg_lm:hover{background-color:hsla(0,0%,100%,.2)}}.lg_ll:focus-visible{box-shadow:none}.lg_ln:disabled{opacity:.15}.lg_lm{aspect-ratio:1/1;border-radius:50%;box-sizing:border-box;margin:0 auto;max-height:42px;max-width:42px;padding:0;position:relative}.lg_lo{background-color:rgba(0,0,0,.5);border:2px solid hsla(0,0%,100%,.7);border-radius:99px;color:var(--lobby-main_font_color);font-size:14px;font-weight:600;left:50%;padding:4px 11px;position:absolute;text-align:center;transform:translateX(-50%);transition:background-color .2s var(--core-duration-regular);white-space:nowrap}.lg_lo:active, .lg_lo:hover{background-color:hsla(0,0%,100%,.2);border-color:#fff}@container tile (width < 220px){.lg_li{padding:1px 4px 4px}.lg_lo{border-width:1.5px;bottom:5px;font-size:10px;padding:2px 8px}}.nx_kX{display:flex;gap:1px;height:12px;margin-bottom:.2em;overflow:hidden;position:relative}.nx_kY{animation-iteration-count:infinite;background-color:var(--theme-color-accent);width:2px}.nx_kY:first-child{animation-duration:1.2s;animation-name:nx_kZ;animation-timing-function:linear;transform:translate3d(0,60%,0)}.nx_kY:nth-child(2){animation-duration:1s;animation-name:nx_k0;animation-timing-function:ease-in-out;transform:translate3d(0,20%,0)}.nx_kY:nth-child(3){animation-direction:reverse;animation-duration:1s;animation-name:nx_k0;transform:translate3d(0,40%,0)}.nx_kY:nth-child(4){animation-direction:reverse;animation-duration:1.2s;animation-name:nx_kZ;animation-timing-function:ease-in-out;transform:translate3d(0,75%,0)}@keyframes nx_kZ{0%{transform:translate3d(0,60%,0)}25%{transform:translate3d(0,90%,0)}50%{transform:translate3d(0,10%,0)}75%{transform:translate3d(0,60%,0)}to{transform:translate3d(0,80%,0)}}@keyframes nx_k0{0%{transform:translate3d(0,60%,0)}25%{transform:translate3d(0,10%,0)}50%{transform:translate3d(0,95%,0)}75%{transform:translate3d(0,30%,0)}to{transform:translate3d(0,40%,0)}}.mp_mq{align-items:center;display:flex;flex-direction:row;font-family:inherit;font-size:.875em;font-weight:500;gap:var(--core-spacing-tiny)}.mp_mq svg{fill:var(--theme-color-accent);height:.875em;width:.875em}.mp_mr{opacity:.6}@keyframes ny_nG{0%{fill:transparent;stroke:var(--tile-title-color);transform:scale(1)}50%{fill:transparent;stroke:var(--tile-title-color);transform:scale(.7)}to{fill:var(--lobby-favourite-color);stroke:var(--lobby-favourite-color);transform:scale(1)}}@keyframes ny_nH{0%{opacity:0;transform:translate(-50%,-50%) scale(.75)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0}}.mG_mH{box-sizing:border-box;container-name:tile;container-type:inline-size;font-family:inherit;font-size:1em;max-width:420px;position:relative;transform:translateZ(0);width:100%;will-change:auto;z-index:1}.mG_mI:not(.mG_mJ){cursor:pointer}@container tile (width < 220px){.mG_mH>*{font-size:.67em}.mG_mH .mG_mL{font-size:.85em}}.mG_mM{display:flex;gap:.25em}.mG_mM, .mG_mN{flex-direction:column}.mG_mN{border-color:transparent;border-radius:.5em;box-sizing:border-box;color:var(--core-color-text);height:0;padding:0;padding-bottom:calc(100%/(var(--lobby-tile-aspect-ratio)));position:relative;width:100%}.mG_mO{overflow:hidden}.mG_mO:after{border-radius:inherit;content:"";display:block;height:100%;pointer-events:none;position:absolute;right:0;top:0;transform:translateZ(0);transition:box-shadow var(--core-duration-relaxed) var(--core-timing-function-standart);width:100%;z-index:4}.mG_mH.mG_mJ .mG_mN:after{background:linear-gradient(180deg,rgba(0,0,0,.35) .76%,rgba(0,0,0,.7) 99.46%)}.mG_mP .mG_mN:after{box-shadow:none}.mG_mL{right:1em}.mG_mL, .mG_mQ{display:block;position:absolute;top:0}.mG_mQ{left:0}.mG_mR{align-items:start;color:var(--tile-title-color);display:flex;font-family:inherit;font-style:normal;font-weight:600;gap:.25em;justify-content:space-between;min-width:1px}.mG_mR, .mG_mS{max-width:100%}.mG_mS{display:block;flex-grow:1;overflow:hidden}.mG_mT{--favorite-icon-size:1.375em;align-items:center;display:flex;height:1.35em;justify-content:flex-end;transform:translateZ(0)}.mG_mU{display:block;height:var(--favorite-icon-size);width:var(--favorite-icon-size)}.mG_mV{height:1.25em}@media (hover: hover) and (pointer:fine){.mG_mH:not(.mG_mJ):hover .mG_mX{transform:scale(1.08)}.mG_mH:has(.mG_mT:hover):hover .mG_mX{transform:none}.mG_mH:not(.mG_mJ):hover .mG_mN:after{box-shadow:none;z-index:6}.mG_mH:has(.mG_mT:hover):hover .mG_mN:after{box-shadow:none}}.mx_my{align-content:center;align-items:center;bottom:0;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:4px;justify-content:center;padding:16px 4px;position:absolute;width:100%;z-index:5}.mx_mz{color:var(--lobby-main_font_color);font-size:14px;font-weight:600;text-align:center}.mx_mA, .mx_mz{display:inline-block}.mx_mA{align-self:flex-start;background-position:50%;background-repeat:no-repeat;background-size:contain;box-sizing:border-box;height:12px;margin-right:6px;position:relative;width:12px}.mx_mA svg{height:100%;left:.1px;position:absolute;top:1px;width:100%}.mx_mB{background-image:url(assets/images/src/components/tile/assets/under-maintenance.svg);height:11px;width:13px}.mx_mC{background-image:url(assets/images/src/components/tile/assets/table-occupied.svg)}.mx_mE{background:linear-gradient(180deg,transparent,rgba(0,0,0,.8))}@media (orientation: landscape) and (pointer:coarse){.mx_my{padding:max(11px,min(3vw,12px)) 4px}}@container tile (width < 220px){.mx_my{padding:7px 4px}.mx_mA{height:8px;margin-right:4px;width:8px}.mx_mz{font-size:10px}.mx_mB, .mx_mF{width:10px}.mx_mF{height:10px;top:1px}}.nk_nl{gap:.375rem}.mY_mZ, .nk_nl{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.mY_mZ{gap:var(--core-spacing-small);height:1.25em;line-height:1em}.mY_m0{align-items:center;color:var(--lobby-main_font_color);display:flex;flex-direction:row;font-family:inherit;font-size:.875rem;font-weight:500;gap:var(--core-spacing-tiny)}.mY_m1{fill:var(--lobby-main_font_color);height:.875rem;margin-right:-.125rem;width:.875rem}.mY_na{color:#ffb700;display:flex;font-size:.875rem}.mY_nb{gap:.25rem}.mY_nb, .mY_nc{align-items:center;display:flex;justify-content:center}.mY_nc{height:1.125rem;width:1.125rem}.mY_ne{border-radius:.07292rem;height:auto;width:.875rem}.mY_nf{line-height:0}.mY_nf, .mY_ng{height:.875em;width:.875em}.mY_ng{fill:var(--lobby-main_font_color)}.mY_nh{line-height:0}.mY_ni{fill:var(--lobby-main_font_color);height:1.125em;width:1.125em}@container tile (width < 220px){.mY_m0{font-size:.625rem}.mY_m1{height:.625rem;width:.625rem}.mY_na{font-size:.625rem}.mY_nc{height:.875rem;width:.875rem}.mY_ne{width:.681rem}.mY_ni{height:.875rem;width:.875rem}.mY_nf, .mY_ng{height:.625rem;width:.625rem}}.mY_nj{background:linear-gradient(90deg,#b6a36b,#faf7c7);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic;font-weight:600;line-height:1.5em;overflow:hidden;padding-right:.2em;text-overflow:ellipsis;white-space:nowrap}.jG_jH{border-radius:.5em;display:block;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;transition:transform var(--core-duration-emphasized) var(--core-timing-function-standart),opacity var(--core-duration-regular) var(--core-timing-function-standart);width:100%;will-change:transform}.jG_jH, .jG_jI{left:0;position:absolute;top:0}.jG_jI{bottom:0;right:0}.jG_jH.jG_jJ{opacity:0;pointer-events:none;transition:none}.jG_jK{transform:scale(1.08)}.ms_mt{bottom:0;font-size:1.5em;left:0;position:absolute;right:0;top:auto;transform:translateZ(0)}.ms_mu{font-size:0}.ms_mv{padding:.9em 0 .334em}.ms_mv>div{padding-top:0;position:relative;z-index:2}.ms_mv:after{background:linear-gradient(180deg,transparent,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8));bottom:-.334em;content:"";left:-.334em;position:absolute;right:0;top:0;z-index:1}.ms_mw .ms_mv{padding:0}.ms_mw .ms_mv>div{padding-top:.21em}.ms_mw .ms_mv:after{background:none}.ew_br{align-items:center;box-sizing:border-box;container-name:vendorTile;container-type:inline-size;justify-content:flex-start;max-width:420px;width:100%}.ew_ex{border-radius:.5em;padding-bottom:calc(100%/(var(--lobby-tile-aspect-ratio)));pointer-events:none}.ew_ex, .ew_ey{margin-bottom:var(--lobby-tile-gap);width:100%}.ew_ey{height:calc(var(--lobby-tile-font-size)*var(--lobby-tile-line-height))}.ew_ey, .ew_ez{border-radius:.4em}.ew_ez{height:var(--lobby-tile-footer-height);width:80%}@container vendorTile (width < 220px){.ew_br>*{font-size:.8em}}.k1_lb{background:var(--gradient-gold,linear-gradient(275deg,#ffe663 -19.32%,#b27e11 73.98%))}.k1_lc{background:linear-gradient(275deg,#fa4747,#b9070d);color:#fff}.k1_le{background:linear-gradient(-90deg,#ac915f,#dabc8b)}.k1_lf{background:hsla(40,17%,93%,.9)}.sC_sE{display:flex;flex-wrap:nowrap;gap:.33333em;height:1.45833em;justify-content:space-between;margin-bottom:calc(var(--resultContainerOverflowSize)*-2);margin-right:calc(var(--resultContainerOverflowSize)*-1);margin-top:-.45833em;overflow:hidden;padding-bottom:calc(var(--resultContainerOverflowSize)*2);padding-left:.334em;padding-right:var(--resultContainerOverflowSize);--resultContainerOverflowSize:0.16667em}.sC_sF{-webkit-mask-image:linear-gradient(90deg,#000,#000 calc(100% - .83333em),transparent);mask-image:linear-gradient(90deg,#000,#000 calc(100% - .83333em),transparent)}.sC_sE>*{flex-shrink:0}.sC_sE:after{content:"";display:block;flex-grow:1}.sp_sq{border-radius:var(--tileBorderRadiusLocalStart) var(--tileBorderRadiusLocalEnd) var(--tileBorderRadiusLocalEnd) var(--tileBorderRadiusLocalStart);box-sizing:border-box;display:flex;flex-direction:column;font-weight:600;height:100%;justify-content:center;position:relative;width:100%}.sp_sr:before{content:"";display:block;height:100%}.sp_ss{align-items:center;color:var(--valueColor,#000);display:flex;height:100%;justify-content:center;opacity:var(--valueOpacity);padding-left:.25em;padding-right:.25em;position:relative;text-align:center}.sp_ss>span{display:block;font-size:var(--valueSize,.75em);line-height:1;padding-top:.063rem}.sp_st{flex-grow:0;height:0;margin-left:var(--tileInlineBadgeMargin,-.08333em);margin-right:var(--tileInlineBadgeMargin,-.08333em);order:-1;z-index:1000}.sp_st, .sp_su{align-self:center;position:relative}.sp_su{align-items:center;display:flex;height:.58333em;justify-content:center;margin-top:-.41667em;min-width:1.41667em;padding-left:.08333em;padding-right:.08333em;z-index:1}.sp_su, .sp_sv .sp_su{box-sizing:border-box}.sp_sv .sp_su{background:var(--badgeMultiplierBackground,linear-gradient(#fff8de 17.04%,#fff1bf 52.79%,#ffdc60 90%));-webkit-background-clip:text;background-clip:text;font-family:var(--font-display, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);font-size:.625em;font-weight:700;height:auto;line-height:1em;margin-top:-.79167em;padding:0 2px;position:relative;text-align:center;-webkit-text-fill-color:transparent}.sp_sv .sp_sw, .sp_sv .sp_sx{background:initial;left:0;position:absolute;top:0}.sp_sv .sp_sw{color:var(--badgeMultiplierStroke,#3a2600);z-index:-1;-webkit-text-stroke:.16em var(--badgeMultiplierStroke,#3a2600)}.sp_sv .sp_sx{color:#000;z-index:-2;-webkit-text-stroke:.12em #000;transform:translateY(.1em)}.sp_su:before{border-radius:.04167em;bottom:.04167em;content:"";display:block;left:.04167em;position:absolute;right:.04167em;top:.04167em}.sp_sy{display:block;position:absolute}.sG_sH, .sp_sy{border-radius:var(--tileBorderRadiusLocalStart) var(--tileBorderRadiusLocalEnd) var(--tileBorderRadiusLocalEnd) var(--tileBorderRadiusLocalStart);bottom:0;box-sizing:border-box;left:0;right:0;top:0}.sG_sH{--tileBorderRadiusLocal:var(--tileBorderRadius,0.16667em);--tileBorderRadiusLocalStart:var(--tileBorderRadiusStart,var(--tileBorderRadiusLocal));--tileBorderRadiusLocalEnd:var(--tileBorderRadiusEnd,var(--tileBorderRadiusLocal));--tileBackgroundLocal:var(--tileBackground,#fff);--tileOutlineBackgroundLocal:var(--tileOutlineBackground,var(--tileBackgroundLocal));--tileOutlineSizeLocal:var(--tileOutlineSize,1px);background:var(--tileBackgroundLocal);height:1em;margin-top:.45833em;min-width:var(--tileWidth,1.5em);position:relative}.sG_sI{--tileOutlineBackgroundLocal:linear-gradient(180deg,#ffdb58,#ffe78e 50%,#ffb118)}.sG_sJ{bottom:0;box-sizing:border-box;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.sG_sK .sG_sJ{border:var(--tileOutlineSizeLocal) solid var(--tileOutlineColor)}.sG_sI .sG_sJ, .sG_sK .sG_sJ, .sG_sL .sG_sJ{border-radius:var(--tileBorderRadiusLocalStart) var(--tileBorderRadiusLocalEnd) var(--tileBorderRadiusLocalEnd) var(--tileBorderRadiusLocalStart)}.sG_sI .sG_sJ, .sG_sL .sG_sJ{background:var(--tileOutlineBackgroundLocal,transparent) border-box;border:none;-webkit-mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;padding:var(--tileOutlineSizeLocal)}.oz_oA{--valueColor:var(--twentyfourdspin-result-color)}.oz_oB{--tileBackground:var(--twentyfourdspin-result-background-red);--tileOutlineColor:var(--twentyfourdspin-result-outline-red)}.oz_oC{--tileBackground:var(--twentyfourdspin-result-background-black);--tileOutlineColor:var(--twentyfourdspin-result-outline-black)}.ox_oy{--twentyfourdspin-result-background-red:rgba(146,7,21,.4);--twentyfourdspin-result-background-black:rgba(31,31,31,.4);--twentyfourdspin-result-outline-red:#b70b1c;--twentyfourdspin-result-outline-black:#545454;--twentyfourdspin-result-color:#fff}.oE_oF{--valueColor:var(--andar-bahar-result-color)}.oE_oG{--tileBackground:var(--andar-bahar-result-background-andar);--tileOutlineColor:var(--andar-bahar-result-outline-andar)}.oE_oH{--tileBackground:var(--andar-bahar-result-background-bahar);--tileOutlineColor:var(--andar-bahar-result-outline-bahar)}.or_os{--andar-bahar-result-background-andar:rgba(13,81,114,.4);--andar-bahar-result-background-bahar:rgba(159,50,59,.4);--andar-bahar-result-color:#fff;--andar-bahar-result-outline-andar:#2283b4;--andar-bahar-result-outline-bahar:#e8737c}.ot_ou{--tileOutlineColor:hsla(0,0%,100%,.8);--tileBackground:var(--big-bass-crash-result-background);--valueColor:var(--big-bass-crash-result-color);--valueSize:0.58333em;--tileWidth:0}.ot_ov{--tileBackground:var(--big-bass-crash-result-background-1);--tileOutlineColor:var(--big-bass-crash-result-outline-1)}.ot_ow{--tileBackground:var(--big-bass-crash-result-background-2);--tileOutlineColor:var(--big-bass-crash-result-outline-2)}.op_oq{--big-bass-crash-result-background:#000;--big-bass-crash-result-color:#fff;--big-bass-crash-result-background-1:rgba(182,37,54,.4);--big-bass-crash-result-background-2:rgba(39,141,37,.4);--big-bass-crash-result-outline-1:#ff4d61;--big-bass-crash-result-outline-2:#6cd26a}.sz_sA{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;--tileInlineBadgeMargin:0.04167em}.sz_sA>*{flex-shrink:0}.sz_sA>:not(:first-child){--tileBorderRadiusEnd:0}.sz_sA>:not(:last-child){--tileBorderRadiusStart:0}.sz_sA:not(.sz_sB)>:not(:last-child){margin-left:calc(var(--tileOutlineSizeLocal)*-1)}.oI_oJ{--valueColor:var(--boom-city-result-color)}.oI_oK{--tileBackground:var(--boom-city-result-background-one);--tileOutlineColor:var(--boom-city-result-outline-one)}.oI_oL{--tileBackground:var(--boom-city-result-background-two);--tileOutlineColor:var(--boom-city-result-outline-two)}.oI_oM{--tileBackground:var(--boom-city-result-background-five);--tileOutlineColor:var(--boom-city-result-outline-five)}.oI_oN{--tileBackground:var(--boom-city-result-background-power-up);--tileOutlineColor:var(--boom-city-result-outline-power-up)}.oI_oO{--tileBackground:var(--boom-city-result-background-bob);--tileOutlineColor:var(--boom-city-result-outline-bob)}.oI_oP{--tileBackground:var(--boom-city-result-background-bust);--tileOutlineColor:var(--boom-city-result-outline-bust)}.oI_oQ{--tileBackground:var(--boom-city-result-background-db);--tileOutlineColor:var(--boom-city-result-outline-db)}.oI_oR{--tileBackground:var(--boom-city-result-background-ld);--tileOutlineColor:var(--boom-city-result-outline-ld)}.oI_oS{background-position:50%;background-repeat:no-repeat;background-size:1.91667em}.oI_oN .oI_oS{background-image:image-set(url(assets/images/src/recentResults/games/boomcity/assets/PowerUpIcon.avif) type("image/avif"),url(assets/images/src/recentResults/games/boomcity/assets/PowerUpIcon.webp) type("image/webp"),url(assets/images/src/recentResults/games/boomcity/assets/PowerUpIcon.png) type("image/png"));background-size:.83333em}.oI_oO .oI_oS{background-image:url(assets/images/src/recentResults/games/boomcity/assets/BoomOrBust.svg)}.oI_oQ .oI_oS{background-image:url(assets/images/src/recentResults/games/boomcity/assets/DiceBattle.svg)}.oI_oP .oI_oS{background-image:url(assets/images/src/recentResults/games/boomcity/assets/Bust.svg)}.oI_oR .oI_oS{background-image:url(assets/images/src/recentResults/games/boomcity/assets/LuckyDrop.svg)}.oI_oT>*{--tileOutlineColor:var(--boom-city-result-outline-power-up);--tileOutlineBackground:linear-gradient(to right,var(--boom-city-result-outline-power-up-first) 0%,var(--boom-city-result-outline-power-up) 100%)}.oU_oV{--valueSize:0.66667em;--boom-city-result-background:#000;--boom-city-result-color:#fff;--boom-city-result-background-one:rgba(157,74,42,.4);--boom-city-result-outline-one:#c38665;--boom-city-result-background-two:rgba(88,95,95,.4);--boom-city-result-outline-two:#9da4a4;--boom-city-result-background-five:rgba(209,170,61,.4);--boom-city-result-outline-five:#fae885;--boom-city-result-background-db:rgba(9,37,113,.4);--boom-city-result-outline-db:#4166d8;--boom-city-result-background-ld:rgba(63,7,105,.4);--boom-city-result-outline-ld:#8d2dd2;--boom-city-result-background-bob:rgba(156,7,87,.4);--boom-city-result-outline-bob:#c01180;--boom-city-result-background-bust:rgba(124,4,46,.4);--boom-city-result-outline-bust:#b30041;--boom-city-result-background-power-up:rgba(32,157,125,.4);--boom-city-result-outline-power-up:#38cca9;--boom-city-result-outline-power-up-first:#fae885;--boom-city-result-outline-active:hsla(0,0%,100%,.8)}.nP_nQ{--tileBackground:transparent;--tileOutlineColor:#6c6b6e;align-items:center;display:flex;height:max-content;justify-content:center}.nP_nR{--tileOutlineColor:#f85659;--badgeMultiplierStroke:#530808;--badgeMultiplierBackground:linear-gradient(#fff,#fdbac1)}.nP_nS{--tileOutlineColor:#469bfb;--badgeMultiplierStroke:#0c255c;--badgeMultiplierBackground:linear-gradient(#fff,#9bd1f8)}.nP_nT{--tileOutlineColor:#5bbb4f;--badgeMultiplierStroke:#093711;--badgeMultiplierBackground:linear-gradient(#fff,#d8ffdc)}.nP_nU{--tileOutlineColor:#ffcf10;--badgeMultiplierStroke:#6a4805;--badgeMultiplierBackground:linear-gradient(#fff,#fff4cc)}.nP_nV{--tileOutlineColor:#f6efe8;--badgeMultiplierStroke:#3d194a;--badgeMultiplierBackground:linear-gradient(#fff 18%,#ede5df 89%)}.nP_nW{--tileOutlineColor:#cd67f6;--badgeMultiplierStroke:#4b085e;--badgeMultiplierBackground:linear-gradient(#fff,#db9eff)}.nP_nX{box-sizing:border-box;display:flex;gap:2px;padding:.20833em}.nP_nY{aspect-ratio:1;border-radius:1px;width:.58333em}.nP_nZ{background-color:#f85659}.nP_n0{background-color:#469bfb}.nP_n1{background-color:#5bbb4f}.nP_oa{background-color:#ffcf10}.nP_ob{background-color:#f6efe8}.nP_oc{background-color:#cd67f6}.np_nq{gap:.29167em}.oW_oX{--tileBackground:var(--dice-city-result-background-one);--tileOutlineColor:var(--dice-city-result-border-one)}.oW_oY{--tileBackground:var(--dice-city-result-background-two);--tileOutlineColor:var(--dice-city-result-border-two)}.oW_oZ{--tileBackground:var(--dice-city-result-background-five);--tileOutlineColor:var(--dice-city-result-border-five)}.oW_o0{--tileBackground:var(--dice-city-result-background-bob);--tileOutlineColor:var(--dice-city-result-border-bob)}.oW_o1{--tileBackground:var(--dice-city-result-background-db);--tileOutlineColor:var(--dice-city-result-border-db)}.oW_pa{--tileBackground:var(--dice-city-result-background-ld);--tileOutlineColor:var(--dice-city-result-border-ld)}.oW_pb{background-position:50%;background-repeat:no-repeat;background-size:1.5em}.oW_o0 .oW_pb{background-image:url(assets/images/src/recentResults/games/dicecity/assets/bonus-sprite.svg#boomorbust)}.oW_o1 .oW_pb{background-image:url(assets/images/src/recentResults/games/dicecity/assets/bonus-sprite.svg#dicebattle)}.oW_pa .oW_pb{background-image:url(assets/images/src/recentResults/games/dicecity/assets/bonus-sprite.svg#luckydrop)}.pc_pe{--valueColor:#fff;--valueSize:0.66667em;--dice-city-result-background-one:rgba(189,125,86,.4);--dice-city-result-border-one:#dd9264;--dice-city-result-background-two:rgba(129,135,156,.4);--dice-city-result-border-two:#acb3cd;--dice-city-result-background-five:rgba(240,165,2,.4);--dice-city-result-border-five:#feba28;--dice-city-result-background-db:rgba(50,171,178,.4);--dice-city-result-border-db:#45dae3;--dice-city-result-background-ld:rgba(164,85,224,.4);--dice-city-result-border-ld:#c17cf5;--dice-city-result-background-bob:rgba(194,77,140,.4);--dice-city-result-border-bob:#e466a9}.sh_si{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.sh_sj{height:50%;position:relative;width:100%}.sh_sk{background:url(assets/images/src/recentResults/components/shuffle/assets/card_grey.svg) no-repeat 50%;filter:none;height:100%;left:0;position:absolute;top:0;width:100%}.sh_sk:first-child{animation:sh_sl 3s ease infinite;transform:translateY(0);z-index:4}.sh_sk:nth-child(2){animation:sh_sm 3s ease infinite;transform:translateY(4%);z-index:3}.sh_sk:nth-child(3){animation:sh_sn 3s ease infinite;transform:translateY(8%);z-index:2}.sh_sk:nth-child(4){animation:sh_so 3s ease infinite;transform:translateY(12%);z-index:1}@keyframes sh_sl{0%, to{transform:translateX(0) translateY(0) rotate(0);z-index:4}25%{transform:translateX(-12%) translateY(4%) rotate(7deg);z-index:3}50%{transform:translateX(0) translateY(4%) rotate(0);z-index:3}75%{transform:translateX(-12%) translateY(0) rotate(7deg);z-index:4}}@keyframes sh_sn{0%, to{transform:translateX(0) translateY(8%) rotate(0);z-index:2}25%{transform:translateX(-11%) translateY(12%) rotate(7deg);z-index:1}50%{transform:translateX(0) translateY(12%) rotate(0);z-index:1}75%{transform:translateX(-11%) translateY(8%) rotate(7deg);z-index:2}}@keyframes sh_sm{0%, to{transform:translateX(0) translateY(4%) rotate(0);z-index:3}25%{transform:translateX(12%) translateY(0) rotate(-7deg);z-index:4}50%{transform:translateX(0) translateY(0) rotate(0);z-index:4}75%{transform:translateX(12%) translateY(4%) rotate(-7deg);z-index:3}}@keyframes sh_so{0%, to{transform:translateX(0) translateY(12%) rotate(0);z-index:1}25%{transform:translateX(11%) translateY(8%) rotate(-7deg);z-index:2}50%{transform:translateX(0) translateY(8%) rotate(0);z-index:2}75%{transform:translateX(11%) translateY(12%) rotate(-7deg);z-index:1}}.sM_sN{background-color:var(--baccaratBgColor);border-radius:.42em;display:flex;font-size:14px;overflow:hidden;padding:.21em;z-index:2}.sM_sN, .sM_sO{position:relative}.sM_sO{aspect-ratio:5.1;width:100%}.sM_sO canvas{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.pp_of{margin:4px;padding:.21em;--baccaratBgColor:hsla(0,0%,8%,.85);--baccaratBorderColor:transparent}.ph_pi{--tileOutlineColor:hsla(0,0%,100%,.8);--tileBackground:var(--highFlyer-result-background);--valueColor:var(--highFlyer-result-color);--valueSize:0.58333em;--tileWidth:0}.ph_pj{--tileBackground:var(--highFlyer-result-background-1);--tileOutlineColor:var(--highFlyer-result-outline-1)}.ph_pk{--tileBackground:var(--highFlyer-result-background-2);--tileOutlineColor:var(--highFlyer-result-outline-2)}.ph_pl{--tileBackground:var(--highFlyer-result-background-5);--tileOutlineColor:var(--highFlyer-result-outline-5)}.ph_pm{--tileBackground:var(--highFlyer-result-background-10);--tileOutlineColor:var(--highFlyer-result-outline-10)}.ph_pn{--tileBackground:var(--highFlyer-result-background-100);--tileOutlineColor:var(--highFlyer-result-outline-100)}.pf_pg{--highFlyer-result-background:#5c6970;--highFlyer-result-color:#fff;--highFlyer-result-background-1:rgba(0,74,117,.4);--highFlyer-result-background-2:rgba(34,4,98,.4);--highFlyer-result-background-5:rgba(66,4,113,.4);--highFlyer-result-background-10:rgba(104,4,129,.4);--highFlyer-result-background-100:rgba(140,3,101,.4);--highFlyer-result-outline-1:#0084d1;--highFlyer-result-outline-2:#6229ff;--highFlyer-result-outline-5:#9000ff;--highFlyer-result-outline-10:#b800e6;--highFlyer-result-outline-100:#f202ae}.po_of{margin:4px;padding:.21em;--baccaratBgColor:hsla(0,0%,8%,.85);--baccaratBorderColor:transparent}.rs_rt{--valueColor:var(--mega-wheel-result-color)}.rs_ru{box-shadow:none}.rs_rv{--tileBackground:var(--mega-wheel-result-background-1);--tileOutlineColor:var(--mega-wheel-result-outline-1)}.rs_rw{--tileBackground:var(--mega-wheel-result-background-2);--tileOutlineColor:var(--mega-wheel-result-outline-2)}.rs_rx{--tileBackground:var(--mega-wheel-result-background-5);--tileOutlineColor:var(--mega-wheel-result-outline-5)}.rs_ry{--tileBackground:var(--mega-wheel-result-background-8);--tileOutlineColor:var(--mega-wheel-result-outline-8)}.rs_rz{--tileBackground:var(--mega-wheel-result-background-10);--tileOutlineColor:var(--mega-wheel-result-outline-10)}.rs_rA{--tileBackground:var(--mega-wheel-result-background-15);--tileOutlineColor:var(--mega-wheel-result-outline-15)}.rs_rB{--tileBackground:var(--mega-wheel-result-background-20);--tileOutlineColor:var(--mega-wheel-result-outline-20)}.rs_rC{--tileBackground:var(--mega-wheel-result-background-30);--tileOutlineColor:var(--mega-wheel-result-outline-30)}.rs_rE{--tileBackground:var(--mega-wheel-result-background-40);--tileOutlineColor:var(--mega-wheel-result-outline-40)}.pq_pr{--mega-wheel-result-background-1:rgba(168,147,77,.4);--mega-wheel-result-outline-1:#ffeeb8;--mega-wheel-result-background-2:rgba(168,121,0,.4);--mega-wheel-result-outline-2:#ffb700;--mega-wheel-result-background-5:rgba(21,82,153,.4);--mega-wheel-result-outline-5:#4991e4;--mega-wheel-result-background-8:rgba(130,30,143,.4);--mega-wheel-result-outline-8:#a938b7;--mega-wheel-result-background-10:rgba(149,39,19,.4);--mega-wheel-result-outline-10:#fa5e42;--mega-wheel-result-background-15:rgba(143,69,0,.4);--mega-wheel-result-outline-15:#ff7b00;--mega-wheel-result-background-20:rgba(11,137,95,.4);--mega-wheel-result-outline-20:#35dea6;--mega-wheel-result-background-30:rgba(57,20,118,.4);--mega-wheel-result-outline-30:#7e5ae2;--mega-wheel-result-background-40:rgba(146,87,152,.4);--mega-wheel-result-outline-40:#f9c7ff;--mega-wheel-result-color:#fff;--tileOutlineSize:1px}.rh_ri{--valueColor:var(--money-time-result-color)}.rh_rj, .rh_rk, .rh_rl, .rh_rm{border-style:solid;border-width:1px}.rh_rj{--tileBackground:var(--money-time-result-background-1);border-color:#f0c48d}.rh_rk{--tileBackground:var(--money-time-result-background-2);border-color:#f09b55}.rh_rl{--tileBackground:var(--money-time-result-background-5);border-color:#5db7ab}.rh_rm{--tileBackground:var(--money-time-result-background-10);border-color:#806db7}.rh_rj.rh_rn{--tileBackground:linear-gradient(134.58deg,#d29b6e 0.24%,#9c683e 99.78%)}.rh_rk.rh_rn{--tileBackground:linear-gradient(315deg,#bd5c01,#f58e10)}.rh_rl.rh_rn{--tileBackground:linear-gradient(135deg,#01e2d2,#018473),linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2))}.rh_rm.rh_rn{--tileBackground:linear-gradient(135deg,#9f7ffa,#584b8f)}.rh_rn.rh_ro, .rh_rn.rh_rp, .rh_rn.rh_rq, .rh_rn.rh_rr, .rh_ro, .rh_rp, .rh_rq, .rh_rr{background-position:50%;background-repeat:no-repeat;background-size:cover}.rh_rn.rh_ro:before, .rh_rn.rh_rp:before, .rh_rn.rh_rq:before, .rh_rn.rh_rr:before, .rh_ro:before, .rh_rp:before, .rh_rq:before, .rh_rr:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.rh_ro{--tileBackground:var(--money-time-result-background-cashRoll)}.rh_ro:before{background:image-set(url(assets/images/src/recentResults/games/moneytime/assets/cashRoll_Logo.avif) type("image/avif") center/contain no-repeat,url(assets/images/src/recentResults/games/moneytime/assets/cashRoll_Logo.webp) type("image/webp") center/contain no-repeat,url(assets/images/src/recentResults/games/moneytime/assets/cashRoll_Logo.png) type("image/png") center/contain no-repeat)}.rh_rn.rh_ro:before{background:image-set(url(assets/images/src/recentResults/games/moneytime/assets/cashRollHighlightedRecent.avif) type("image/avif") center/contain no-repeat,url(assets/images/src/recentResults/games/moneytime/assets/cashRollHighlightedRecent.webp) type("image/webp") center/contain no-repeat,url(assets/images/src/recentResults/games/moneytime/assets/cashRollHighlightedRecent.png) type("image/png") center/contain no-repeat)}.rh_rp{--tileBackground:var(--money-time-result-background-bankHeist)}.rh_rp:before{background:image-set(url(assets/images/src/recentResults/games/moneytime/assets/bankHeist_Logo.avif) type("image/avif") center/contain no-repeat,url(assets/images/src/recentResults/games/moneytime/assets/bankHeist_Logo.webp) type("image/webp") center/contain no-repeat,url(assets/images/src/recentResults/games/moneytime/assets/bankHeist_Logo.png) type("image/png") center/contain no-repeat)}.rh_rn.rh_rp:before{background:image-set(url(assets/images/src/recentResults/games/moneytime/assets/bankHeistHighlightedRecent.avif) type("image/avif") center/contain no-repeat,url(assets/images/src/recentResults/games/moneytime/assets/bankHeistHighlightedRecent.webp) type("image/webp") center/contain no-repeat,url(assets/images/src/recentResults/games/moneytime/assets/bankHeistHighlightedRecent.png) type("image/png") center/contain no-repeat)}.rh_rq{--tileBackground:var(--money-time-result-background-coinRush)}.rh_rq:before{background:image-set(url(assets/images/src/recentResults/games/moneytime/assets/coinRush_Logo.avif) type("image/avif") center/contain no-repeat,url(assets/images/src/recentResults/games/moneytime/assets/coinRush_Logo.webp) type("image/webp") center/contain no-repeat,url(assets/images/src/recentResults/games/moneytime/assets/coinRush_Logo.png) type("image/png") center/contain no-repeat)}.rh_rn.rh_rq:before{background:image-set(url(assets/images/src/recentResults/games/moneytime/assets/coinRushHighlightedRecent.avif) type("image/avif") center/contain no-repeat,url(assets/images/src/recentResults/games/moneytime/assets/coinRushHighlightedRecent.webp) type("image/webp") center/contain no-repeat,url(assets/images/src/recentResults/games/moneytime/assets/coinRushHighlightedRecent.png) type("image/png") center/contain no-repeat)}.rh_rr{--tileBackground:var(--money-time-result-background-moneyTime)}.rh_rr:before{background:image-set(url(assets/images/src/recentResults/games/moneytime/assets/moneyTime_Logo.avif) type("image/avif") center/contain no-repeat,url(assets/images/src/recentResults/games/moneytime/assets/moneyTime_Logo.webp) type("image/webp") center/contain no-repeat,url(assets/images/src/recentResults/games/moneytime/assets/moneyTime_Logo.png) type("image/png") center/contain no-repeat)}.rh_rn.rh_rr:before{background:image-set(url(assets/images/src/recentResults/games/moneytime/assets/moneyTimeHighlightedRecent.avif) type("image/avif") center/contain no-repeat,url(assets/images/src/recentResults/games/moneytime/assets/moneyTimeHighlightedRecent.webp) type("image/webp") center/contain no-repeat,url(assets/images/src/recentResults/games/moneytime/assets/moneyTimeHighlightedRecent.png) type("image/png") center/contain no-repeat)}.ps_pt{--money-time-result-background-1:linear-gradient(134.58deg,hsla(27,53%,63%,.4) 0.24%,rgba(156,104,62,.4) 99.78%),linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2));--money-time-result-background-2:linear-gradient(315deg,rgba(189,92,1,.4),rgba(245,142,16,.4)),linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2));--money-time-result-background-5:linear-gradient(135deg,rgba(1,226,210,.4),rgba(1,132,115,.4)),linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2));--money-time-result-background-10:linear-gradient(135deg,rgba(159,127,250,.4),rgba(88,75,143,.4)),linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2));--money-time-result-background-cashRoll:none;--money-time-result-background-coinRush:none;--money-time-result-background-bankHeist:none;--money-time-result-background-moneyTime:none;--money-time-result-color:#fff}.pu_pv{--valueColor:var(--sicbo-result-color)}.pu_pw{--tileBackground:var(--sicbo-result-background-small);--tileOutlineColor:var(--sicbo-result-outline-small)}.pu_px{--tileBackground:var(--sicbo-result-background-big);--tileOutlineColor:var(--sicbo-result-outline-big)}.pu_py{--tileBackground:var(--sicbo-result-background-triple);--tileOutlineColor:var(--sicbo-result-outline-triple)}.pz_pA{--sicbo-result-background-small:hsla(0,0%,40%,.4);--sicbo-result-background-big:rgba(150,125,90,.4);--sicbo-result-background-triple:rgba(160,14,3,.4);--sicbo-result-color:#fff;--sicbo-result-outline-small:#ebebeb;--sicbo-result-outline-big:#fff1db;--sicbo-result-outline-triple:#eb3124}.pB_pC{background-size:cover;width:1.25em;--tileBackground:transparent;--valueColor:var(--snakes-and-ladders-result-color)}.pB_pE{--tileBackground:var(--snakes-and-ladders-result-background-one);--tileOutlineColor:var(--snakes-and-ladders-result-outline-one)}.pB_pF{--tileBackground:var(--snakes-and-ladders-result-background-two);--tileOutlineColor:var(--snakes-and-ladders-result-outline-two)}.pB_pG{--tileBackground:var(--snakes-and-ladders-result-background-five);--tileOutlineColor:var(--snakes-and-ladders-result-outline-five)}.pB_pH{--tileBackground:var(--snakes-and-ladders-result-background-ten);--tileOutlineColor:var(--snakes-and-ladders-result-outline-ten)}.pB_pI{--shadowColor:rgba(132,243,245,.8)}.pB_pJ{--shadowColor:rgba(20,157,255,.8)}.pB_pK{--shadowColor:rgba(254,52,247,.8)}.pB_pL{--shadowColor:rgba(192,33,33,.8)}.pB_pI, .pB_pJ, .pB_pK, .pB_pL{--tileWidth:1.25em;filter:none}.pB_pL .pB_pM{aspect-ratio:1;width:1.16667em}.pB_pM{left:50%;min-height:100%;pointer-events:none;position:absolute;top:50%;touch-action:none;transform:translate(-50%,-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.pN_pO{--snakes-and-ladders-result-background:#000;--snakes-and-ladders-result-color:#fff;--snakes-and-ladders-result-background-one:rgba(163,120,0,.4);--snakes-and-ladders-result-background-two:rgba(179,94,15,.4);--snakes-and-ladders-result-background-five:rgba(18,130,48,.4);--snakes-and-ladders-result-background-ten:rgba(102,78,223,.4);--snakes-and-ladders-result-outline-one:#f5b400;--snakes-and-ladders-result-outline-two:#f7963b;--snakes-and-ladders-result-outline-five:#4abf69;--snakes-and-ladders-result-outline-ten:#9985ff}.pR_pS{--tileOutlineColor:var(--spaceman-result-outline);--tileBackground:var(--spaceman-result-background);--valueColor:var(--spaceman-result-color);--valueSize:0.58333em;--tileWidth:0}.pR_pT{--tileBackground:var(--spaceman-result-background-1);--tileOutlineColor:var(--spaceman-result-outline-1)}.pR_pU{--tileBackground:var(--spaceman-result-background-2);--tileOutlineColor:var(--spaceman-result-outline-2)}.pR_pV{--tileBackground:var(--spaceman-result-background-6);--tileOutlineColor:var(--spaceman-result-outline-6)}.pR_pW{--tileBackground:var(--spaceman-result-background-25);--tileOutlineColor:var(--spaceman-result-outline-25)}.pR_pX{--tileBackground:var(--spaceman-result-background-100);--tileOutlineColor:var(--spaceman-result-outline-100)}.pR_pY{--tileBackground:var(--spaceman-result-background-5000);--tileOutlineColor:var(--spaceman-result-outline-5000)}.pP_pQ{--spaceman-result-background:rgba(54,73,84,.4);--spaceman-result-color:#fff;--spaceman-result-outline:#677a83;--spaceman-result-background-1:rgba(0,74,117,.4);--spaceman-result-background-2:rgba(34,4,98,.4);--spaceman-result-background-6:rgba(66,4,113,.4);--spaceman-result-background-25:rgba(104,4,129,.4);--spaceman-result-background-100:rgba(140,3,101,.4);--spaceman-result-background-5000:rgba(144,132,76,.4);--spaceman-result-outline-1:#0084d1;--spaceman-result-outline-2:#6229ff;--spaceman-result-outline-6:#9000ff;--spaceman-result-outline-25:#b800e6;--spaceman-result-outline-100:#f202ae;--spaceman-result-outline-5000:#fef09f}.rF_rG{--valueColor:var(--sweet-bonanza-result-color)}.rF_rH{--tileBackground:var(--sweet-bonanza-result-background-one);--tileOutlineColor:var(--sweet-bonanza-result-outline-one)}.rF_rI{--tileBackground:var(--sweet-bonanza-result-background-two);--tileOutlineColor:var(--sweet-bonanza-result-outline-two)}.rF_rJ{--tileBackground:var(--sweet-bonanza-result-background-five);--tileOutlineColor:var(--sweet-bonanza-result-outline-five)}.rF_rK{--tileBackground:var(--sweet-bonanza-result-background-cd);--tileOutlineColor:var(--sweet-bonanza-result-outline-cd)}.rF_rL{--tileBackground:var(--sweet-bonanza-result-background-ss);--tileOutlineColor:var(--sweet-bonanza-result-outline-ss)}.rF_rM{--tileBackground:var(--sweet-bonanza-result-background-bs);--tileOutlineBackground:var(--sweet-bonanza-result-outline-bs)}.rF_rN{--tileBackground:var(--sweet-bonanza-result-background-bomb);--tileOutlineBackground:var(--sweet-bonanza-result-outline-bomb)}.rF_rO{background-position:50%;background-repeat:no-repeat;background-size:.83333em}.rF_rK .rF_rO{background-image:image-set(url(assets/images/src/recentResults/games/sweetbonanza/assets/candy.avif) type("image/avif"),url(assets/images/src/recentResults/games/sweetbonanza/assets/candy.png) type("image/webp"),url(assets/images/src/recentResults/games/sweetbonanza/assets/candy.png) type("image/png"));background-position:calc(50% - .05em) calc(50% + .05em)}.rF_rL .rF_rO{background-image:image-set(url(assets/images/src/recentResults/games/sweetbonanza/assets/ss.avif) type("image/avif"),url(assets/images/src/recentResults/games/sweetbonanza/assets/ss.png) type("image/webp"),url(assets/images/src/recentResults/games/sweetbonanza/assets/ss.png) type("image/png"));background-position:calc(50% - .18em);background-size:1em}.rF_rM .rF_rO{background-image:image-set(url(assets/images/src/recentResults/games/sweetbonanza/assets/bubble.avif) type("image/avif"),url(assets/images/src/recentResults/games/sweetbonanza/assets/bubble.png) type("image/webp"),url(assets/images/src/recentResults/games/sweetbonanza/assets/bubble.png) type("image/png"));opacity:.7}.rF_rN .rF_rO{background-image:image-set(url(assets/images/src/recentResults/games/sweetbonanza/assets/bomb.avif) type("image/avif"),url(assets/images/src/recentResults/games/sweetbonanza/assets/bomb.png) type("image/webp"),url(assets/images/src/recentResults/games/sweetbonanza/assets/bomb.png) type("image/png"));background-position:top;background-size:.90909em}.qx_qy{--sweet-bonanza-result-background-one:rgba(135,110,13,.4);--sweet-bonanza-result-outline-one:#fdff9e;--sweet-bonanza-result-background-two:rgba(49,35,134,.4);--sweet-bonanza-result-outline-two:#8978dd;--sweet-bonanza-result-background-five:rgba(134,35,87,.4);--sweet-bonanza-result-outline-five:#dc7fd7;--sweet-bonanza-result-background-cd:linear-gradient(180deg,rgba(242,159,0,.4),rgba(139,75,0,.4));--sweet-bonanza-result-outline-cd:#ffda75;--sweet-bonanza-result-background-ss:linear-gradient(180deg,rgba(255,0,158,.4),rgba(151,0,81,.4));--sweet-bonanza-result-outline-ss:#ff7ad1;--sweet-bonanza-result-background-bs:linear-gradient(267.02deg,rgba(190,0,74,.4),rgba(211,76,0,.4));--sweet-bonanza-result-outline-bs:linear-gradient(242.97deg,#f3537e,#f19e50);--sweet-bonanza-result-background-bomb:linear-gradient(180deg,rgba(137,37,142,.32),rgba(51,167,193,.32)),rgba(26,26,26,.24);--sweet-bonanza-result-outline-bomb:linear-gradient(270deg,#f86dd5,#5db6e9 20%,#ff6161 40%,#e9ce01 60%,#76dff4 80%,#f86dd5);--sweet-bonanza-result-color:#fff}.pZ_p0{--topcard-result-background-home:rgba(70,54,2,.4);--topcard-result-background-away:rgba(19,38,108,.4);--topcard-result-background-draw:rgba(8,43,20,.4);--topcard-result-outline-home:#eeca49;--topcard-result-outline-away:#5073f1;--topcard-result-outline-draw:#30884d;--valueColor:#fff}.pZ_p1{--topcard-result-background-away:rgba(77,0,0,.4);--topcard-result-outline-away:#c70000}.pZ_qa{--tileBackground:var(--topcard-result-background-home);--tileOutlineColor:var(--topcard-result-outline-home)}.pZ_qb{--tileBackground:var(--topcard-result-background-away);--tileOutlineColor:var(--topcard-result-outline-away)}.pZ_qc{--tileBackground:var(--topcard-result-background-draw);--tileOutlineColor:var(--topcard-result-outline-draw)}.qe_qf{width:2.25em}.qe_qg{height:100%;position:relative;width:100%}.qe_qh{background:url(assets/images/src/recentResults/games/treasureisland/assets/octopus.png) no-repeat 50%/60%}.qe_qi{background:url(assets/images/src/recentResults/games/treasureisland/assets/skull.png) no-repeat 50%/42%}.qe_qj{background:url(assets/images/src/recentResults/games/treasureisland/assets/gear.png) no-repeat 50%/50%}.qe_qk{background:url(assets/images/src/recentResults/games/treasureisland/assets/wheel.png) no-repeat 50%/60%}.qe_ql{background:url(assets/images/src/recentResults/games/treasureisland/assets/ship.png) no-repeat 50%/42%}.qe_qm{background:url(assets/images/src/recentResults/games/treasureisland/assets/chest.png) no-repeat 50%/42%}.qe_qn{background:url(assets/images/src/recentResults/games/treasureisland/assets/topaz.png) no-repeat .04167em .16667em/70%;-webkit-clip-path:inset(0 0 .04167em 0);clip-path:inset(0 0 .04167em 0)}.qe_qo{background:url(assets/images/src/recentResults/games/treasureisland/assets/emerald.png) no-repeat -.04167em .125em/90%}.qe_qp{background:url(assets/images/src/recentResults/games/treasureisland/assets/ruby.png) no-repeat -.04167em .16667em/90%}.qe_qq{display:flex;height:100%;width:100%}.qe_qr .qe_qn{background-size:37%}.qe_qr .qe_qo, .qe_qr .qe_qp{background-size:45%}.qe_qs{height:100%;width:100%}.qe_qr .qe_qs>.qe_qt:first-child{background-position:0 0;-webkit-clip-path:inset(.16667em 0 0 0);clip-path:inset(.16667em 0 0 0);position:absolute;scale:.65;transform:translate(-.20833em,-.41667em)}.qe_qr .qe_qs>.qe_qp:first-child{scale:.62;transform:translate(-.20833em,-.45833em)}.qe_qr .qe_qs>.qe_qt:nth-child(2){background-position-x:0;position:absolute;scale:.72;transform:translateY(.20833em)}.qe_qr .qe_qs>.qe_qo:nth-child(2){transform:translate(-.08333em,.16667em)}.qe_qu{display:flex;flex-direction:column;transform:translateX(-.0625em)}.qe_qu, .qe_qv{height:100%;width:100%}.qe_qv{position:relative}.qe_qr .qe_qu>.qe_qv:first-child:not(:last-child){transform:translateY(.02083em)}.qe_qr .qe_qu>.qe_qv:nth-child(2){transform:translateY(-.02083em)}.qe_qw{-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:.08333em #4e3209;-webkit-text-fill-color:transparent;filter:none}.qe_kt, .qe_qw{font-size:.58333em;position:absolute;right:.20833em;top:50%;transform:translateY(-50%);color:transparent}.qe_kt{background:linear-gradient(#ffe194,#ffeec2,#c89e5f);-webkit-background-clip:text;background-clip:text}.qe_qr .qe_kt, .qe_qr .qe_qw{font-size:.5em}.qB_qA{--treasureisland-result-background:#000;--treasureisland-result-color:#fff;--valueColor:#fff}.rP_qf{--valueColor:var(--treasure-island-result-color);--tileBackground:var(--treasure-island-result-background)}.rP_rQ{--tileBackground:var(--treasure-island-result-background-1);--tileOutlineColor:var(--treasure-island-result-outline-1)}.rP_rR{--tileBackground:var(--treasure-island-result-background-2);--tileOutlineColor:var(--treasure-island-result-outline-2)}.rP_rS{--tileBackground:var(--treasure-island-result-background-5);--tileOutlineColor:var(--treasure-island-result-outline-5)}.rP_rT{--tileBackground:var(--treasure-island-result-background-10);--tileOutlineColor:var(--treasure-island-result-outline-10)}.rP_rU, .rP_rV, .rP_rW, .rP_rX{--tileWidth:1.25em}.rP_rY{left:50%;min-height:100%;pointer-events:none;position:absolute;top:50%;touch-action:none;transform:translate(-50%,-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.qz_qA{--treasure-island-result-color:#fff;--treasure-island-result-background:transparent;--treasure-island-result-background-1:rgba(121,89,6,.4);--treasure-island-result-background-2:rgba(16,81,20,.4);--treasure-island-result-background-5:rgba(9,77,109,.4);--treasure-island-result-background-10:rgba(139,22,14,.4);--treasure-island-result-outline-1:#f4bb2a;--treasure-island-result-outline-2:#3f8d44;--treasure-island-result-outline-5:#2d89b4;--treasure-island-result-outline-10:#cf352a}.oe_of{margin:var(--core-spacing-tiny);padding:.21em;--baccaratBgColor:#fff;--baccaratBorderColor:#d2d2d3}.qC_qE{--valueColor:var(--roulette-result-color)}.qC_qF{--tileBackground:var(--roulette-result-background-red);--tileOutlineColor:var(--roulette-result-outline-red)}.qC_qG{--tileBackground:var(--roulette-result-background-black);--tileOutlineColor:var(--roulette-result-outline-black)}.qC_qH{--tileBackground:var(--roulette-result-background-green);--tileOutlineColor:var(--roulette-result-outline-green)}.qC_qI{--tileOutlineColor:var(--roulette-result-outline-chest)}.qC_qJ{bottom:-.0625em;position:absolute}.qC_qK{display:block;width:1.91667em}.og_oh{--roulette-result-background-red:rgba(146,7,21,.4);--roulette-result-background-black:rgba(31,31,31,.4);--roulette-result-background-green:rgba(14,47,4,.4);--roulette-result-outline-red:#b70b1c;--roulette-result-outline-black:#545454;--roulette-result-outline-green:#377d21;--roulette-result-outline-chest:#aefefc;--roulette-result-color:#fff}.qT_qU{--valueColor:var(--roulette-result-color)}.qT_qV{--tileBackground:var(--roulette-result-background-red);--tileOutlineColor:var(--roulette-result-outline-red)}.qT_qW{--tileBackground:var(--roulette-result-background-black);--tileOutlineColor:var(--roulette-result-outline-black)}.qT_qX{--tileBackground:var(--roulette-result-background-green);--tileOutlineColor:var(--roulette-result-outline-green)}.oi_oj{--roulette-result-background-red:rgba(146,7,21,.4);--roulette-result-background-black:rgba(31,31,31,.4);--roulette-result-background-green:rgba(14,47,4,.4);--roulette-result-outline-red:#b70b1c;--roulette-result-outline-black:#545454;--roulette-result-outline-green:#377d21;--roulette-result-color:#fff}.qY_qE{--valueColor:var(--roulette-result-color)}.qY_qF{--tileBackground:var(--roulette-result-background-red);--tileOutlineColor:var(--roulette-result-outline-red)}.qY_qG{--tileBackground:var(--roulette-result-background-black);--tileOutlineColor:var(--roulette-result-outline-black)}.qY_qH{--tileBackground:var(--roulette-result-background-green);--tileOutlineColor:var(--roulette-result-outline-green)}.qY_qZ{--tileOutlineBackground:var(--roulette-result-outline-boosted);--badgeMultiplierBackground:var(--roulette-result-text-boosted);--badgeMultiplierStroke:var(--roulette-result-text-stroke-boosted)}.qY_q0{--tileOutlineBackground:var(--roulette-result-outline-gold)}.qY_qJ{bottom:-.0625em;position:absolute}.qY_qK{display:block;width:1.88em}.on_oh{--roulette-result-background-red:rgba(146,7,21,.4);--roulette-result-background-black:rgba(31,31,31,.4);--roulette-result-background-green:rgba(14,47,4,.4);--roulette-result-outline-red:#b70b1c;--roulette-result-outline-black:#545454;--roulette-result-outline-green:#377d21;--roulette-result-text-boosted:linear-gradient(180deg,#36e1ff,#fff 20%,#dceeff 80%,#46a1fc);--roulette-result-text-stroke-boosted:#0b4177;--roulette-result-outline-boosted:linear-gradient(180deg,#2b8ef2,#79b1e8 50%,#0573e2);--roulette-result-outline-gold:linear-gradient(180deg,#ffdb58,#ffe78e 50%,#ffb118);--roulette-result-color:#fff}.qL_qM{--valueColor:var(--roulette-result-color)}.qL_qN{--tileBackground:var(--roulette-result-background-red);--tileOutlineColor:var(--roulette-result-outline-red)}.qL_qO{--tileBackground:var(--roulette-result-background-black);--tileOutlineColor:var(--roulette-result-outline-black)}.qL_qP{--tileBackground:var(--roulette-result-background-green);--tileOutlineColor:var(--roulette-result-outline-green)}.qL_qQ{--tileOutlineBackground:var(--roulette-result-outline-bonus)}.qL_qR{bottom:0;margin-left:-1px;position:absolute}.qL_qS{display:block;width:1.81818em}.ok_oh{--roulette-result-background-red:rgba(146,7,21,.4);--roulette-result-background-black:rgba(31,31,31,.4);--roulette-result-background-green:rgba(14,47,4,.4);--roulette-result-outline-red:#b70b1c;--roulette-result-outline-black:#545454;--roulette-result-outline-green:#377d21;--roulette-result-outline-bonus:linear-gradient(107.86deg,#cb8aff 50.58%,#2cffff 100.58%);--roulette-result-color:#fff}.ra_rc{--tileBackground:var(--roulette-result-background-black);--tileOutlineColor:var(--roulette-result-outline-black)}.ra_re{--tileBackground:var(--roulette-result-background-green);--tileOutlineColor:var(--roulette-result-outline-green)}.ra_rf{--tileBackground:var(--roulette-result-background-red);--tileOutlineColor:var(--roulette-result-outline-red)}.ra_rg{margin:0;position:relative;--roulette-result-outline-first:linear-gradient(270deg,#545454,#37cca8);--roulette-result-outline-between:#38cca9;--roulette-result-outline-last:linear-gradient(90deg,#545454,#37cca8)}.ra_rg>:first-child{--tileOutlineBackground:var(--roulette-result-outline-first)}.ra_rg>:last-child{--tileOutlineBackground:var(--roulette-result-outline-last)}.ra_rg>:not(:first-child):not(:last-child){--tileOutlineBackground:var(--roulette-result-outline-between)}.ol_om{--roulette-result-background-red:rgba(146,7,21,.4);--roulette-result-background-black:rgba(31,31,31,.4);--roulette-result-background-green:rgba(14,47,4,.4);--roulette-result-outline-red:#b70b1c;--roulette-result-outline-black:#545454;--roulette-result-outline-green:#377d21;--roulette-result-color:#fff;--valueColor:#fff}.q1_qE{--valueColor:var(--roulette-result-color)}.q1_qF{--tileBackground:var(--roulette-result-background-red);--tileOutlineColor:var(--roulette-result-outline-red)}.q1_qG{--tileBackground:var(--roulette-result-background-black);--tileOutlineColor:var(--roulette-result-outline-black)}.q1_qH{--tileBackground:var(--roulette-result-background-green);--tileOutlineColor:var(--roulette-result-outline-green)}.oo_oh{--roulette-result-background-red:rgba(146,7,21,.4);--roulette-result-background-black:rgba(31,31,31,.4);--roulette-result-background-green:rgba(14,47,4,.4);--roulette-result-outline-red:#b70b1c;--roulette-result-outline-black:#545454;--roulette-result-outline-green:#377d21;--roulette-result-color:#fff}.em_en{max-width:420px;width:100%}.em_eo{padding-bottom:calc(100%/(var(--lobby-tile-aspect-ratio)) + var(--lobby-tile-gap)*2 + var(--lobby-tile-font-size)*var(--lobby-tile-line-height) + var(--lobby-tile-footer-height));width:100%}.em_ep{pointer-events:none;position:relative;width:100%;z-index:1}.em_eq .em_ep{opacity:0}.em_ep>*{height:100%;left:0;position:absolute;top:0;width:100%}.em_er{opacity:0}.em_eq .em_er{opacity:1}.em_es{animation:em_et .15s ease-in-out forwards;opacity:0}.em_es.em_eu{animation:em_ev .15s ease-in-out forwards;opacity:1}@keyframes em_et{0%{opacity:0}to{opacity:1}}@keyframes em_ev{0%{opacity:1}to{opacity:0}}.hO_hP{container-name:tileCollapse;container-type:inline-size;display:flex;flex-direction:column;justify-content:start;max-width:100%;overflow:hidden;padding:0 0 15%;position:relative;width:100%}.hO_hQ{left:12px;padding:0 0 calc((100% - 24px)/(var(--lobby-tile-aspect-ratio)));width:calc(100% - 24px);z-index:2}.hO_hQ, .hO_hR{border-radius:8px;bottom:0;overflow:hidden;position:absolute;transition:.3s}.hO_hR{background-color:#000;left:24px;padding:0 0 calc((100% - 48px)/(var(--lobby-tile-aspect-ratio)));width:calc(100% - 48px);z-index:1}.hO_hQ:before, .hO_hR:before{background:linear-gradient(180deg,rgba(0,0,0,.5),#000);border-radius:8px;bottom:0;content:"";height:100%;left:0;position:absolute;width:100%;z-index:2}.hO_hQ:before{opacity:.85}.hO_hR:before{opacity:.95}.hO_hQ:after, .hO_hR:after{border-radius:8px;bottom:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);content:"";height:100%;left:0;position:absolute;transition:box-shadow var(--core-duration-relaxed) var(--core-timing-function-standart);width:100%;z-index:3}.hO_hP.hO_hS .hO_hQ{bottom:-10px}.hO_hP.hO_hS .hO_hR{bottom:-20px}@media (hover: hover) and (pointer:fine){.hO_hP:hover .hO_hQ:after, .hO_hP:hover .hO_hR:after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}}.hO_hT{align-items:center;box-sizing:border-box;color:#bcbcbc;cursor:pointer;display:flex;flex-direction:column;justify-content:end;left:0;padding:0 0 calc(100%/(var(--lobby-tile-aspect-ratio)));position:relative;top:0;transition:box-shadow var(--core-duration-relaxed) var(--core-timing-function-standart);width:100%;z-index:3}.hO_hT, .hO_hT p{text-align:center}.hO_hT p{bottom:0;color:var(--lobby-main_font_color);font-size:14px;font-weight:600;line-height:135%;margin:0;padding:0 16px 16px;position:absolute;z-index:6}@container tileCollapse (width < 220px){.hO_hT p{font-size:10px;padding:0 12px 7px}.hO_hP.hO_hS .hO_hQ{bottom:-8px}.hO_hP.hO_hS .hO_hR{bottom:-16px}}.hO_hT p svg{color:var(--theme-color-accent);left:0;margin-left:4px;position:relative;transform:rotate(-180deg);transition:.2s;vertical-align:middle}@container tileCollapse (width < 220px){.hO_hT p svg{height:12px;margin-left:2px;width:12px}}.hO_hP.hO_hS .hO_hT p svg{transform:rotate(0deg)}@media (hover: hover) and (pointer:fine){.hO_hP:hover .hO_hT p svg{left:2px}.hO_hP.hO_hS:hover .hO_hQ, .hO_hP.hO_hS:hover .hO_hR{transform:translateY(1px)}}.hO_hP img{transition:transform var(--core-duration-emphasized) var(--core-timing-function-standart),opacity var(--core-duration-regular) var(--core-timing-function-standart)}@media (hover: hover) and (pointer:fine){.hO_hP:hover img{transform:scale(1.08)}}.hO_hU{background-color:#2b2b2b;bottom:0;left:0;overflow:hidden;z-index:3}.hO_hU, .hO_hU:after{border-radius:.5em;height:100%;position:absolute;right:0;top:0;width:100%}.hO_hU:after{content:"";display:block;pointer-events:none;transform:translateZ(0);transition:box-shadow var(--core-duration-relaxed) var(--core-timing-function-standart);z-index:6}.hO_hP.hO_hS .hO_hU:after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}@media (hover: hover) and (pointer:fine){.hO_hP:hover .hO_hU:after{box-shadow:none}}.hO_hU:before{background:linear-gradient(180deg,rgba(0,0,0,.5),#000);content:"";opacity:.7;z-index:5}.hO_hU:before, .hO_hV{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.hO_hV{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:0;transition:opacity .3s;z-index:4}.hO_hW{opacity:1}.bC_bE{display:grid;grid-auto-rows:min-content;grid-template-columns:repeat(2,1fr);position:relative;width:100%;grid-gap:var(--core-spacing-regular) var(--core-spacing-small)}.bC_bE.bC_bF{grid-template-columns:1fr;grid-template-rows:1fr}@media (min-width: 469px), (min-width: 600px){.bC_bE{gap:var(--core-spacing-regular);grid-template-columns:repeat(2,1fr)}}@media (min-width: 667px){.bC_bE{gap:var(--core-spacing-regular);grid-template-columns:repeat(3,1fr)}}@media (min-width: 1366px){.bC_bE{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1800px){.bC_bE{grid-template-columns:repeat(auto-fill,minmax(285px,1fr))}}.bw_bx{align-items:flex-start;width:100%}.bw_bx, .bw_by{display:flex;justify-content:center}.bw_by{align-items:center;background-color:rgba(var(--lobby-color-light),.05);border-radius:var(--ui-size-radius-regular);box-sizing:border-box;flex-direction:column;font-family:inherit;margin:0 auto;max-width:344px;padding:var(--core-spacing-regular) var(--core-spacing-large);text-align:center}.bw_bz{font-size:18px;margin:0}.bw_bA{color:rgba(var(--lobby-color-light),.6);margin:var(--core-spacing-tiny) 0}.bw_bB{background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:1em;margin-top:var(--core-spacing-tiny)}.bw_bB, .bw_bB:hover{color:var(--theme-color-accent)}@media (min-width: 667px){.bw_bx{padding-top:3rem}}@media (min-width: 1024px){.bw_bx{align-items:center;height:100%;padding-top:0}.bw_by{max-width:465px;padding:24px 92px}}.jL_fG{--title-color:#ffceb2;--background:rgba(238,170,132,var(--background-gradient-alpha));--background-color-minStake:rgba(255,198,165,var(--background-minStake-alpha));--border-gradient:linear-gradient(#ffc3a1,#ffe4d4,transparent)}.jL_fH{--title-color:#ececec;--background:rgba(186,186,186,var(--background-gradient-alpha));--background-color-minStake:rgba(187,187,187,var(--background-minStake-alpha));--border-gradient:linear-gradient(#d1d1d1,#fff,transparent)}.jL_fI{--title-color:#ffe1a5;--background:rgba(255,198,111,var(--background-gradient-alpha));--background-color-minStake:rgba(255,225,165,var(--background-minStake-alpha));--border-gradient:linear-gradient(#ffd79c,#ffeaca,transparent)}.jL_fJ{--title-color:#d1f4ff;--background:rgba(179,241,255,var(--background-gradient-alpha));--background-color-minStake:rgba(209,244,255,var(--background-minStake-alpha));--border-gradient:linear-gradient(#b6edff 6%,#dcfbff,transparent)}.jL_jM{background:var(--border-gradient);border-radius:var(--radius-large-outer) var(--radius-large-outer) 0 0;box-sizing:border-box;cursor:pointer;flex:1;margin:-1px -1px 0;padding:var(--tile-border);padding-bottom:0;position:relative;--background-minStake-alpha:0.1;--background-gradient-alpha:0.3}.jL_jN{background:radial-gradient(113% 98% at 30% 100%,transparent 72%,var(--background)),linear-gradient(#161616,transparent);background-clip:padding-box;background-color:var(--lobby-background-color);border-bottom:none;border-radius:var(--radius-large) var(--radius-large) 0 0;display:flex;flex-direction:column;gap:var(--spacing-intermediate);justify-content:space-between;padding:var(--spacing-regular) var(--spacing-large);z-index:1}.jL_jO{margin:-2px -2px 0;padding:var(--tile-border-active);padding-bottom:0;--background-minStake-alpha:0.2;--background-gradient-alpha:0.4}.jL_jP{--tile-border:1px;--tile-border-active:2px;--radius-large:12px;--radius-large-outer:13px}.jL_jQ .jL_jN{padding-top:0}.jL_jP .jL_jN{padding:.625em var(--spacing-regular)}.jL_jP.jL_jO .jL_jN{padding-bottom:.875em}.jL_jP .jL_jR{font-size:var(--font-size-title-small)}.jL_jP .jL_jS{display:none}.jL_jR{color:var(--title-color);font-size:var(--font-size-title);font-weight:600;margin:0;text-align:center}.jL_jS{align-items:center;background:var(--background-color-minStake);border-radius:var(--radius-small);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-tiny)}.jL_jT{color:hsla(0,0%,100%,.42);font-size:var(--font-size-regular)}.jL_jT, .jL_jU{font-weight:600}.jL_jU{color:#fff;font-size:var(--font-size-accent)}.jL_jV{height:16px;position:absolute;right:10px;top:10px;width:16px}@media (max-height: 499.98px),(max-width:1023.98px){.jL_jM{border-radius:var(--radius-large-outer) var(--radius-large-outer) 0 0;margin:-1px -1px 0;-webkit-mask:linear-gradient(var(--lobby-background-color) calc(100% - 10px),transparent);mask:linear-gradient(var(--lobby-background-color) calc(100% - 10px),transparent);max-width:343px;--background-minStake-alpha:0.05}.jL_jO{border-radius:calc(var(--radius-large-outer) + 1px) calc(var(--radius-large-outer) + 1px) 0 0;margin:-2px -2px 0;--background-minStake-alpha:0.1}.jL_jN{border-radius:calc(var(--radius-large-outer) - 1px) calc(var(--radius-large-outer) - 1px) 0 0;gap:var(--core-spacing-small);padding:0 var(--core-spacing-regular) var(--core-spacing-intermidiate)}.jL_jR{font-size:var(--core-font-size-large);margin-top:8px;text-wrap:nowrap}.jL_jS{padding:var(--core-spacing-tiny)}.jL_jT{font-size:var(--core-font-size-small)}.jL_jU{font-size:var(--core-font-size-regular)}}@media (max-height: 374.98px){.jL_jR{margin-top:0}}@media (max-width: 599.98px){.jL_jM{max-width:none}.jL_jR{text-wrap:wrap}}@media (min-width: 1024px) and (min-height:500px){.jL_jM{margin-left:-2px;margin-right:-2px}.jL_jO .jL_jN{gap:var(--spacing-regular);padding-bottom:var(--spacing-large)}.jL_jO{margin-left:-3px;margin-right:-3px;margin-top:calc(-.75em - 2px)}.jL_jP.jL_jO{margin-left:-2px;margin-right:-2px}.jL_jP{margin-left:-1px;margin-right:-1px;min-width:176px}.jL_jW:not(.jL_jO){opacity:.7}.jL_jR{white-space:pre-line}}.jX_jY{align-items:center;background:rgba(0,0,0,.3);border:2px solid hsla(0,0%,100%,.2);border-radius:0 0 1.5em 1.5em;border-top:none;display:inline-flex;gap:.25em;justify-content:center;padding:12px 18px}.jX_jZ .jX_j0{opacity:.5}.jX_j1 .jX_ka{color:#ffd500}.jX_kb{align-self:center;border-radius:0 0 16px 16px;border-width:1px;gap:2px;padding:8px 10px}.jX_ka{color:#0bd66a;height:1.75em;margin-right:.25em;margin-top:-2px;width:1.75em}.jX_jZ .jX_ka{color:#fff;opacity:.5}.jX_j0{align-items:flex-end;display:inline-flex;font-weight:400;gap:1px;justify-content:center;text-align:center;width:2.75em}.jX_kc{font-size:1.5em;line-height:1}.jX_ke{font-size:.75em}.jX_kb .jX_kc{font-size:14px}.jX_kb .jX_ke{font-size:6.5px}.jX_kb .jX_j0{width:28px}.jX_kb .jX_ka{height:18px;width:18px}.fC_fE{font-size:16px;grid-column:-1/1;--spacing-large:1.5em;--spacing-regular:1em;--spacing-intermediate:0.75em;--spacing-small:0.5em;--spacing-tiny:0.25em;--font-size-title:1.625em;--font-size-title-small:1.125em;--font-size-regular:1em;--font-size-accent:1.5em;--radius-large:16px;--radius-large-outer:15px;--radius-small:0.5em;--tile-border:1px;--tile-border-active:2px}.fC_fF{--background:rgba(255,218,141,.3)}.fC_fG{--background:hsla(22,76%,73%,.3)}.fC_fH{--background:hsla(0,0%,73%,.3)}.fC_fI{--background:rgba(255,198,111,.3)}.fC_fJ{--background:rgba(179,241,255,.3)}.fC_fK{background:linear-gradient(hsla(0,0%,100%,.2),transparent);border-radius:var(--radius-large-outer) var(--radius-large-outer) 0 0;margin-top:8px;-webkit-mask:linear-gradient(var(--lobby-background-color) calc(100% - 1.25em),transparent);mask:linear-gradient(var(--lobby-background-color) calc(100% - 1.25em),transparent);padding:2px 2px 0}.fC_fK:has(.fC_fL){--radius-large:8px;--radius-large-outer:8.5px;padding:1px}.fC_fM{background:radial-gradient(113% 98% at 30% 100%,transparent 72%,var(--background)),linear-gradient(180deg,#161616 0,hsla(0,0%,9%,0) 100%);background-clip:padding-box;background-color:var(--lobby-background-color);border-radius:var(--radius-large) var(--radius-large) 0 0;display:flex;flex-direction:column;margin-bottom:0;padding:0 var(--spacing-large);position:relative}.fC_fL{--background:rgba(255,198,111,.1);flex-direction:row;gap:5.75em;padding-bottom:var(--spacing-tiny);padding-top:var(--spacing-small)}.fC_fN{cursor:pointer;height:1.5em;right:var(--spacing-regular);top:var(--spacing-regular);transform:rotateX(0);transition:opacity, transform, background-color, border-color, color var(--core-duration-regular) ease-in-out;width:1.5em}.fC_fN, .fC_fO{position:absolute}.fC_fO{top:0}.fC_fP{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-large);padding-top:var(--spacing-regular)}.fC_fL .fC_fP{align-items:flex-start;gap:.375em;padding-top:0}.fC_fQ{background:linear-gradient(270deg,transparent,rgba(0,0,0,.5),transparent);border-bottom:2px solid;-o-border-image:linear-gradient(270deg,transparent,#fde7a2,transparent) 30;border-image:linear-gradient(270deg,transparent,#fde7a2,transparent) 30;border-top:2px solid;display:flex;font-weight:600;gap:1.625em;justify-content:center;padding:var(--spacing-small);padding-left:9.5em;padding-right:9.5em}.fC_fQ, .fC_fR{align-items:center}.fC_fR{display:inline-flex;gap:8px}.fC_fS{color:#ffedd1;font-size:1.5em}.fC_fT{color:#ffd88d;font-size:2em}.fC_fU{color:#efab41;font-size:var(--font-size-title-small);font-style:normal;font-weight:600;padding-left:.4375em}.fC_fV{height:10em;width:auto}.fC_fL .fC_fV{height:auto;width:22.5em}.fC_fL .fC_fN{transform:rotateX(180deg)}.fC_fL .fC_fW{align-self:flex-end;gap:var(--spacing-regular);height:4em;padding-right:2.25em}.fC_fW{align-items:flex-end;display:flex;gap:var(--spacing-large);margin-top:2em;width:100%}@media (min-width: 1024px) and (min-height:500px){.fC_fE{font-size:max(9px,min(.9vw,20px));--radius-large:12px;--radius-large-outer:13px}}@media (min-width: 1366px) and (min-height:500px){.fC_fE{--radius-large:16px;--radius-large-outer:18px;--tile-border:2px;--tile-border-active:3px}.fC_fQ{padding-left:14.5em;padding-right:14.5em}}.fC_fX, .fC_fY{margin-bottom:-8px}.fC_fY{display:flex;flex-direction:row;gap:16px;justify-content:space-around;overflow-x:auto;padding:4px 4px 0;scrollbar-width:none}@media (orientation: landscape){.fC_fY{margin-top:8px}}.fC_fZ{gap:16px;padding:4px}.eL_eM{display:flex;gap:var(--core-spacing-large);transform:translateZ(0);width:100%}.eL_eN{flex-basis:33.3333%;transition-duration:calc(var(--core-frame-time)*30);transition-property:flex-basis;will-change:auto}.eL_eN, .eL_eO{flex-grow:1}@media (min-width: 1366px) and (min-height:500px){.eL_eN{flex-basis:20%}.eL_eO{flex-basis:43.6%}}@media (min-width: 1800px){.eL_eN, .eL_eO{flex-basis:33.3333%}.eL_eN{max-width:1000px}}@media (min-width: 1024px) and (max-width:1365px) and (orientation:landscape),(min-width:768px) and (max-width:1365px) and (orientation:portrait){.eL_eM{gap:var(--core-spacing-regular)}}.i1_ja{--animation-duration:0.5s;border-radius:var(--core-size-radius-large);left:0;position:absolute;top:0;transform:scale(1.01);z-index:2}.i1_ja, .i1_jb{height:100%;width:100%}.i1_jb{-o-object-fit:cover;object-fit:cover;opacity:0;pointer-events:none;transition:visibility 0s,opacity var(--animation-duration) ease;visibility:hidden}.i1_jc:not(.i1_iS) .i1_jb{animation:i1_et .6s ease-in-out forwards}@keyframes i1_et{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}.lu_lv{align-items:center;border-radius:100%;color:#fff;display:flex;height:36px;justify-content:center;opacity:.75;transition:background-color .3s ease;width:36px}@media (hover: hover){.lu_lv:hover{background-color:hsla(0,0%,100%,.1)}}.mh_mi{align-items:center;border-radius:100%;cursor:pointer;display:flex;height:var(--core-size-icon-extra-large);justify-content:center;opacity:.75;transition:background-color .3s ease;width:var(--core-size-icon-extra-large)}@media (hover: hover){.mh_mi:hover{background-color:hsla(0,0%,100%,.1)}}.mh_mj{cursor:default;pointer-events:none}.mh_mj:hover{background-color:transparent}.mh_mk{transform:rotate(90deg)}.mh_mk, .mh_ml{transform-origin:center}.mh_ml{animation:mh_mm .5s ease-out;animation-fill-mode:forwards;display:block}@keyframes mh_mn{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes mh_mm{0%{transform:rotate(-70deg) scale(1.2)}60%{transform:rotate(7deg)}90%{transform:rotate(-4deg)}to{transform:rotate(0deg) scale(1)}}@keyframes mh_mo{0%, to{stroke-dasharray:46,179,65.97;stroke-dashoffset:0}50%{stroke-dasharray:6.5,65.97;stroke-dashoffset:-10.5}}.f0_f1{background-position:top;background-size:cover;box-sizing:border-box;cursor:pointer;display:flex;font-size:16px;height:316px;overflow:hidden;padding:var(--core-spacing-regular) var(--core-spacing-regular) calc(var(--core-spacing-regular)*2);position:relative;width:100%}.f0_f1, .f0_f1:after{border-radius:var(--core-size-radius-regular)}.f0_f1:after{background-image:linear-gradient(hsla(0,0%,7%,0),hsla(0,0%,7%,.8));bottom:-4px;content:"";height:50%;left:-4px;position:absolute;right:-4px;top:auto;transform:translateZ(0);z-index:2}.f0_f1.f0_ga:after{background-image:none}.f0_f1:focus, .f0_f1:focus-visible{outline:none}.f0_gb{border-radius:var(--core-size-radius-regular);bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;touch-action:none;transform:translateZ(0);z-index:1}.f0_gb img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100%}.f0_gc{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-end;margin-bottom:var(--core-spacing-regular);position:relative;transform:translateZ(0);width:100%;z-index:3}.f0_ge{background:linear-gradient(275deg,#fa4747,#b9070d);border-radius:0 var(--core-size-radius-small) var(--core-size-radius-small) 0;font-size:.875em;left:0;line-height:.875em;padding:.5em;position:absolute;text-transform:uppercase;top:8px;z-index:3}.f0_ge, .f0_gf{color:#fff;font-weight:600}.f0_gf{font-size:1.5em;font-style:normal;line-height:1.3em;margin-bottom:var(--core-spacing-small)}.f0_gg{margin-bottom:0;padding-right:86px}.f0_gh{align-content:center;align-items:center;background:hsla(0,0%,9%,.5);border-radius:var(--core-size-radius-regular);display:flex;flex-wrap:nowrap;font-size:.875em;font-style:normal;font-weight:500;gap:var(--core-spacing-small);height:24px;padding-left:var(--core-spacing-small);padding-right:var(--core-spacing-small)}.f0_gi{color:#ffb700}.f0_gj{align-content:center;align-items:center;color:#fff;display:flex;flex-wrap:nowrap;gap:4px}.f0_gj>svg{--iconSize:1em}@media (min-width: 375px){.f0_f1{height:390px}}@media (min-width: 469px){.f0_f1{height:336px;padding:var(--core-spacing-regular)}.f0_gc{margin-bottom:0}.f0_gf{font-size:1.125em;margin-bottom:var(--core-spacing-tiny)}.f0_gg{margin-bottom:0}}@media (min-width: 600px){.f0_f1{height:190px}.f0_gf{font-size:1em}}@media (min-width: 667px){.f0_f1{height:246px}}@media (min-width: 1024px) and (max-width:1365px) and (orientation:landscape){.f0_f1{height:292px}}@media (min-width: 1024px){.f0_f1{height:292px}.f0_gf{font-size:1.125em;margin-bottom:var(--core-spacing-small)}.f0_gg{margin-bottom:0}}@media (min-width: 1366px){.f0_f1{height:26vw}.f0_gf{font-size:1.5em;margin-bottom:var(--core-spacing-small)}.f0_gg{margin-bottom:0}}@media (min-width: 1800px){.f0_f1{height:456px}}.f0_gk{bottom:-6px;display:flex;gap:4px;position:absolute;right:-6px;z-index:10}.eP_eQ{-webkit-mask-image:linear-gradient(90deg,#000,#000 calc(100% - 75px),transparent);mask-image:linear-gradient(90deg,#000,#000 calc(100% - 75px),transparent)}.eC_eE{padding-left:0}@media (min-width: 375px){.eC_eE{padding-left:4px}}@media (min-width: 1512px){.eC_eE{padding-left:var(--core-spacing-intermidiate)}}.eC_eF{bottom:48px}.eA_eB{box-sizing:border-box;display:flex;flex-basis:285px;flex-shrink:0;margin-left:var(--lobby-layout-spacing);margin-right:var(--lobby-layout-spacing);max-width:50vw;position:relative;width:285px}@media (min-width: 375px){.eA_eB{margin-left:calc(var(--lobby-layout-spacing) - 4px);margin-right:0}.eA_eB:last-child{margin-right:var(--lobby-layout-spacing)}}@media (min-width: 1024px){.eA_eB{margin-left:calc(var(--core-spacing-regular) - 4px)}.eA_eB:last-child{margin-right:var(--lobby-layout-spacing)}}@media (min-width: 1024px) and (max-width:1365px) and (orientation:landscape),(min-width:768px) and (max-width:1365px) and (orientation:portrait){.eA_eB{flex-basis:190px}}.gr_gs{color:#ededed;font-size:var(--core-font-size-large);line-height:1.3em;margin-bottom:var(--core-spacing-small);margin-left:var(--lobby-layout-spacing);margin-right:var(--lobby-layout-spacing);margin-top:0;padding:0;text-transform:capitalize}@media (min-width: 1024px){.gr_gs{margin-left:24px;margin-right:24px}}.bm_bn{padding:var(--core-spacing-small) var(--lobby-layout-spacing) var(--core-spacing-regular) var(--lobby-layout-spacing)}.bm_bo{display:flex;justify-content:flex-end;padding:15px 24px 0;position:sticky;top:0;z-index:1}.bm_bp{display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--core-spacing-regular);margin-bottom:46px}@media (min-width: 469px){.bm_bn{padding-right:0}}@media (min-width: 600px){.bm_bn{padding:var(--lobby-layout-spacing);padding-right:0}}@media (min-width: 1024px){.bm_bn{padding:var(--lobby-layout-spacing)}}.bq_br{background:var(--lobby-background-regular);background-attachment:fixed;bottom:0;box-sizing:border-box;flex-direction:column;left:0;overflow:hidden;padding:var(--core-spacing-intermidiate) var(--lobby-layout-spacing) var(--core-spacing-regular) var(--lobby-layout-spacing);position:absolute;right:0;top:0;z-index:100}.bq_br, .bq_bs{display:flex;gap:var(--core-spacing-regular)}.bq_bs{flex-wrap:nowrap;width:calc(300% + 32px)}.bq_bs>div{border-radius:8px;height:316px;width:100%}.bq_bt{margin-bottom:14px}.bq_bu{border-radius:8px;margin-bottom:6px}.bq_bv{display:flex;flex-wrap:nowrap;gap:16px;width:2994px}@media (min-width: 375px){.bq_bs>div{height:390px}}@media (min-width: 469px){.bq_bs{width:246%}.bq_bs>div{height:336px}.bq_bv{gap:12px;width:2958px}}@media (min-width: 600px){.bq_br{padding:var(--lobby-layout-spacing)}.bq_bs{width:196%}.bq_bs>div{height:190px}}@media (min-width: 667px){.bq_bs{width:160%}.bq_bs>div{height:246px}}@media (min-width: 1024px){.bq_br{gap:24px;padding:24px}.bq_bs{gap:24px;width:180%}.bq_bs>div{border-radius:16px;height:300px}}@media (min-width: 1366px){.bq_bs{width:100%}.bq_bs>div{height:26vw}.bq_bs>div:first-child{flex-basis:190%;flex-grow:2}}@media (min-width: 1800px){.bq_bs>div, .bq_bs>div:first-child{flex-basis:100%;flex-grow:1}.bq_bs>div{height:456px;max-width:1000px}}.K_L{flex-grow:1;padding-top:3rem}@media (min-width: 667px){.K_L{padding-top:0}}.f_g{background-color:var(--lobby-menu-background);box-sizing:border-box;padding:var(--lobby-layout-spacing);position:sticky;top:0;width:100%;z-index:var(--lobby-elevation-filter)}.f_h{display:flex;flex:1;padding-bottom:calc(var(--core-spacing-regular) + 32px);padding-left:var(--lobby-layout-spacing);padding-right:var(--lobby-layout-spacing);padding-top:0;position:relative;z-index:1}.f_i{flex-direction:column}.ct_cu{align-items:center;display:grid;grid-template-columns:auto 1fr;grid-column-gap:var(--core-spacing-small);padding-bottom:var(--core-spacing-regular)}.ct_cv, .ct_cw{grid-template-columns:auto 1fr auto}.ct_cx{caret-color:transparent;position:relative;transform:scaleX(0);transform-origin:right;transition:transform .25s ease}.ct_cy{transform:scaleX(100%)}.ct_cz{caret-color:auto}.ct_cA{align-items:center;background-color:transparent;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px;--iconSize:24px}.ct_cB{background:hsla(0,0%,100%,.05);border-radius:8px;height:40px;width:48px}.ct_cC{-moz-column-gap:var(--core-spacing-small);column-gap:var(--core-spacing-small);display:flex;overflow:hidden}.ct_cC div{background:hsla(0,0%,100%,.05);border-radius:24px;flex-shrink:0;height:40px}.ct_cC div:nth-child(3n/**/+1){width:120px}.ct_cC div:nth-child(3n/**/+2){width:100px}.ct_cC div:nth-child(3n/**/+3){width:80px}@media (orientation: portrait) and (max-height:599px){.ct_cA{--iconSize:var(--core-size-icon-regular)}}@media (min-width: 1024px),(orientation:landscape){.ct_cx{caret-color:auto;transform:none;transition:none}.ct_cw:after{background:linear-gradient(270deg,#161616,hsla(0,0%,9%,0));content:"";height:40px;position:absolute;right:0;width:48px}}@media (min-width: 1024px) and (max-width:1365px) and (orientation:portrait),(orientation:landscape) and (max-width:1365px){.ct_cu{grid-template-columns:300px min-content auto min-content}}@media (min-width: 1024px){.ct_cu{grid-template-columns:420px min-content auto min-content}}.bG_bH{display:grid;padding-bottom:var(--core-spacing-regular);position:relative;grid-row-gap:var(--core-spacing-intermidiate);overflow:hidden}.bG_bI{align-items:center;display:flex;justify-content:space-between;padding-bottom:var(--core-spacing-tiny);padding-top:var(--core-spacing-tiny)}.bG_bJ{color:#ededed;font-size:18px;font-style:normal;font-weight:600;line-height:135%;margin:0;opacity:.9}.bG_bK{display:none}.bG_bL{background-color:transparent;border:none;color:hsla(0,0%,100%,.6);cursor:pointer;font-family:inherit;font-size:14px;font-style:normal;font-weight:600;padding:0}.bG_bM{scrollbar-color:transparent transparent;scrollbar-width:none}.bG_bN{display:grid;margin:0;padding:0;grid-row-gap:var(--core-spacing-intermidiate)}.bG_bM::-webkit-scrollbar, .bG_bM::-webkit-scrollbar-thumb, .bG_bM::-webkit-scrollbar-track{background-color:transparent;display:none;height:0;width:0}.bG_bO{align-items:center;color:hsla(0,0%,100%,.9);display:grid;font-size:14px;font-weight:600;grid-template-columns:auto 1fr auto;justify-content:space-between;line-height:20px;padding-bottom:6px;padding-top:6px;grid-column-gap:var(--core-spacing-small);cursor:pointer;font-style:normal;--iconSize:var(--core-size-icon-tiny)}.bG_bP{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bG_bQ{background-color:transparent;border:none;color:hsla(0,0%,100%,.6);cursor:pointer;padding:0}@media (min-width: 1366px){.bG_bH{background:#161616;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;box-shadow:none;box-sizing:border-box;left:0;padding:var(--core-spacing-small);position:absolute;row-gap:var(--core-spacing-small);top:calc(100% + 8px);width:420px}.bG_bR{grid-template-rows:auto auto 1fr;max-height:197px;padding-bottom:0}.bG_bI, .bG_bK{padding-left:var(--core-spacing-small);padding-right:var(--core-spacing-small)}.bG_bK{background:hsla(0,0%,100%,.2);border-radius:1px;display:block;height:1px}.bG_bR .bG_bM{overflow:auto;--topMask:linear-gradient(0deg,#000,#000 calc(100% - 24px),transparent);--bottomMask:linear-gradient(180deg,#000,#000 calc(100% - 24px),transparent);--blockMask:linear-gradient(0deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}.bG_bN{padding-bottom:var(--core-spacing-small);row-gap:var(--core-spacing-small)}.bG_bS .bG_bM{-webkit-mask-image:var(--topMask);mask-image:var(--topMask)}.bG_bT .bG_bM{-webkit-mask-image:var(--bottomMask);mask-image:var(--bottomMask)}.bG_bS.bG_bT .bG_bM{-webkit-mask-image:var(--blockMask);mask-image:var(--blockMask)}.bG_bO{padding-left:var(--core-spacing-small);padding-right:var(--core-spacing-small)}}@media (min-width: 1512px){.bG_bJ{font-size:16px}}@media (hover: hover) and (pointer:fine){.bG_bO:hover, .bG_bU{background:hsla(0,0%,100%,.05);border-radius:4px}.bG_bL:hover, .bG_bQ:hover{color:#fff}}.hw_hx{margin-bottom:var(--core-spacing-regular);padding-bottom:var(--core-spacing-regular);position:relative}.hw_hx:not(.hw_hy):after{background-color:hsla(0,0%,100%,.1);border-radius:99px;bottom:0;content:"";height:1px;position:absolute;width:100%}.hw_hz{color:#ededed;display:grid;font-size:20px;font-weight:600;grid-auto-flow:column;grid-template-columns:auto 1fr;line-height:155%;grid-column-gap:var(--core-spacing-small)}.hw_hz span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hw_hA{color:hsla(0,0%,100%,.6);font-size:var(--core-font-size-tiny);font-weight:400;line-height:normal}.hw_hB{align-items:center;background:hsla(0,0%,100%,.1);border:none;border-radius:8px;cursor:pointer;display:flex;gap:var(--core-spacing-tiny);height:40px;margin-top:var(--core-spacing-regular);outline:none;padding:var(--core-spacing-small) var(--core-spacing-intermidiate);--iconSize:var(--core-size-icon-small)}.hw_hC{color:#fff;font-size:var(--core-font-size-small);font-weight:600;line-height:135%}@media (min-width: 1366px){.hw_hz{font-size:var(--core-font-size-extra-large)}.hw_hA{font-size:var(--core-font-size-small)}}.hK_hL{padding-bottom:calc(var(--core-spacing-regular) + 32px)}.hK_hM{display:flex;padding-top:0;position:relative;z-index:1}.hK_hN{color:#ededed;font-size:var(--core-font-size-large);font-weight:600;line-height:135%;margin-bottom:var(--core-spacing-small);margin-top:0;padding:0;text-transform:capitalize}@media (min-width: 1024px) and (max-width:1365px) and (orientation:portrait),(min-width:1366px),(orientation:landscape) and (max-width:1365px){.hK_hL{padding-top:0}}@media (min-width: 1366px){.hK_hM{padding-top:var(--core-spacing-small)}}.eU_eV{display:grid;padding-bottom:calc(var(--core-spacing-regular) + 32px);grid-row-gap:var(--core-spacing-regular)}.hE_hF{align-items:center;grid-template-columns:1fr auto}.hE_hF, .hE_hG{display:grid;grid-column-gap:var(--core-spacing-small)}.hE_hG{color:#ededed;font-size:var(--core-font-size-large);font-style:normal;font-weight:600;grid-template-columns:auto 1fr;line-height:135%;padding-bottom:var(--core-spacing-small)}.hE_hG span:first-child, .hE_hH{white-space:nowrap}.hE_hG span:last-child{color:var(--theme-color-accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hE_hH{color:hsla(0,0%,100%,.8);font-size:var(--core-font-size-regular);font-style:normal;font-weight:400;line-height:135%;padding-bottom:var(--core-spacing-small)}.hE_hI{--sticky-search-bar-height:72px;position:sticky;top:var(--sticky-search-bar-height);z-index:2}.hE_hJ{background-color:var(--lobby-menu-background)}@media (max-width: 666.98px){.hE_hH{display:none}}@media (min-width: 1366px){.hE_hF{padding-bottom:var(--core-spacing-small)}}.bj_bk{padding-left:var(--lobby-layout-spacing);padding-right:var(--lobby-layout-spacing)}.bj_bl{background-color:var(--lobby-menu-background);padding-top:var(--core-spacing-regular);position:sticky;top:0;z-index:3}:is(.b_e,.gQ_gZ,.gQ_gY canvas,.gQ_gY video){backface-visibility:hidden;transform:translateZ(0)}:is(.hl_hp,.fc_fe,.fq_fr,.gQ_gR,.gQ_gU){box-shadow:none;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none}.eG_eH,
.eG_eH::before,
.eG_eH::after{animation:none !important;transition:none !important;background:transparent !important;background-image:none !important;box-shadow:none !important;filter:none !important;transform:none !important;will-change:auto !important}.eG_eH{display:none !important;contain:none !important}.eG_eH::before,
.eG_eH::after{content:none !important;display:none !important}:where(.fi_fk, .bC_bE, .mG_mN, .eU_eV){-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-behavior:auto;contain:layout paint style}.fi_fk{scrollbar-width:none;-ms-overflow-style:none}.fi_fk::-webkit-scrollbar,
.fi_fk::-webkit-scrollbar-track,
.fi_fk::-webkit-scrollbar-thumb{display:none;width:0;height:0;background:transparent}:where(.b_e, .gQ_gZ, .jG_jH img, .mG_mH img){object-fit:contain;object-position:center;background:transparent;backface-visibility:hidden;-webkit-backface-visibility:hidden}:where(.hl_hp, .fc_fe, .fq_fr, .gQ_gR, .gQ_gS, .gQ_gT, .gQ_gU, .rZ_r1){box-shadow:none !important;filter:none !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}:where(.lK_lL, .gQ_gU, .hl_hn){will-change:auto;transform:translateZ(0)}.B_I{animation:none !important;background-position:0 0 !important;will-change:auto !important}:where(.kf_kg, .jt_iF, .ib_ic, .iV_iW, .hX_hY, .iP_hY){transition-property:background-color, border-color, color, opacity, transform;transition-duration:90ms;transition-timing-function:ease}@media (max-width: 620px){.je_jf{width:34px}.fi_fk{--maskSizeStart:0px;--maskSizeEnd:0px;-webkit-mask-image:none !important;mask-image:none !important}}@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important;scroll-behavior:auto !important}}


/*
 * Interface Core
 * Token, base, layout, component, catalog, popup, sidebar, and shared responsive rules.
 * Keep after theme bridge + lobby vendor, before winner experience rules.
 */

:root {
  --lobby-color-light: 255,255,255;
  --lobby-color-light_20: hsla(0,0%,100%,.2);
  --lobby-color-light_40: hsla(0,0%,100%,.4);
  --lobby-color-light_10: hsla(0,0%,100%,.063);
  --lobby-color-inverse-base: 0,0%,9%;
  --lobby-color-inverse: hsla(var(--lobby-color-inverse-base),1);
  --lobby-background-dark: #101010;
  --lobby-menu-gradient: #101010;
  --lobby-menu-background: #101010;
  --lobby-background-color: #101010;
  --lobby-color-background-accent: 0,0%,40%;
  --theme-color-background-accent: var(--lobby-color-background-accent);
  --theme-color-accent-base: 0,0%,40%;
  --theme-color-accent: #dedede;
  --theme-color-accent-text: #101010;
  --core-color-main: #171717;
  --core-color-accent: var(--theme-color-accent);
  --core-color-background: #101010;
  --core-color-background-inverse: rgba(255,255,255,0.08);
  --core-color-background-icon-button: #171717;
  --core-color-text: rgba(255,255,255,.9);
  --core-color-text-base: 0,0%,100%;
  --core-color-text-inverse: #111111;
  --core-color-text-placeholder: rgba(255,255,255,.6);
  --core-color-modal-overlay: rgba(0,0,0,0.72);
  --core-color-modal-glare: transparent;
  --lobby-background-regular: #101010;
  --lobby-main_font_color: hsla(0,0%,100%,.9);
  --muted-font-60: hsla(0,0%,100%,.6);
  --tile-title-color: #ededed;
  --lobby-size-button-regular: 40px;
  --lobby-tile-aspect-ratio: 4/3;
  --lobby-tile-line-height: 1.35;
  --lobby-tile-font-size: 1em;
  --lobby-tile-gap: 0.25em;
  --lobby-tile-footer-height: 1.25em;
  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-display: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --theme-main-h: 0;
  --theme-main-s: 0%;
  --theme-main-l: 40%;
  --theme-primary-h: 0;
  --theme-primary-s: 0%;
  --theme-primary-l: 40%;
  --theme-secondary-h: 0;
  --theme-secondary-s: 0%;
  --theme-secondary-l: 32%;
  --theme-border-h: 0;
  --theme-border-s: 0%;
  --theme-border-l: 30%;
  --theme-bg-h: 0;
  --theme-bg-s: 0%;
  --theme-bg-l: 9%;
  --theme-h: 0;
  --theme-s: 0%;
  --theme-l: 40%;
  --theme-alt-h: 0;
  --theme-alt-s: 0%;
  --theme-alt-l: 32%;
  --theme-line-h: 0;
  --theme-line-s: 0%;
  --theme-line-l: 30%;
  --rgb-white: 255 255 255;
  --rgb-black: 0 0 0;
  --rgb-shadow: 0 0 10;
  --text: rgba(255,255,255,0.92);
  --text-strong: #ffffff;
  --muted: rgba(255,255,255,0.64);
  --muted-2: rgba(255,255,255,0.46);
  --accent: #ededed;
  --accent-2: #777777;
  --accent-3: #cfcfcf;
  --flat-tint: 255 255 255;
  --flat-ink: 23 23 23;
  --flat-grey: 102 102 102;
  --flat-blue: 84 84 84;
  --flat-blur: 0px;
  --flat-blur-soft: 0px;
  --flat-blur-strong: 0px;
  --flat-sat: 100%;
  --flat-edge: none;
  --flat-edge-strong: none;
  --flat-sheen: none;
  --dark-border-soft: rgba(255,255,255,0.09);
  --dark-border-strong: rgba(255,255,255,0.18);
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --content-max: 1600px;
  --sidebar-w: min(360px, calc(100vw - 20px));
  --sidebar-docked-w: clamp(252px, 18vw, 300px);
  --desktop-content-gap: clamp(16px, 1.3vw, 24px);
  --space-page: clamp(10px, 1.4vw, 18px);
  --space-section: clamp(10px, 1.15vw, 16px);
  --space-panel: clamp(12px, 1.1vw, 16px);
  --gap-main: 14px;
  --header-h: 84px;
  --page-header-clear: calc(78px + var(--safe-top));
  --equal-banner-gap: clamp(12px, 1.18vw, 16px);
  --header-banner-gap: var(--equal-banner-gap);
  --banner-winner-gap: var(--equal-banner-gap);
  --rail-card-w-desktop: clamp(238px, 22vw, 304px);
  --rail-card-w-tablet: clamp(220px, 34vw, 286px);
  --rail-card-w-touch: clamp(198px, 68vw, 250px);
  --rail-card-w-mobile: clamp(190px, 78vw, 242px);
  --rail-gap: 14px;
  --rail-edge-pad: 2px;
  --rail-duration: 150ms;
  --rail-ease: cubic-bezier(.22, .61, .36, 1);
  --recommended-marquee-duration: 0s;
  --recommended-card-radius: clamp(14px, 1.18vw, 18px);
  --sidebar-motion-ease: cubic-bezier(.22,.61,.36,1);
  --radius-pill: 999px;
  --ui-chip-h: 32px;
  --ui-chip-h-compact: 26px;
  --ui-chip-pad-x: 12px;
  --ui-chip-gap: 8px;
  --ui-chip-gap-tight: 6px;
  --ui-catalog-chip-min: 144px;
  --ui-catalog-chip-min-mobile: 128px;
  --sync-popup-max-h: min(66dvh, 620px);
  --sync-popup-max-h-mobile: min(64dvh, 560px);
  --filter-origin-y: top;
  --pola-arrow-left: 50%;
  --page-depth-top-bg: #101010;
  --page-depth-bg: #101010;
  --gift-aspect: 1200 / 486;
  --game-card-aspect: 4 / 3;
  --game-card-min: 232px;
  --game-card-min-mobile: 220px;
  --hero-bg: #101010;
  --chrome-bg-solid: #101010;
  --chrome-bg-flat: #101010;
  --header-highlight: none;
  --btn-main-bg: #ededed;
  --btn-main-text: #111111;
  --btn-main-shadow: none;
  --badge-top-bg: #ededed;
  --badge-top-border: rgba(255,255,255,0.14);
  --badge-new-bg: #d73742;
  --badge-new-border: rgba(255,255,255,0.12);
  --input-bg: #171717;
  --input-bg-focus: #222222;
  --input-placeholder: rgba(255,255,255,0.60);
  --placeholder-color: var(--input-placeholder);
  --placeholder-color-focus: rgba(255,255,255,0.82);
  --overlay-dark: rgba(0,0,0,0.68);
  --game-card-hover-scale: 1;
  --card-radius: var(--game-card-radius);
  --card-shadow-rest: none;
  --card-shadow-hover: none;
  --card-shadow-active: none;
  --card-shadow-mobile: none;
  --dark-surface-1: #171717;
  --dark-surface-2: #101010;
  --dark-surface-3: #222222;
  --dark-surface-4: rgba(255,255,255,0.055);
  --dark-line: rgba(255,255,255,0.10);
  --dark-line-strong: rgba(255,255,255,0.18);
  --dark-text-1: #ffffff;
  --dark-text-2: rgba(255,255,255,0.76);
  --dark-text-3: rgba(255,255,255,0.56);
  --dark-shadow-1: none;
  --dark-shadow-2: none;
  --dark-outline: 0 0 0 1px rgba(255,255,255,0.10);
  --dark-flat-filter: none;
  --dark-flat-filter-soft: none;
  --banner-shell-radius: 20px;
  --banner-media-radius: 20px;
  --banner-aspect: 2000 / 810;
  --winner-banner-aspect: 2000 / 810;
  --winner-player-banner-aspect: 2000 / 810;
  --banner-min-h: 0px;
  --banner-max-h: none;
  --banner-fit-fallback: cover;
  --banner-position-fallback: 50% 50%;
  --banner-track-ease: cubic-bezier(.22, .61, .36, 1);
  --motion-ease-out: cubic-bezier(.22, .61, .36, 1);
  --motion-ease-soft: cubic-bezier(.2, .8, .2, 1);
  --motion-reveal-y: 4px;
  --banner-panel-bg: #101010;
  --banner-panel-depth: none;
  --divider: rgba(255,255,255,0.12);
  --ink-100: #ffffff;
  --ink-70: rgba(255,255,255,0.70);
  --ink-50: rgba(255,255,255,0.50);
  --popup-w: min(320px, calc(100dvw - 14px));
  --popup-radius: clamp(8px, 1.1vw, 12px);
  --popup-pad: 0;
  --popup-border: rgba(255,255,255,0.14);
  --popup-sat: 100%;
  --popup-shadow: none;
  --popup-bg: var(--card-bg, #171717);
  --popup-inner-depth: none;
  --popup-text-shadow: none;
  --popup-motion-y: clamp(12px, 4.2dvh, 26px);
  --popup-motion-duration: 180ms;
  --popup-motion-ease: cubic-bezier(.22,.61,.36,1);
  --popup-safe-edge: 8px;
  --pill-progress: 0;
  --pill-progress-color: #dcdcdc;
  --pill-progress-shadow: none;
  --wb-header-h: 62px;
  --wb-page-bg-1: #101010;
  --wb-page-bg-2: #101010;
  --wb-page-bg-3: #171717;
  --wb-text: var(--text);
  --wb-muted: var(--muted);
  --wb-line: var(--line);
  --wb-line-2: var(--line-strong);
  --wb-blue: #ededed;
  --wb-blue-2: #cfcfcf;
  --wb-gold: #ffb700;
  --wb-soft: rgba(255,255,255,0.07);
  --obsidian-depth-0: #101010;
  --obsidian-depth-1: #101010;
  --obsidian-depth-2: #171717;
  --obsidian-depth-3: #222222;
  --obsidian-depth-line: rgba(255,255,255,0.10);
  --obsidian-depth-line-strong: rgba(255,255,255,0.18);
  --obsidian-depth-highlight: rgba(255,255,255,0.055);
  --pola-row-bg-depth: #171717;
  --pola-row-bg-depth-alt: #202020;
  --pola-readable-line: transparent;
  --top20-gap: var(--rail-gap);
  --top20-card-w-desktop: clamp(308px, 27.5vw, 384px);
  --top20-card-w-tablet: clamp(280px, 42vw, 356px);
  --top20-card-w-mobile: clamp(244px, 92vw, 320px);
  --top20-card-w-narrow: clamp(228px, 92vw, 294px);
  --game-native-tile-w: clamp(154px, 15vw, 216px);
  --game-native-tile-w-top20: clamp(248px, 25.8vw, 364px);
  --game-native-tile-w-mobile: clamp(112px, 31vw, 156px);
  --game-native-gap: clamp(10px, 1.15vw, 16px);
  --game-native-title-gap: clamp(6px, 0.78vw, 10px);
  --game-native-title-min-h: 0px;
  --game-native-title-font: clamp(11px, 0.82vw, 13px);
  --game-native-title-font-mobile: clamp(10.6px, 2.8vw, 12px);
  --game-native-title-line: 1.24;
  --bg: #101010;
  --bg-2: #101010;
  --surface-0: #101010;
  --surface-1: #101010;
  --surface-2: #171717;
  --surface-3: #222222;
  --flat-bg: #171717;
  --flat-bg-soft: #171717;
  --flat-bg-strong: #222222;
  --flat-bg-deep: #101010;
  --header-bg: #101010;
  --panel-bg: #101010;
  --card-bg: #171717;
  --card-bg-hover: #202020;
  --winner-bg: #171717;
  --thumb-bg: #0d0d0d;
  --btn-ghost-bg: #1b1b1b;
  --btn-ghost-bg-hover: #252525;
  --line: rgba(255,255,255,0.09);
  --line-strong: rgba(255,255,255,0.16);
  --chip-border: rgba(255,255,255,0.10);
  --chip-border-strong: rgba(255,255,255,0.18);
  --radius-xl: 20px;
  --radius-lg: 16px;
  --radius-md: 12px;
  --radius-sm: 8px;
  --game-card-radius: 6px;
  --game-image-hover-scale: 1;
  --game-image-active-scale: 1;
  --ui-motion-fast: 60ms;
  --ui-motion-base: 90ms;
  --ui-motion-slow: 120ms;
  --motion-reveal-duration: 90ms;
  --banner-track-duration: 120ms;
  --sidebar-motion-duration: 120ms;
  --elev-1: none;
  --elev-2: none;
  --elev-3: none;
  --sidebar-bg-depth: #101010;
  --sidebar-block-depth: #171717;
  --sidebar-link-depth: #1b1b1b;
  --sidebar-link-depth-hover: #252525;
  --pola-popup-bg-depth: #171717;
  --game-action-bg: rgba(16,16,16,0.92);
  --game-action-bg-main: #ededed;
  --game-action-text-main: #111111;
  --lobby-curtain-logo-url: var(--dedicated-curtain-logo-url,var(--core-logo-base64-url)) no-repeat;
  --lobby-favourite-color-base: 355,100%,57%;
  --lobby-favourite-color: hsla(var(--lobby-favourite-color-base),1);
  --lobby-elevation-menu: 200;
  --lobby-elevation-filter: 150;
  --lobby-elevation-footer: 100;
  --maskSizeStart: 44px;
  --maskSizeEnd: 44px;
  --main-logo-lobby: var(--core-logo-base64-url) no-repeat 0 /contain;
  --lobby-layout-spacing: var(--core-spacing-small);
  --game-size-control: var(--core-size-control-extra-large);
  --game-size-icon: var(--core-size-control-small);
  --core-chat-limited-modal-height: 600px;
  --core-safe-area-inset-top: env(safe-area-inset-top, 0px);
  --core-safe-area-inset-right: env(safe-area-inset-right, 0px);
  --core-safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
  --core-safe-area-inset-left: env(safe-area-inset-left, 0px);
  --core-scroll-width: 6px;
  --core-spacing-mini: 2px;
  --core-spacing-tiny: 4px;
  --core-spacing-small: 8px;
  --core-spacing-intermidiate: 12px;
  --core-spacing-regular: 16px;
  --core-spacing-large: 24px;
  --core-font-size-extra-tiny: 9px;
  --core-font-size-tiny: 10px;
  --core-font-size-small: 12px;
  --core-font-size-regular: 14px;
  --core-font-size-large: 16px;
  --core-font-size-extra-large: 18px;
  --core-size-radius-small: 8px;
  --core-size-radius-regular: 12px;
  --core-size-radius-intermidiate: 14px;
  --core-size-radius-large: 18px;
  --core-size-control-small: 32px;
  --core-size-control-regular: 40px;
  --core-size-control-extra-large: 48px;
  --core-size-icon-extra-tiny: 10px;
  --core-size-icon-tiny: 12px;
  --core-size-icon-small: 16px;
  --core-size-icon-regular: 20px;
  --core-size-icon-large: 24px;
  --core-size-icon-extra-large: 32px;
  --core-size-badge-tiny: 14px;
  --core-size-badge-small: 18px;
  --core-size-badge-medium: 22px;
  --core-size-badge-large: 28px;
  --core-size-badge-mini: 10px;
  --core-size-badge-dot: 8px;
  --core-color-border: rgba(255,255,255,0.12);
  --core-color-input-background: #171717;
  --core-color-input-background-active: #222222;
  --core-color-input-active: var(--theme-color-accent);
  --core-color-text-secondary: rgba(255,255,255,0.70);
  --core-color-background-tooltip-dark: #171717;
  --core-color-dark-base: 0,0%,0%;
  --core-color-impact: #d73742;
  --core-color-success: #0bd66a;
  --core-color-warning: #ffb700;
  --core-color-state-hover-lighten: rgba(255,255,255,0.08);
  --core-color-state-active-lighten: rgba(255,255,255,0.12);
  --core-color-state-hover-darken: rgba(0,0,0,0.08);
  --core-color-state-active-darken: rgba(0,0,0,0.14);
  --core-duration-hasty: 70ms;
  --core-duration-swift: 110ms;
  --core-duration-regular: 150ms;
  --core-duration-relaxed: 180ms;
  --core-duration-emphasized: 220ms;
  --core-duration-long: 280ms;
  --core-frame-time: 16ms;
  --core-timing-function-standart: cubic-bezier(.22,.61,.36,1);
  --core-timing-function-snap: cubic-bezier(.2,.8,.2,1);
  --core-timing-function-bounsback: cubic-bezier(.16,1,.3,1);
  --core-timing-function-emphasized: cubic-bezier(.22,.61,.36,1);
  --core-elevation-above-menu: 220;
  --core-elevation-above-modal: 240;
  --core-elevation-popup: 250;
  --core-elevation-curtain: 260;
  --core-elevation-tooltip: 270;
  --core-elevation-above-all: 300;
  --core-focus-ring: 0 0 0 3px rgba(255,255,255,0.26);
  --ui-font-size-regular: var(--core-font-size-regular);
  --ui-font-size-small: var(--core-font-size-small);
  --ui-spacing-small: var(--core-spacing-small);
  --ui-spacing-regular: var(--core-spacing-regular);
  --ui-spacing-large: var(--core-spacing-large);
  --ui-size-control-tiny: 28px;
  --ui-size-control-small: var(--core-size-control-small);
  --ui-size-control-regular: var(--core-size-control-regular);
  --ui-size-control-large: 44px;
  --ui-size-icon-regular: var(--core-size-icon-regular);
  --ui-size-icon-large: var(--core-size-icon-large);
  --ui-size-radius-regular: var(--core-size-radius-regular);
  --ui-size-modal-width-small: 320px;
  --ui-size-modal-width-regular: 420px;
  --ui-size-popup-max-width: 520px;
  --lobby-footer-height: 0px;
  --lobby-footer-height-with-min-nav: 0px;
  --lobby-footer-height-with-nav: 0px;
  --shades-lower-light: rgba(255,255,255,0.12);
  --gradient-gold: linear-gradient(180deg,#fff8de 0%,#ffdc60 100%);
  --core-logo-base64-url: none;
  --dedicated-curtain-logo-url: none;
  --dedicated-color-accent-base: var(--lobby-color-background-accent);
  --curtain-bg: #101010;
  --curtain-pp-logo-text-hight: 24px;
  --promoImage: none;
  --promoImageWide: none;
  --slideWidth: 100%;
  --firstSlideWidth: 100%;
  --footerHeight: 0px;
  --headerContainerHeight: var(--header-h);
  --direction: 1;
  --ripple-size: 32px;
  --ripple-color: rgba(255,255,255,0.20);
  --ripple-duration: 240ms;
  --ripple-iteration-count: 1;
  --ripple-initial-scale-factor: 0;
  --ripple-none-scale-factor: 0;
  --tileBorderRadius: 0.16667em;
  --flat-wrap-bg: #101010;
  --flat-wrap-surface: #171717;
  --flat-wrap-surface-2: #1d1d1d;
  --flat-wrap-surface-3: #222222;
  --flat-wrap-line: rgba(255,255,255,0.10);
  --flat-wrap-line-soft: rgba(255,255,255,0.08);
  --flat-wrap-line-strong: rgba(255,255,255,0.16);
  --flat-wrap-text: rgba(255,255,255,0.92);
  --flat-wrap-muted: rgba(255,255,255,0.58);
  --flat-wrap-radius-xl: 20px;
  --flat-wrap-radius-lg: 16px;
  --flat-wrap-radius-md: 14px;
  --flat-wrap-radius-sm: 10px;
  --flat-wrap-pad: clamp(12px, 1.25vw, 16px);
  --flat-wrap-gap: clamp(10px, 1vw, 14px);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  min-width: 0;
  margin: 0;
  padding: 0;
}

body {
  min-height: 100vh;
  font-family: var(--font-sans);
  line-height: 1.5;
  color: var(--text);
  background: var(--bg);
  background-color: var(--bg);
  overflow-x: hidden;
  overflow-wrap: anywhere;
  text-rendering: optimizeLegibility;
  font-synthesis-weight: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
  overscroll-behavior-y: contain;
}

body.sidebar-open {
  overflow-x: hidden;
}

img,
svg {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
textarea,
select {
  font: inherit;
}

a,
button,
input,
[role="button"] {
  touch-action: manipulation;
}

.hidden,
input[type="file"] {
  display: none;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

html {
  color-scheme: dark;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  --top20-gap: clamp(8px, 2.4vw, 12px);
  scroll-behavior: auto;
}

.page-shell {
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  padding-top: calc(var(--page-header-clear) + var(--header-banner-gap));
  overflow-x: clip;
}

.page-shell::before {
  content: none;
  display: none;
}

.bg-orb,
.bg-orb-2 {
  display: none;
}

.wrap {
  position: relative;
  z-index: 1;
  width: min(100%, var(--content-max));
  margin: 0 auto;
  padding: var(--space-page);
  padding-top: 0;
  padding-right: max(var(--space-page), calc(10px + var(--safe-right)));
  padding-bottom: max(var(--space-page), calc(10px + var(--safe-bottom)));
  padding-left: max(var(--space-page), calc(10px + var(--safe-left)));
}

.main-content {
  min-width: 0;
}

.site-header {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 180;
  width: 100%;
  background: var(--header-bg);
}

.header-bar {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: var(--header-h);
  padding-top: max(10px, calc(var(--safe-top) + 2px));
  padding-right: max(18px, calc(18px + var(--safe-right)));
  padding-bottom: 12px;
  padding-left: max(16px, calc(16px + var(--safe-left)));
  background: var(--header-bg);
  border-bottom: 0;
  box-shadow: none;
  isolation: isolate;
}

.header-bar::before {
  display: none;
}

.brand,
.header-right {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.brand {
  display: flex;
  align-items: center;
  flex: 0 1 auto;
}

.brand-logo,
.sidebar-logo {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  overflow: visible;
}

.brand-logo {
  width: auto;
  height: 48px;
  max-width: min(260px, 42vw);
}

.brand-logo img,
.sidebar-logo img {
  width: auto;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
}

.brand-logo.placeholder,
.sidebar-logo.placeholder {
  overflow: hidden;
  min-width: 88px;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--flat-bg-soft);
  box-shadow: none;
}

.brand-logo.placeholder::after,
.sidebar-logo.placeholder::after {
  content: none;
  display: none;
  background: none;
  transform: none;
}

.header-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(10px, 0.9vw, 14px);
  min-width: 0;
  margin-left: auto;
  flex: 1 1 auto;
}

.main-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex-wrap: wrap;
  min-width: 0;
}

.header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex: 0 0 auto;
  min-width: max-content;
}

.nav-link,
.ghost-pill,
.menu-toggle,
.sidebar-link,
.catalog-tab-btn,
.status-pill,
.meta-chip,
.section-count,
.card-chip,
.section-kicker,
.search-panel-kicker {
  border: 1px solid var(--chip-border);
  background: var(--btn-ghost-bg);
  color: var(--text);
  box-shadow: none;
}

.nav-link,
.ghost-pill,
.menu-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  min-width: 48px;
  padding: 0 16px;
  border-radius: var(--radius-pill);
  white-space: nowrap;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.nav-link {
  border-radius: var(--radius-pill);
  font-size: 14px;
  font-weight: 700;
}

.ghost-pill span {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

.menu-lines {
  display: grid;
  gap: 4px;
}

.menu-lines i {
  display: block;
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

.nav-link:hover,
.nav-link:focus-visible,
.ghost-pill:hover,
.ghost-pill:focus-visible,
.menu-toggle:hover,
.menu-toggle:focus-visible,
.sidebar-link:hover,
.sidebar-link:focus-visible,
.catalog-tab-btn:hover,
.catalog-tab-btn:focus-visible,
.catalog-tab-btn.is-active {
  background: var(--btn-ghost-bg-hover);
  border-color: var(--chip-border-strong);
  color: var(--text-strong);
  outline: none;
}

#headerDaftar,
#desktopMasuk,
#mobileDaftar,
#mobileMasuk {
  color: var(--btn-main-text);
  border-color: rgba(255,255,255, 0.38);
  background: var(--btn-main-bg);
  box-shadow: none;
}

#headerDaftar span,
#desktopMasuk span,
#mobileDaftar span,
#mobileMasuk span {
  color: var(--btn-main-text);
  font-weight: 840;
  letter-spacing: 0.05em;
}

#headerDaftar:hover,
#headerDaftar:focus-visible,
#desktopMasuk:hover,
#desktopMasuk:focus-visible,
#mobileDaftar:hover,
#mobileDaftar:focus-visible,
#mobileMasuk:hover,
#mobileMasuk:focus-visible {
  border-color: rgba(212,212,212, 0.42);
  box-shadow: none;
}

.page-shell,
.wrap,
.main-content,
.result,
.result-stack,
.catalog-clean-section,
.list,
.list-slider,
.banner-shell,
.banner-viewport,
.banner-track,
.banner-slide,
.banner-card,
.banner-media-wrap {
  min-width: 0;
}

.is-gift-container-page .wrap {
  padding-top: 0;
  width: min(100%, 1180px);
}

body.is-gift-container-page .page-shell {
  padding-top: calc(var(--page-header-clear) + var(--header-banner-gap));
}

body.is-gift-container-page .main-content {
  width: 100%;
}

.banner-track.is-gsap-animated {
  transition: none;
}

.banner-section {
  margin-bottom: var(--space-section);
}

.banner-shell {
  position: relative;
  width: 100%;
  min-width: 0;
  isolation: isolate;
}

.banner-viewport {
  position: relative;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  cursor: pointer;
  border-radius: 12px;
  background: var(--flat-bg-deep);
  aspect-ratio: var(--banner-aspect, 2000 / 810);
  min-height: var(--banner-min-h, 0px);
  max-height: var(--banner-max-h, none);
  contain: layout paint style;
}

.banner-viewport::before {
  content: none;
  display: none;
}

.banner-track {
  display: flex;
  min-width: 100%;
  transform: translate3d(0, 0, 0);
  transition: transform 120ms cubic-bezier(.22,.61,.36,1);
}

.banner-slide {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  min-width: 100%;
  height: 100%;
}

.banner-card {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: transparent;
}

.banner-media-wrap {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  min-width: 0;
  overflow: hidden;
  background: var(--flat-bg-deep);
  border-radius: inherit;
  aspect-ratio: var(--banner-aspect, 2000 / 810);
}

.banner-media {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: var(--banner-fit-fallback);
  object-position: var(--banner-position-fallback);
  background: transparent;
  border-radius: inherit;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
  user-select: none;
  -webkit-user-drag: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.banner-track[data-banner-active-index="0"] {
  transform: translate3d(0%, 0, 0);
}

.banner-track[data-banner-active-index="1"] {
  transform: translate3d(-100%, 0, 0);
}

.banner-track[data-banner-active-index="2"] {
  transform: translate3d(-200%, 0, 0);
}

.banner-track[data-banner-active-index="3"] {
  transform: translate3d(-300%, 0, 0);
}

.banner-track[data-banner-active-index="4"] {
  transform: translate3d(-400%, 0, 0);
}

.banner-track[data-banner-active-index="5"] {
  transform: translate3d(-500%, 0, 0);
}

.banner-track[data-banner-active-index="6"] {
  transform: translate3d(-600%, 0, 0);
}

.banner-track[data-banner-active-index="7"] {
  transform: translate3d(-700%, 0, 0);
}

.banner-slide[data-banner-fit="contain"] .banner-media,
.banner-media[data-banner-fit="contain"] {
  object-fit: cover;
}

.banner-slide[data-banner-fit="cover"] .banner-media,
.banner-media[data-banner-fit="cover"] {
  object-fit: cover;
}

.banner-dots,
.banner-dot {
  display: none;
}

.banner-viewport,
.catalog-clean-section,
.card {
  -webkit-tap-highlight-color: transparent;
}

.is-gift-container-page .banner-section,
.is-gift-container-page .gift-section,
.is-gift-container-page #searchArea,
.is-gift-container-page #catalogArea {
  display: none;
}

.section-title-wrap,
.search-panel-copy {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.panel,
.card,
.sidebar,
.sidebar-block,
.banner-viewport,
.global-pola-popup,
.pola-ready-toast,
.catalog-filter-dialog {
  background: var(--card-bg);
  border: 1px solid var(--line);
  box-shadow: none;
  background-clip: padding-box;
}

.search-panel-kicker,
.section-kicker {
  display: none;
}

.panel,
.search-panel,
.catalog-panel,
.result,
.section-block,
.section-title-wrap,
.search-panel-copy {
  min-width: 0;
}

.section-head,
.search-panel-head {
  margin-bottom: 10px;
}

.panel {
  padding: var(--space-panel);
  border-radius: var(--radius-xl);
}

.toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  margin-bottom: 16px;
}

.search-panel {
  margin-bottom: var(--space-section);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.search-panel .toolbar {
  margin-bottom: 0;
}

.search-panel-head,
.section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 10px;
}

.search-panel-title,
.section-title {
  margin: 0;
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 900;
  line-height: 1.12;
  letter-spacing: -0.03em;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.search-panel-sub,
.section-sub {
  max-width: 840px;
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.search-shell {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
}

.search-icon {
  position: absolute;
  top: 50%;
  left: 16px;
  width: 18px;
  height: 18px;
  color: var(--muted-2);
  opacity: 0.9;
  pointer-events: none;
  transform: translateY(-50%);
}

.field {
  width: 100%;
  min-width: 0;
  min-height: 54px;
  padding: 0 16px 0 48px;
  border: 0;
  border-radius: 14px;
  outline: 0;
  color: var(--text);
  background: var(--flat-bg-soft);
  font-size: 15px;
  box-shadow: none;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.field::placeholder {
  color: var(--placeholder-color);
}

input::placeholder,
textarea::placeholder,
.catalog-filter-search-input::placeholder {
  color: var(--placeholder-color);
  opacity: 1;
}

input:focus::placeholder,
textarea:focus::placeholder,
.catalog-filter-search-input:focus::placeholder {
  color: var(--placeholder-color-focus);
}

.field:focus {
  background: var(--flat-bg-strong);
  border-color: transparent;
  box-shadow: none;
}

.search-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(236px, 318px);
  align-items: stretch;
  gap: 12px;
}

.provider-filter-button,
.filter-select {
  width: 100%;
  min-width: 0;
  min-height: 52px;
  border: 0;
  border-radius: 14px;
  outline: 0;
  color: var(--text);
  background: var(--flat-bg-soft);
  box-shadow: none;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.provider-filter-button {
  display: grid;
  grid-template-columns: 32px minmax(0,1fr) 18px;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  cursor: pointer;
  text-align: left;
}

.provider-filter-button:hover,
.provider-filter-button:focus-visible,
.provider-filter.is-open .provider-filter-button,
.filter-select:hover,
.filter-select:focus {
  background: var(--flat-bg-strong);
  border-color: transparent;
  box-shadow: none;
}

.provider-filter-icon,
.provider-option-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 0;
  border-radius: 9px;
  background: var(--flat-bg-strong);
  color: var(--text-strong);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.04em;
  line-height: 1;
}

.provider-filter-icon {
  width: 32px;
  height: 32px;
}

.provider-option-logo {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
}

.provider-filter-icon img,
.provider-option-logo img {
  width: 82%;
  height: 82%;
  object-fit: contain;
  object-position: center;
}

.provider-filter-icon span,
.provider-option-logo span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.provider-filter-name {
  min-width: 0;
  overflow: hidden;
  color: var(--text);
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 0.01em;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.provider-filter-arrow {
  width: 18px;
  height: 18px;
  color: var(--muted-2);
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.provider-filter.is-open .provider-filter-arrow {
  transform: rotate(180deg);
}

.provider-filter-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  left: 0;
  z-index: 90;
  display: none;
  max-height: min(360px, 64dvh);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 8px;
  border: 1px solid var(--line-strong);
  border-radius: 14px;
  background: var(--flat-bg-soft);
  box-shadow: none;
  scrollbar-width: thin;
  scrollbar-color: var(--muted-2) transparent;
}

.provider-filter.is-open .provider-filter-menu {
  display: grid;
  gap: 6px;
}

.provider-filter-option.is-selected {
  box-shadow: none;
}

.provider-option-text {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.provider-option-text strong,
.provider-option-text small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.category-filter::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 9px;
  height: 9px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  color: var(--muted-2);
  pointer-events: none;
  transform: translateY(-62%) rotate(45deg);
}

.filter-select {
  appearance: none;
  -webkit-appearance: none;
  padding: 0 42px 0 16px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 0.01em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.filter-select option {
  color: var(--text);
  background: var(--input-bg);
}

.catalog-tabs {
  margin-bottom: 14px;
}

.catalog-tab-scroll {
  display: flex;
  align-items: center;
  gap: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 2px 1px;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  -ms-overflow-style: none;
  row-gap: var(--ui-chip-gap-tight);
  column-gap: var(--ui-chip-gap);
}

.catalog-tab-scroll::-webkit-scrollbar {
  display: none;
}

.catalog-tab-btn {
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  min-width: var(--ui-catalog-chip-min);
  min-height: 52px;
  padding: 10px 14px;
  border-radius: 12px;
  text-align: left;
  white-space: normal;
  overflow: hidden;
  scroll-snap-align: start;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.catalog-tab-label {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: 0.02em;
}

.catalog-tab-sub {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
}

.result {
  min-height: 280px;
}

.surface {
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  text-align: center;
  color: var(--muted);
  background: var(--flat-bg-soft);
}

.surface.error {
  color: #eadada;
  border-color: rgba(255, 120, 120, 0.28);
  background: rgba(255, 120, 120, 0.06);
}

.catalog-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--ui-chip-gap);
  row-gap: var(--ui-chip-gap-tight);
  margin-bottom: 6px;
}

.catalog-status-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ui-chip-gap);
  row-gap: var(--ui-chip-gap-tight);
  min-width: 0;
}

.meta-chip,
.section-count,
.card-chip,
.status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: var(--radius-pill);
  white-space: nowrap;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1;
}

.meta-chip strong,
.section-count {
  color: var(--text-strong);
  font-weight: 900;
}

.section-count {
  display: none;
}

.meta-chip,
.section-count,
.status-pill {
  min-height: var(--ui-chip-h);
  padding-inline: var(--ui-chip-pad-x);
  font-size: 12px;
}

.section-block {
  position: relative;
  overflow: hidden;
  padding: 16px;
  border-radius: 16px;
  background: var(--flat-bg-deep);
}

.catalog-clean-section.section-card-rail .list.list-slider > .card-shell {
  flex: 0 0 clamp(198px, 19vw, 244px);
  width: clamp(198px, 19vw, 244px);
  max-width: clamp(198px, 19vw, 244px);
}

.sidebar-filter-block .catalog-tabs {
  margin-bottom: 0;
}

.sidebar-filter-block .catalog-tab-scroll {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 8px;
  overflow: visible;
  padding: 0;
}

.sidebar-filter-block .catalog-tab-btn {
  width: 100%;
  min-width: 0;
  min-height: 50px;
  padding: 10px 12px;
  border-radius: 12px;
  align-items: flex-start;
}

.sidebar-filter-block .catalog-tab-label,
.sidebar-filter-block .catalog-tab-sub {
  width: 100%;
  max-width: 100%;
  white-space: normal;
}

.sidebar-filter-block .catalog-tab-label {
  font-size: 12px;
  line-height: 1.14;
}

.sidebar-filter-block .catalog-tab-sub {
  margin-top: 1px;
  font-size: 10px;
  line-height: 1.18;
}

.search-controls {
  display: block;
  align-self: stretch;
  min-width: 0;
  inline-size: 100%;
}

.search-controls > .search-shell {
  min-width: 0;
}

.search-controls > .catalog-filter-trigger,
.search-controls > #catalogFilterOpen {
  min-width: 0;
  inline-size: 100%;
  block-size: 100%;
  align-self: stretch;
}

.catalog-filter-trigger {
  display: grid;
  grid-template-columns: 34px minmax(0,1fr);
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 54px;
  padding: 8px 12px;
  border: 0;
  border-radius: 14px;
  background: var(--flat-bg-soft);
  color: var(--text);
  text-align: left;
  cursor: pointer;
  box-shadow: none;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.catalog-filter-trigger:hover,
.catalog-filter-trigger:focus-visible {
  background: var(--flat-bg-strong);
  border-color: transparent;
  box-shadow: none;
}

.catalog-filter-trigger-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 10px;
  background: var(--flat-bg-strong);
  color: var(--text);
}

.catalog-filter-trigger-icon svg {
  width: 17px;
  height: 17px;
}

.catalog-filter-trigger-copy {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.catalog-filter-trigger-copy strong {
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
  line-height: 1.12;
  white-space: nowrap;
}

.catalog-filter-trigger-copy small {
  min-width: 0;
  overflow: hidden;
  color: var(--muted-2);
  font-size: 10px;
  font-weight: 760;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.catalog-filter-trigger-chip,
#catalogFilterChip {
  display: none;
}

.search-panel .toolbar.search-chip-toolbar,
.search-toolbar.search-chip-toolbar {
  display: grid;
  grid-template-columns: minmax(212px, 280px) 40px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  margin-bottom: 0;
  overflow: visible;
}

.search-chip-toolbar .search-type-shell {
  min-width: 0;
  min-height: 40px;
}

.search-chip-toolbar .search-icon {
  display: none;
}

.search-chip-toolbar .field {
  min-height: 40px;
  padding: 0 14px;
  border-radius: 7px;
  background: #171717;
  color: rgba(255,255,255,0.92);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.search-chip-toolbar .field:focus {
  background: #1b1b1b;
}

.search-chip-toolbar .search-controls {
  display: flex;
  align-items: stretch;
  justify-content: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
}

.search-chip-toolbar .catalog-filter-trigger-icononly {
  display: grid;
  grid-template-columns: 1fr;
  place-items: center;
  width: 40px;
  min-width: 40px;
  min-height: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: #171717;
  color: rgba(255,255,255,0.95);
  box-shadow: none;
}

.search-chip-toolbar .catalog-filter-trigger-icononly:hover,
.search-chip-toolbar .catalog-filter-trigger-icononly:focus-visible,
.search-chip-toolbar .catalog-filter-trigger-icononly[data-filter-active="1"] {
  background: #222222;
  outline: none;
}

.search-chip-toolbar .catalog-filter-trigger-icononly .catalog-filter-trigger-icon {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: transparent;
  color: currentColor;
}

.search-chip-toolbar .catalog-filter-trigger-icononly .catalog-filter-trigger-icon svg {
  width: 16px;
  height: 16px;
}

.search-chip-toolbar .catalog-filter-trigger-icononly .catalog-filter-trigger-copy {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.search-category-chips {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 1px 1px;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  touch-action: pan-x pan-y;
}

.search-category-chips::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.search-category-chip {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: max-content;
  min-height: 40px;
  padding: 0 16px;
  border: 0;
  border-radius: var(--radius-pill);
  background: #171717;
  color: rgba(255,255,255,0.94);
  font-size: 11px;
  font-weight: 860;
  line-height: 1;
  letter-spacing: -0.02em;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: none;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.search-category-chip:hover,
.search-category-chip:focus-visible,
.search-category-chip.is-active {
  background: #222222;
  color: #ffffff;
  outline: none;
}

.search-category-chip:active {
  transform: scale(0.985);
}

.search-category-chip[data-search-chip-category="top20"],
.search-category-chip[data-search-chip-query="top20"] {
  display: none;
}

.search-category-chip-favourite::before {
  content: "♥";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 6px;
  font-size: 12px;
  line-height: 1;
}

.search-category-chip-favourite.is-active::before {
  color: #ff3045;
}

.catalog-filter-modal[hidden] {
  display: none;
}

.catalog-filter-modal {
  position: fixed;
  inset: 0;
  z-index: 130;
  display: grid;
  place-items: center;
  align-content: center;
  justify-items: center;
  inline-size: 100%;
  min-block-size: 100dvh;
  padding: max(16px, env(safe-area-inset-top, 0px)) max(14px, env(safe-area-inset-right, 0px)) max(16px, env(safe-area-inset-bottom, 0px)) max(14px, env(safe-area-inset-left, 0px));
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
}

.catalog-filter-modal::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.catalog-filter-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.70);
  transform: translateZ(0);
  contain: strict;
}

.catalog-filter-dialog {
  position: relative;
  z-index: 1;
  width: min(100%, 440px);
  max-height: min(calc(100dvh - 32px), 720px);
  margin: auto;
  overflow: auto;
  scrollbar-width: none;
  border: 1px solid var(--popup-border);
  border-radius: 18px;
  background: #171717;
  background-clip: padding-box;
  box-shadow: none;
}

.catalog-filter-dialog::-webkit-scrollbar,
.catalog-filter-picker-menu::-webkit-scrollbar,
.catalog-filter-option-list::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.catalog-filter-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.10);
  background: #171717;
}

.catalog-filter-title-wrap {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.catalog-filter-title {
  margin: 0;
  color: var(--text-strong);
  font-size: 15px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: -.02em;
}

.catalog-filter-desc {
  margin: 2px 0 0;
  color: var(--muted-2);
  font-size: 10px;
  line-height: 1.35;
  font-weight: 700;
}

.catalog-filter-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 12px;
  border: 1px solid var(--line);
  background: var(--flat-bg-soft);
  color: var(--text);
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.catalog-filter-close svg {
  width: 18px;
  height: 18px;
}

.catalog-filter-body {
  display: grid;
  gap: 14px;
  padding: 18px 20px 12px;
}

.catalog-filter-field {
  display: grid;
  gap: 8px;
}

.catalog-filter-label {
  color: var(--text);
  font-size: 12.5px;
  font-weight: 850;
  letter-spacing: .01em;
}

.catalog-filter-dropdown {
  position: relative;
}

.catalog-filter-picker {
  display: grid;
  grid-template-columns: minmax(0,1fr) 18px;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 56px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--input-bg);
  text-align: left;
  box-shadow: none;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.catalog-filter-dropdown.is-open .catalog-filter-picker {
  display: none;
}

.catalog-filter-picker-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.15;
}

.catalog-filter-picker-arrow {
  justify-self: end;
  width: 18px;
  height: 18px;
  color: var(--muted-2);
}

.catalog-filter-picker-menu {
  display: none;
  margin-top: 0;
  border: 1px solid var(--line);
  border-radius: 14px;
  overflow: hidden;
  background: var(--flat-bg-soft);
  box-shadow: none;
  scrollbar-width: none;
}

.catalog-filter-dropdown.is-open .catalog-filter-picker-menu {
  display: grid;
}

.catalog-filter-search-shell {
  display: grid;
  grid-template-columns: 18px minmax(0,1fr);
  align-items: center;
  gap: 8px;
  min-height: 56px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--line);
  border-radius: 13px 13px 0 0;
  background: var(--input-bg);
}

.catalog-filter-search-icon {
  width: 16px;
  height: 16px;
  color: var(--muted-2);
}

.catalog-filter-search-input {
  width: 100%;
  height: 36px;
  border: 0;
  outline: 0;
  border-radius: 0;
  background: transparent;
  color: var(--text);
  font-size: 13px;
  font-weight: 800;
}

.catalog-filter-search-input::placeholder {
  color: var(--placeholder-color);
  opacity: 1;
}

.catalog-filter-option-list {
  max-height: calc(min(310px, 46dvh) - 56px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}

.catalog-filter-option {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  align-items: center;
  width: 100%;
  min-height: 48px;
  padding: 8px 12px;
  border: 0;
  border-top: 1px solid var(--line);
  background: transparent;
  color: var(--text);
  text-align: left;
}

.catalog-filter-option:first-child {
  border-top: 0;
}

.catalog-filter-option.is-filter-hidden {
  display: none;
}

.catalog-filter-option:hover,
.catalog-filter-option:focus-visible,
.catalog-filter-option.is-selected {
  background: var(--flat-bg-soft);
}

.catalog-filter-option-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.catalog-filter-option-copy strong,
.catalog-filter-option-copy small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.catalog-filter-option-copy strong {
  font-size: 12.5px;
  font-weight: 850;
  line-height: 1.15;
}

.catalog-filter-option-copy small {
  color: var(--muted-2);
  font-size: 10px;
  font-weight: 750;
  line-height: 1.15;
}

.catalog-filter-foot {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  padding: 8px 20px 20px;
}

.catalog-filter-action {
  min-height: 50px;
  padding: 0 14px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.catalog-filter-action.is-ghost,
#catalogFilterReset {
  display: none;
}

.catalog-filter-action.is-solid {
  width: 100%;
  border: 1px solid rgba(120,120,120, 0.34);
  background: var(--btn-main-bg);
  color: var(--btn-main-text);
  box-shadow: none;
}

.catalog-filter-dialog.lK_gJ {
  display: grid;
  grid-template-rows: auto minmax(0,1fr) auto;
}

.catalog-filter-dialog .catalog-filter-body {
  overflow: auto;
  padding: 14px;
  gap: 12px;
}

.catalog-filter-dialog .catalog-filter-foot {
  padding: 0 14px 14px;
}

.catalog-filter-dialog .catalog-filter-close {
  flex: 0 0 36px;
}

.catalog-filter-dialog .catalog-filter-close svg {
  width: 16px;
  height: 16px;
}

.search-panel,
.search-panel .toolbar,
.search-toolbar,
.search-controls {
  overflow: visible;
  position: relative;
  z-index: 80;
}

.catalog-panel,
.result,
.result-stack,
.catalog-clean-section {
  position: relative;
  z-index: 1;
}

.provider-filter,
.category-filter {
  min-width: 0;
  position: relative;
  z-index: 85;
  isolation: isolate;
}

.provider-filter.is-open,
.category-filter.is-open {
  z-index: 2147483000;
}

.filter-select.is-native-hidden {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  opacity: 0;
  pointer-events: none;
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}

.provider-filter-menu,
.category-filter-menu {
  position: fixed;
  inset: auto;
  z-index: 2147483000;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, -6px, 0) scale(.985);
  transition: opacity 100ms ease, transform 100ms ease, visibility 100ms ease;
  contain: layout paint;
  border: 1px solid var(--line-strong);
  border-radius: 14px;
  padding: 8px;
  transform-origin: center var(--filter-origin-y, top);
  background: var(--flat-bg-soft);
  box-shadow: none;
}

.provider-filter-menu::-webkit-scrollbar,
.category-filter-menu::-webkit-scrollbar {
  display: none;
}

.provider-filter.is-open .provider-filter-menu,
.category-filter.is-open .category-filter-menu {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translate3d(0, 0, 0) scale(1);
}

.category-filter .provider-filter-button {
  inline-size: 100%;
}

.provider-filter-option {
  grid-template-columns: 34px minmax(0,1fr);
  cursor: pointer;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  min-height: 46px;
  padding: 8px 9px;
  border-radius: 10px;
  color: var(--text);
  background: transparent;
  border: 1px solid transparent;
}

.provider-filter-option:hover,
.provider-filter-option:focus-visible,
.provider-filter-option.is-selected {
  border-color: var(--chip-border);
  background: var(--flat-bg-soft);
  transform: none;
}

.provider-filter-option.is-selected .provider-option-logo,
.provider-filter-button:focus-visible .provider-filter-icon,
.provider-filter.is-open .provider-filter-icon {
  border-color: hsl(var(--theme-h) var(--theme-s) var(--theme-l) / 0.50);
  background: var(--flat-bg-soft);
}

.provider-option-text strong {
  font-size: 12.5px;
  font-weight: 900;
  line-height: 1.1;
  color: var(--text-strong);
}

.provider-option-text small {
  font-size: 10px;
  font-weight: 750;
  line-height: 1.1;
  color: var(--muted-2);
}

.catalog-clean-section.section-top20 {
  position: relative;
  min-width: 0;
  overflow: visible;
  contain: layout paint;
}

.catalog-clean-section.section-top20 .section-head {
  max-width: none;
  margin-inline: 0;
  text-align: left;
  gap: 12px;
}

.catalog-clean-section.section-top20 .section-title-wrap {
  align-items: flex-start;
  text-align: left;
}

.catalog-clean-section.section-top20 .section-sub {
  max-width: none;
  margin-inline: 0;
}

.catalog-clean-section.section-top20 .section-count {
  margin-inline: 0;
}

.catalog-clean-section.section-top20 .list.list-slider::-webkit-scrollbar {
  display: none;
}

.catalog-clean-section.section-top20 .list.list-slider > .card-shell {
  position: relative;
  flex: 0 0 var(--top20-card-w-desktop);
  width: var(--top20-card-w-desktop);
  max-width: var(--top20-card-w-desktop);
  min-width: 0;
  scroll-snap-align: start;
  scroll-snap-stop: normal;
}

.catalog-clean-section.section-top20 .card {
  min-height: 100%;
  padding: 0;
  border-radius: var(--game-card-radius);
}

.catalog-clean-section.section-top20 .card-content {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-height: 100%;
  height: 100%;
}

.catalog-clean-section.section-top20 .thumb-wrap {
  aspect-ratio: 1.18 / 1;
  min-height: 0;
  padding: 0;
  border-radius: inherit;
}

.catalog-clean-section.section-top20 .thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: translate3d(0,0,0) scale(1.045);
}

.catalog-clean-section.section-top20 .body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 54px;
  padding: 10px 12px 8px;
  text-align: center;
}

.catalog-clean-section.section-top20 .title {
  margin: 0;
  color: var(--text-strong);
  font-size: 14px;
  font-weight: 760;
  line-height: 1.28;
  letter-spacing: -0.015em;
  text-wrap: balance;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.catalog-clean-section.section-top20 .card-badges,
.catalog-clean-section.section-top20 .card.has-card-badges .card-badges {
  top: 9px;
  left: 9px;
  right: auto;
  gap: 5px;
  max-width: calc(100% - 18px);
}

.catalog-clean-section.section-top20 .card-progress-pill {
  top: 9px;
  right: 9px;
  height: 23px;
  margin: 0;
}

.catalog-clean-section.section-top20 .card-progress-pill-track {
  height: 23px;
  min-width: 43px;
  border-radius: 999px;
}

.catalog-clean-section.section-top20 .card-progress-pill-value {
  padding: 0;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.03em;
}

.catalog-clean-section.section-top20 .card-actions {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  grid-auto-flow: row;
  right: 8px;
  bottom: 8px;
  left: auto;
  width: min(96px, calc(100% - 16px));
  gap: 5px;
  align-items: stretch;
  margin: 0;
  padding: 0;
}

.catalog-clean-section.section-top20 .card-actions.single-action {
  grid-template-columns: minmax(0,1fr);
}

.catalog-clean-section.section-top20 .card-action {
  min-height: 30px;
  padding: 0 7px;
  border-radius: 8px;
  font-size: 8.2px;
  font-weight: 840;
  letter-spacing: 0.075em;
}

body.is-gift-container-page .sidebar-filter-block .catalog-tab-btn,
body.is-gift-container-page .sidebar-link[href^="./index.html"],
body.is-gift-container-page .sidebar-link-button {
  cursor: pointer;
}

.sidebar .sidebar-mobile-action,
.sidebar .sidebar-nav .sidebar-link,
.sidebar .catalog-tab-btn .catalog-tab-label {
  display: flex;
  align-items: center;
}

.sidebar .sidebar-nav .sidebar-link:hover .s4d-flat-icon,
.sidebar .sidebar-nav .sidebar-link:focus-visible .s4d-flat-icon,
.sidebar .sidebar-mobile-action:hover .s4d-flat-icon,
.sidebar .sidebar-mobile-action:focus-visible .s4d-flat-icon,
.sidebar .catalog-tab-btn:hover .s4d-flat-icon,
.sidebar .catalog-tab-btn:focus-visible .s4d-flat-icon,
.sidebar .catalog-tab-btn.is-active .s4d-flat-icon {
  filter: none;
  transform: translateY(-1px) translateZ(0);
}

.sidebar .catalog-tab-label {
  gap: 10px;
  line-height: 1.15;
}

.sidebar .catalog-tab-label .s4d-flat-icon {
  flex-basis: 30px;
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 9px;
}

.sidebar .catalog-tab-label .s4d-flat-icon svg {
  width: 16px;
  height: 16px;
}

#catalogArea,
#catalogArea.panel,
#catalogArea .panel,
#catalogArea .catalog-panel,
#catalogArea .result,
#resultArea,
#resultArea .result,
#resultArea .result-stack,
.result-stack,
.catalog-panel,
.catalog-clean-section,
.catalog-clean-section[data-card-rail],
.catalog-clean-section .section-block,
.section-block,
.catalog-clean-section .rail-frame,
.catalog-clean-section[data-card-rail] .rail-frame,
#catalogArea .rail-frame,
#resultArea .rail-frame {
  border: 0;
  background: transparent;
  box-shadow: none;
  filter: none;
}

#catalogArea .catalog-panel,
.catalog-panel,
#catalogArea .result,
#resultArea .result,
.result-stack,
.section-block,
.catalog-clean-section .section-block {
  padding: 0;
  border-radius: 0;
  overflow: visible;
}

.result-stack {
  display: grid;
  gap: clamp(20px, 2vw, 30px);
}

.catalog-clean-section .section-head,
.catalog-clean-section .section-title-wrap {
  padding: 0;
  margin-bottom: 9px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.catalog-clean-section .section-head {
  align-items: flex-start;
}

.catalog-clean-section .section-head-actions {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex: 0 0 auto;
  margin-left: auto;
}

.catalog-clean-section .section-rail-nav {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.catalog-clean-section .section-rail-nav .rail-nav-btn {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: #171717;
  border-color: rgba(255,255,255,0.12);
}

.catalog-clean-section .section-rail-nav .rail-nav-btn svg {
  width: 18px;
  height: 18px;
}

.catalog-clean-section .section-rail-nav .rail-nav-btn-prev svg {
  transform: rotate(180deg);
}

.catalog-clean-section[data-card-rail] .buttonNext,
.catalog-clean-section.section-card-rail .buttonNext,
.catalog-clean-section.section-top20 .buttonNext,
.rail-next-injected.buttonNext {
  display: none !important;
}

.legacy-rail-next-placeholder {
  display: none;
}

.catalog-clean-section[data-card-rail] .buttonNext__legacy,
.catalog-clean-section.section-card-rail .buttonNext__legacy,
.catalog-clean-section.section-top20 .buttonNext__legacy,
.rail-next-injected.buttonNext__legacy {
  position: absolute;
  top: 50%;
  right: clamp(8px, 1vw, 12px);
  bottom: auto;
  z-index: 70;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(38px, 4vw, 46px);
  min-width: 0;
  min-height: 0;
  height: clamp(66px, 8vw, 84px);
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 999px;
  color: rgba(255,255,255,0.84);
  background: transparent;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, -50%, 0);
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
  -webkit-tap-highlight-color: transparent;
}

.catalog-clean-section[data-card-rail] .buttonNext .je_jk,
.catalog-clean-section.section-card-rail .buttonNext .je_jk,
.catalog-clean-section.section-top20 .buttonNext .je_jk,
.rail-next-injected.buttonNext .je_jk {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 999px;
  color: currentColor;
  background: rgba(255,255,255,0.14);
  box-shadow: none;
  pointer-events: none;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.catalog-clean-section[data-card-rail] .buttonNext:hover,
.catalog-clean-section[data-card-rail] .buttonNext:focus-visible,
.catalog-clean-section.section-card-rail .buttonNext:hover,
.catalog-clean-section.section-card-rail .buttonNext:focus-visible,
.catalog-clean-section.section-top20 .buttonNext:hover,
.catalog-clean-section.section-top20 .buttonNext:focus-visible,
.rail-next-injected.buttonNext:hover,
.rail-next-injected.buttonNext:focus-visible {
  color: #ffffff;
  background: transparent;
  outline: none;
}

.catalog-clean-section[data-card-rail] .buttonNext:hover .je_jk,
.catalog-clean-section[data-card-rail] .buttonNext:focus-visible .je_jk,
.catalog-clean-section.section-card-rail .buttonNext:hover .je_jk,
.catalog-clean-section.section-card-rail .buttonNext:focus-visible .je_jk,
.catalog-clean-section.section-top20 .buttonNext:hover .je_jk,
.catalog-clean-section.section-top20 .buttonNext:focus-visible .je_jk,
.rail-next-injected.buttonNext:hover .je_jk,
.rail-next-injected.buttonNext:focus-visible .je_jk {
  background: rgba(255,255,255,0.22);
  border-color: rgba(255,255,255,0.24);
}

.catalog-clean-section[data-card-rail] .buttonNext:active .je_jk,
.catalog-clean-section.section-card-rail .buttonNext:active .je_jk,
.catalog-clean-section.section-top20 .buttonNext:active .je_jk,
.rail-next-injected.buttonNext:active .je_jk {
  background: rgba(255,255,255,0.18);
}

.catalog-clean-section[data-card-rail] .buttonNext svg,
.catalog-clean-section.section-card-rail .buttonNext svg,
.catalog-clean-section.section-top20 .buttonNext svg,
.rail-next-injected.buttonNext svg,
.jm_eh {
  display: inline-block;
  width: var(--iconSize, 24px);
  height: var(--iconSize, 24px);
  fill: currentColor;
  pointer-events: none;
  vertical-align: middle;
}

.catalog-clean-section.section-top20 .thumb-wrap > .mG_mK {
  display: none;
}

.catalog-clean-section.section-new-games .card-badges .badge.top,
.catalog-clean-section.section-new-games .card-badges .badge.badge-icon.top {
  display: none;
}

.catalog-clean-section.section-top20 .list.list-slider {
  display: flex;
  align-items: stretch;
  max-width: 100%;
  margin-inline: 0;
  padding: 4px var(--rail-edge-pad) 12px;
  overflow-x: auto;
  overflow-y: visible;
  scroll-snap-type: x proximity;
  scroll-padding-inline: var(--rail-edge-pad);
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  --game-native-tile-w: var(--game-native-tile-w-top20);
  gap: clamp(12px, 1.2vw, 16px);
  padding-top: 4px;
}

#catalogArea .card-shell.image-native-shell,
#resultArea .card-shell.image-native-shell,
.catalog-clean-section .card-shell.image-native-shell,
.catalog-clean-section.section-top20 .list.list-slider > .card-shell.image-native-shell {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: var(--game-native-title-gap);
  width: 100%;
  height: auto;
  min-height: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  filter: none;
  isolation: isolate;
  contain: layout paint style;
}

#catalogArea .card-shell.image-native-shell > .card.image-native-card,
#resultArea .card-shell.image-native-shell > .card.image-native-card,
.catalog-clean-section .card-shell.image-native-shell > .card.image-native-card,
.catalog-clean-section.section-top20 .card-shell.image-native-shell > .card.image-native-card {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  filter: none;
  transform: none;
  transition: none;
  contain: layout paint style;
}

#catalogArea .card-shell.image-native-shell > .card.image-native-card > .card-content,
#resultArea .card-shell.image-native-shell > .card.image-native-card > .card-content,
.catalog-clean-section .card-shell.image-native-shell > .card.image-native-card > .card-content,
.catalog-clean-section.section-top20 .card-shell.image-native-shell > .card.image-native-card > .card-content {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
}

#catalogArea .card-shell.image-native-shell .thumb-wrap,
#resultArea .card-shell.image-native-shell .thumb-wrap,
.catalog-clean-section .card-shell.image-native-shell .thumb-wrap,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .thumb-wrap {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  padding: 0;
  margin: 0;
  line-height: 0;
  aspect-ratio: auto;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  pointer-events: auto;
  isolation: isolate;
  -webkit-tap-highlight-color: transparent;
}

#catalogArea .card-shell.image-native-shell .thumb,
#resultArea .card-shell.image-native-shell .thumb,
.catalog-clean-section .card-shell.image-native-shell .thumb,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .thumb,
#catalogArea .card-shell.image-native-shell .thumb-wrap img,
#resultArea .card-shell.image-native-shell .thumb-wrap img,
.catalog-clean-section .card-shell.image-native-shell .thumb-wrap img,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .thumb-wrap img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: none;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  object-fit: contain;
  object-position: center top;
  transform: none;
  transform-origin: center center;
  filter: none;
  clip-path: none;
  vertical-align: top;
  pointer-events: auto;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.catalog-clean-section.section-top20 .card-shell.image-native-shell .thumb,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .thumb-wrap img {
  width: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  transform: translate3d(0,0,0) scale(1.045);
}

#catalogArea .card-shell.image-native-shell .game-title-bar,
#resultArea .card-shell.image-native-shell .game-title-bar,
.catalog-clean-section .card-shell.image-native-shell .game-title-bar,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .game-title-bar {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: auto;
  padding: 2px 0 0;
  margin: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  pointer-events: auto;
}

#catalogArea .card-shell.image-native-shell .game-title-under-card,
#resultArea .card-shell.image-native-shell .game-title-under-card,
.catalog-clean-section .card-shell.image-native-shell .game-title-under-card,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .game-title-under-card,
#catalogArea .card-shell.image-native-shell .game-title-bar .title,
#resultArea .card-shell.image-native-shell .game-title-bar .title,
.catalog-clean-section .card-shell.image-native-shell .game-title-bar .title,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .game-title-bar .title {
  display: -webkit-box;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  max-height: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  color: var(--tile-title-color, #ededed);
  font-size: var(--game-native-title-font);
  font-weight: 760;
  line-height: var(--game-native-title-line);
  letter-spacing: -0.012em;
  text-align: center;
  text-shadow: none;
  text-wrap: balance;
  overflow-wrap: anywhere;
  word-break: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

#catalogArea .card-shell.image-native-shell .card-actions,
#resultArea .card-shell.image-native-shell .card-actions,
.catalog-clean-section .card-shell.image-native-shell .card-actions,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .card-actions {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  z-index: 40;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-flow: row;
  align-items: stretch;
  gap: 6px;
  width: min(118px, calc(100% - 22px));
  margin: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate3d(-50%, calc(-50% + 10px), 0) scale(0.94);
  transform-origin: center center;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

#catalogArea .card-shell.image-native-shell .card-action,
#resultArea .card-shell.image-native-shell .card-action,
.catalog-clean-section .card-shell.image-native-shell .card-action,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .card-action {
  min-height: 31px;
  padding: 0 9px;
  border: 0;
  border-radius: 9px;
  opacity: 0;
  color: rgba(255,255,255,0.94);
  background: var(--game-action-bg);
  box-shadow: none;
  font-size: 10.8px;
  font-weight: 880;
  line-height: 1;
  text-transform: uppercase;
  transform: translate3d(0, 8px, 0) scale(0.96);
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

#catalogArea .card-shell.image-native-shell .card-action.main,
#resultArea .card-shell.image-native-shell .card-action.main,
.catalog-clean-section .card-shell.image-native-shell .card-action.main,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .card-action.main {
  color: var(--game-action-text-main);
  background: var(--game-action-bg-main);
}

.catalog-clean-section.section-top20 .list.list-slider > .card-shell.image-native-shell {
  flex: 0 0 var(--top20-card-w-desktop);
  width: var(--top20-card-w-desktop);
  max-width: var(--top20-card-w-desktop);
}

.list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--game-card-min)), 1fr));
  gap: 14px;
  min-width: 0;
}

.card-meta {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--ui-chip-gap);
  row-gap: var(--ui-chip-gap-tight);
  margin-top: 10px;
}

.card-chip {
  min-height: var(--ui-chip-h-compact);
  padding-inline: 10px;
  font-size: 11px;
  color: var(--muted);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.card-symbol {
  display: block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--game-card-radius);
  background: var(--card-bg);
  box-shadow: none;
  background-clip: padding-box;
  isolation: isolate;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  contain: layout paint;
  transform: translate3d(0, 0, 0) scale(1);
  transform-origin: center center;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.card::before,
.card::after {
  display: none;
}

.card-shell {
  position: relative;
  display: block;
  height: 100%;
  border-radius: var(--game-card-radius);
  isolation: isolate;
}

.card-shell > .card {
  border-radius: inherit;
}

.card-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  height: 100%;
}

.card-link {
  display: block;
  min-width: 0;
  height: 100%;
}

.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 18px;
  padding: 0 9px;
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  color: var(--text);
  background: var(--flat-bg-soft);
  box-shadow: none;
  font-size: 7px;
  font-weight: 850;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  white-space: nowrap;
}

.badge.top {
  min-height: 22px;
  padding: 0 11px;
  border-color: rgba(120,120,120, 0.34);
  color: var(--btn-main-text);
  background: var(--btn-main-bg);
  box-shadow: none;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.09em;
}

.badge.top,
.badge.badge-icon.top,
.card.has-card-badges .badge.badge-icon.top {
  display: none;
}

.badge.new {
  color: var(--text);
  border-color: var(--line);
  background: var(--flat-bg-soft);
}

.badge.badge-icon {
  --badge-icon-size: 30px;
  min-width: 0;
  min-height: 0;
  width: auto;
  height: auto;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.badge.badge-icon img {
  display: block;
  width: auto;
  height: var(--badge-icon-size);
  max-width: none;
  object-fit: contain;
  object-position: center;
  pointer-events: none;
  transform: translateZ(0);
}

.badge.badge-icon.top {
  --badge-icon-size: clamp(38px, 3.2vw, 48px);
}

.badge.badge-icon.new {
  --badge-icon-size: clamp(38px, 3.2vw, 48px);
}

.thumb-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  aspect-ratio: var(--game-card-aspect);
  padding: 0;
  overflow: hidden;
  background: var(--thumb-bg);
  isolation: isolate;
}

.thumb-wrap::before {
  content: none;
}

.thumb-wrap::after {
  display: none;
}

.thumb,
.thumb-wrap img,
.thumb-wrap picture img,
.card-media img,
.card-image img,
.game-card-image,
.game-img,
.game-thumb {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  background: transparent;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translate3d(0, 0, 0) scale(1.006);
  transform-origin: center center;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.card-shell,
.card,
.card-link,
.card-content,
.thumb-wrap {
  transform-style: preserve-3d;
}

.card .thumb-wrap,
.card.has-card-actions-reveal .thumb-wrap {
  pointer-events: none;
}

.card.is-image-hover :is(.thumb, .thumb-wrap img, .thumb-wrap picture img, .card-media img, .card-image img, .game-card-image, .game-img, .game-thumb),
.card-shell:hover > .card :is(.thumb, .thumb-wrap img, .thumb-wrap picture img, .card-media img, .card-image img, .game-card-image, .game-img, .game-thumb),
.card:hover :is(.thumb, .thumb-wrap img, .thumb-wrap picture img, .card-media img, .card-image img, .game-card-image, .game-img, .game-thumb) {
  transform: translate3d(0, 0, 0) scale(var(--game-image-hover-scale));
}

.body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 0;
  min-height: 46px;
  padding: 9px 12px 8px;
  text-align: center;
}

.title {
  margin: 0;
  color: var(--text-strong);
  font-size: 14px;
  font-weight: 760;
  line-height: 1.28;
  letter-spacing: -0.015em;
  text-wrap: balance;
  overflow-wrap: anywhere;
  word-break: break-word;
}

body.hide-game-names .title {
  display: none;
}

body.hide-game-names .body {
  min-height: 38px;
  padding-top: 8px;
}

body.hide-game-names .card-meta {
  margin-top: 0;
}

.card-progress-pill,
.card-progress-pill-track,
.card-progress-pill-fill,
.card-progress-pill-value {
  touch-action: manipulation;
}

.card-progress-pill-track {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 40px;
  height: 22px;
  overflow: hidden;
  padding: 0 7px;
  border: 1px solid rgba(255,255,255,0.13);
  border-radius: 999px;
  background: rgba(0,0,0,0.68);
  box-shadow: none;
}

.card-progress-pill-track::before {
  display: none;
}

.card-progress-pill-fill {
  display: none;
}

.card-progress-pill-value {
  position: relative;
  inset: auto;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 0;
  color: rgba(255,255,255,0.98);
  background: transparent;
  border: 0;
  box-shadow: none;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.03em;
  line-height: 1;
  text-shadow: none;
  font-variant-numeric: tabular-nums;
  pointer-events: none;
  white-space: nowrap;
}

.card-progress-pill.is-zero .card-progress-pill-fill,
.card-progress-pill.is-empty .card-progress-pill-fill {
  width: 0;
}

.card.has-card-actions-reveal {
  cursor: pointer;
}

.card.has-card-actions-reveal:focus-visible {
  outline: none;
  border-color: var(--chip-border-strong);
  box-shadow: none;
}

.card.is-actions-open,
.card.is-pola-open {
  border-color: var(--chip-border-strong);
  box-shadow: none;
}

.card.is-pola-open {
  z-index: 8;
}

.card-shell:hover .card :is(.thumb, .thumb-wrap img, .thumb-wrap picture img, .card-media img, .card-image img, .game-card-image, .game-img, .game-thumb),
.card:hover :is(.thumb, .thumb-wrap img, .thumb-wrap picture img, .card-media img, .card-image img, .game-card-image, .game-img, .game-thumb),
.card:focus-within :is(.thumb, .thumb-wrap img, .thumb-wrap picture img, .card-media img, .card-image img, .game-card-image, .game-img, .game-thumb),
.card.is-actions-open :is(.thumb, .thumb-wrap img, .thumb-wrap picture img, .card-media img, .card-image img, .game-card-image, .game-img, .game-thumb),
.card.is-pola-open :is(.thumb, .thumb-wrap img, .thumb-wrap picture img, .card-media img, .card-image img, .game-card-image, .game-img, .game-thumb),
.card[data-card-actions-open="1"] :is(.thumb, .thumb-wrap img, .thumb-wrap picture img, .card-media img, .card-image img, .game-card-image, .game-img, .game-thumb) {
  transform: translate3d(0, 0, 0) scale(var(--game-image-hover-scale));
}

.catalog-clean-section .list.list-grid-vertical {
  gap: 10px;
}

.catalog-clean-section[data-card-rail] .list.list-slider {
  display: flex;
  grid-template-columns: none;
  align-items: stretch;
  gap: var(--rail-gap);
  overflow-x: auto;
  overflow-y: hidden;
  margin: 0;
  padding: 4px var(--rail-edge-pad) 12px;
  scroll-behavior: auto;
  scroll-snap-type: x proximity;
  scroll-padding-inline: var(--rail-edge-pad);
  overscroll-behavior-x: contain;
  overscroll-behavior-y: auto;
  touch-action: pan-x pan-y;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  contain: layout paint style;
}

.catalog-clean-section[data-card-rail] .list.list-slider::-webkit-scrollbar {
  display: none;
}

.catalog-clean-section[data-card-rail] .list.list-slider.is-user-scrolling {
  scroll-snap-type: none;
  scroll-behavior: auto;
}

.catalog-clean-section[data-card-rail] .list.list-slider.is-user-scrolling > .card-shell {
  scroll-snap-align: none;
}

.catalog-clean-section[data-card-rail] .list.list-slider > .card-shell {
  position: relative;
  flex: 0 0 var(--rail-card-w-desktop);
  width: var(--rail-card-w-desktop);
  max-width: var(--rail-card-w-desktop);
  min-width: 0;
  scroll-snap-align: start;
  scroll-snap-stop: normal;
}

.catalog-clean-section[data-card-rail] .list.list-slider > .card-shell:first-child,
.catalog-clean-section[data-card-rail] .list.list-slider > .card-shell:last-child {
  margin: 0;
}

.catalog-clean-section[data-card-rail] .list.list-slider > .card-shell .card,
.catalog-clean-section[data-card-rail] .list.list-slider > .card-shell .card-content,
.catalog-clean-section[data-card-rail] .list.list-slider > .card-shell .thumb {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.card.has-card-badges {
  overflow: hidden;
  contain: layout paint style;
}

.card.has-card-badges .card-badges {
  top: 9px;
  left: 9px;
  z-index: 18;
  gap: 5px;
  max-width: calc(100% - 18px);
  overflow: visible;
  pointer-events: none;
}

.card.has-card-badges .badge.badge-icon {
  min-width: 0;
  min-height: 0;
  width: auto;
  height: auto;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.card.has-card-badges .badge.badge-icon img {
  display: block;
  width: auto;
  max-width: none;
  object-fit: cover;
  object-position: center;
  user-select: none;
  -webkit-user-drag: none;
  transform: translate3d(0,0,0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.card.has-card-badges .badge.badge-icon.new img {
  height: clamp(44px, 4.35vw, 62px);
}

.gift-card,
.gift-card.card,
.gift-card .card-shell,
.gift-card .card-content,
.gift-card .thumb-wrap,
.gift-card .body {
  border: 0;
  background: transparent;
  background-image: none;
  box-shadow: none;
  filter: none;
}

.gift-card .card-content,
.gift-card .thumb-wrap,
.gift-card .body {
  padding: 0;
}

.card-favourite-control {
  position: absolute;
  right: 6px;
  bottom: 6px;
  z-index: 22;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  pointer-events: auto;
  touch-action: manipulation;
}

.mG_mW.ny_nz.is-active,
.card.is-favourite .mG_mW.ny_nz {
  background: rgba(0,0,0,0.26);
  color: #ff3045;
}

.ny_nB.ny_nC path,
.mG_mW.ny_nz.is-active .ny_nB path,
.card.is-favourite .mG_mW.ny_nz .ny_nB path {
  fill: #ff3045;
  stroke: #ff3045;
}

.card-progress-pill {
  z-index: 24;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 40px;
  max-width: calc(100% - 14px);
  height: 22px;
  pointer-events: none;
  --pill-progress: 0;
  --pill-progress-color: #dcdcdc;
  --pill-progress-shadow: none;
  position: absolute;
  top: 8px;
  right: 8px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  isolation: isolate;
}

#catalogArea .catalog-grid,
#resultArea .catalog-grid,
.catalog-clean-section .catalog-grid,
#catalogArea .list,
#resultArea .list,
.catalog-clean-section .list {
  align-items: flex-start;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  scroll-behavior: auto;
}

#catalogArea .list.list-slider,
#resultArea .list.list-slider,
.catalog-clean-section .list.list-slider {
  scrollbar-width: none;
}

#catalogArea .list.list-slider::-webkit-scrollbar,
#resultArea .list.list-slider::-webkit-scrollbar,
.catalog-clean-section .list.list-slider::-webkit-scrollbar {
  display: none;
}

.card-badges {
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  pointer-events: none;
  top: 0;
  left: 0;
  gap: 0;
  max-width: calc(100% - 16px);
}

.card.has-card-badges .badge.badge-icon.new,
.badge.badge-icon.new {
  display: none;
}

.card.has-new-tag .thumb-wrap {
  position: relative;
}

.card.has-new-tag .thumb-wrap > .mG_mK,
.thumb-wrap > .mG_mK {
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  z-index: 8;
  display: block;
  pointer-events: none;
  line-height: 1;
}

.card.has-new-tag .thumb-wrap > .mG_mK .k1_la,
.thumb-wrap > .mG_mK .k1_la {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 22px;
  padding: 0 7px;
  border: 0;
  border-radius: 0 8px 8px 0;
  color: #ffffff;
  background: #d73742;
  box-shadow: none;
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

.catalog-clean-section[data-card-rail] .list.list-slider,
#catalogArea .list.list-slider,
#resultArea .list.list-slider {
  align-items: flex-start;
  gap: var(--game-native-gap);
  margin: 0;
  padding: 2px 0 12px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.catalog-clean-section[data-card-rail] .list.list-slider > .card-shell.image-native-shell,
#catalogArea .list.list-slider > .card-shell.image-native-shell,
#resultArea .list.list-slider > .card-shell.image-native-shell {
  flex: 0 0 var(--game-native-tile-w);
  width: var(--game-native-tile-w);
  max-width: var(--game-native-tile-w);
  min-width: 0;
  scroll-snap-align: start;
}

#catalogArea .card-meta,
#resultArea .card-meta,
.catalog-clean-section .card-meta,
#catalogArea .card-chip,
#resultArea .card-chip,
.catalog-clean-section .card-chip,
#catalogArea .card .body,
#resultArea .card .body,
.catalog-clean-section .card .body {
  display: none;
}

.card-actions,
.card-action,
.card-dropup {
  touch-action: manipulation;
}

.card-actions {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  z-index: 9;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-flow: row;
  align-items: stretch;
  gap: 6px;
  width: min(118px, calc(100% - 22px));
  margin: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate3d(-50%, calc(-50% + 10px), 0) scale(0.94);
  transform-origin: center center;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.card-actions.single-action {
  grid-template-columns: minmax(0, 1fr);
}

.card:hover .card-actions,
.card:focus-within .card-actions,
.card.is-actions-open .card-actions,
.card.is-pola-open .card-actions {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate3d(-50%, -50%, 0) scale(1);
}

.card-action {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 36px;
  padding: 0 12px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 9px;
  font-size: 11px;
  font-weight: 880;
  letter-spacing: 0.07em;
  line-height: 1;
  text-transform: uppercase;
  opacity: 0;
  transform: translate3d(0, 10px, 0) scale(0.96);
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.card:hover .card-action,
.card:focus-within .card-action,
.card.is-actions-open .card-action,
.card.is-pola-open .card-action {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

.card-action::before {
  display: none;
}

.card-action,
.card-action.pola {
  color: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(255,255,255,0.20);
  background: var(--game-action-bg);
  box-shadow: none;
}

.card-action.pola:hover,
.card-action.pola:focus-visible {
  border-color: var(--chip-border-strong);
  background: var(--btn-ghost-bg-hover);
}

.card-action.main {
  color: #111111;
  border: 1px solid rgba(255,255,255,0.34);
  background: var(--game-action-bg-main);
  box-shadow: none;
}

.card-action.main:hover,
.card-action.main:focus-visible {
  box-shadow: none;
}

.card-action.pola.is-active {
  border-color: rgba(120,120,120, 0.34);
  background: var(--btn-ghost-bg-hover);
}

.card-action.is-disabled,
.card-action[aria-disabled="true"] {
  opacity: 0.5;
  pointer-events: none;
  box-shadow: none;
}

.card-dropup {
  display: none;
}

body.pola-popup-open {
  overflow: visible;
  touch-action: auto;
}

.global-pola-popup::before,
.global-pola-popup::after,
.card-dropup-backdrop,
.card-dropup-head,
.card-dropup-visual,
.card-dropup-grid,
.card-dropup-depth,
.card-dropup-line,
.card-dropup-worker-head,
.card-dropup-worker-title,
.card-dropup-worker-chip,
.card-dropup-worker-head-main {
  display: none;
  content: none;
}

.pola-clean-kicker {
  display: none;
}

.pola-drawer-head {
  min-height: 46px;
  padding: 10px 12px;
}

.pola-clean-title {
  margin: 0;
  color: rgba(255,255,255,0.96);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.16;
  letter-spacing: -0.012em;
  text-align: left;
  word-break: break-word;
}

.pola-drawer-close {
  width: 32px;
  height: 32px;
  min-width: 32px;
}

.card-dropup-body,
.global-pola-popup .card-dropup-body,
.global-pola-popup .pola-clean-body {
  max-height: none;
  min-height: 0;
  overflow: visible;
  overscroll-behavior: auto;
  scrollbar-width: none;
  padding: 10px 12px 12px;
}

.global-pola-popup .card-dropup-body::-webkit-scrollbar {
  display: none;
}

.pola-clean-content {
  display: grid;
  gap: 10px;
  text-align: center;
}

.pola-clean-section {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.pola-clean-section-label {
  margin: 0 auto 1px;
  color: rgba(255,255,255,0.48);
  font-size: 6.7px;
  font-weight: 760;
  letter-spacing: 0.13em;
  line-height: 1.1;
  text-transform: uppercase;
}

.pola-clean-list {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.pola-clean-line,
.global-pola-popup .card-dropup-plain-line,
.global-pola-popup .card-dropup-note {
  display: block;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: rgba(255,255,255,0.94);
  font-size: 9.4px;
  font-weight: 740;
  line-height: 1.23;
  letter-spacing: 0.002em;
  text-align: center;
  word-break: break-word;
  font-variant-numeric: tabular-nums;
}

.card-dropup-loading,
.card-dropup-feedback {
  padding: 4px 0;
  color: rgba(255,255,255,0.78);
  font-size: 10px;
  text-align: center;
}

.global-pola-popup .pola-clean-body {
  padding: 10px 12px 12px;
  background: #171717;
}

.global-pola-popup .pola-clean-content {
  gap: 8px;
}

.pola-ready-toast {
  position: fixed;
  right: max(14px, calc(14px + var(--safe-right)));
  bottom: max(14px, calc(14px + var(--safe-bottom)));
  z-index: 240;
  max-width: min(360px, calc(100vw - 24px));
  min-height: 50px;
  padding: 12px 16px;
  border-radius: 14px;
  color: var(--text-strong);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
  opacity: 0;
  transform: translate3d(0, 8px, 0);
  pointer-events: none;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.pola-ready-toast.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  pointer-events: auto;
}

.gift-card::before,
.gift-card::after,
.gift-card .thumb-wrap::before,
.gift-card .thumb-wrap::after,
.gift-card .card-badges,
.gift-card .card-actions {
  content: none;
  display: none;
}

.sidebar-link:hover,
.sidebar-link:focus-visible,
.sidebar-link.is-active,
.sidebar-link[aria-current="page"] {
  background: var(--sidebar-link-depth-hover);
  border-color: var(--obsidian-depth-line-strong);
  box-shadow: none;
}

.rail-nav-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  border-radius: 10px;
  border: 1px solid var(--chip-border);
  background: var(--btn-ghost-bg);
  color: var(--text);
  -webkit-tap-highlight-color: transparent;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.rail-nav-btn:hover,
.rail-nav-btn:focus-visible {
  background: var(--btn-ghost-bg-hover);
  border-color: var(--chip-border-strong);
  outline: none;
}

.rail-nav-btn:active {
  transform: scale(0.96);
}

.rail-nav-btn[disabled],
.rail-nav-btn.is-disabled {
  opacity: 0.42;
  pointer-events: none;
}

.sidebar-mobile-actions {
  display: none;
}

.sidebar-overlay {
  position: fixed;
  inset: 0;
  z-index: 70;
  display: block;
  background: rgba(0,0,0,0.62);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  touch-action: none;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  contain: strict;
  transition: opacity 100ms ease, transform 100ms ease, visibility 100ms ease;
}

.sidebar-overlay.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.sidebar.is-gsap-sidebar,
.sidebar-overlay.is-gsap-sidebar {
  transition: none;
}

.sidebar.is-open {
  transform: translate3d(0,0,0);
  pointer-events: auto;
}

.sidebar::before {
  display: none;
}

.sidebar-inner {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  min-width: 0;
  min-height: 100%;
  padding: 12px 14px 14px;
}

.sidebar-head {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.sidebar-title-wrap {
  grid-column: 1 / -1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0;
  min-width: 0;
  width: 100%;
  padding: 0;
}

.sidebar-logo {
  justify-content: flex-start;
  width: min(100%, 220px);
  height: clamp(42px, 4.8vw, 56px);
  max-width: min(220px, 72vw);
  background: transparent;
  box-shadow: none;
}

.sidebar-logo img {
  width: auto;
  height: 100%;
  max-width: 100%;
  margin-inline: 0;
  object-fit: contain;
  object-position: left center;
}

.sidebar-logo.placeholder {
  min-width: 112px;
  padding: 8px 11px;
  border-radius: 12px;
}

.sidebar-close,
#sidebarClose {
  display: none;
}

.sidebar-block {
  min-width: 0;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.145);
  background: var(--sidebar-block-depth);
  box-shadow: none;
}

.sidebar-kicker {
  display: block;
  margin: 0 0 9px;
  color: rgba(244, 247, 255, 0.72);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  text-shadow: none;
}

.sidebar-social-link[aria-disabled="true"] {
  opacity: 0.72;
}

.sidebar-social-link[aria-disabled="true"] small {
  color: var(--muted-2);
}

.sidebar-social-link[aria-disabled="false"] small {
  color: var(--text-strong);
}

.sidebar-filter-block {
  overflow: hidden;
}

.sidebar-nav {
  display: grid;
  gap: 10px;
  contain: layout paint;
}

.sidebar-social-block .sidebar-social-nav {
  contain: layout paint;
}

.sidebar-link {
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 46px;
  border-radius: 14px;
  transition: opacity 100ms ease, transform 100ms ease, visibility 100ms ease;
  justify-content: flex-start;
  gap: 0;
  padding: 0 14px;
  border: 1px solid rgba(255,255,255,0.145);
  background: var(--sidebar-link-depth);
  box-shadow: none;
}

.sidebar-link-icon,
.sidebar-link::before {
  display: none;
  content: none;
}

.sidebar-link span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.15;
  font-size: 13px;
  font-weight: 860;
  color: rgba(255,255,255,0.95);
  text-shadow: none;
}

.sidebar .sidebar-mobile-action,
.sidebar .sidebar-nav .sidebar-link {
  justify-content: flex-start;
  gap: 12px;
  text-align: left;
}

.sidebar .s4d-flat-icon {
  --s4d-icon-bg: #666666;
  --s4d-icon-fg: #f2f3f4;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  min-width: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-size: 0;
  line-height: 0;
  font-style: normal;
  color: var(--s4d-icon-fg);
  background: var(--s4d-icon-bg);
  border: 1px solid rgba(244,245,246,0.07);
  box-shadow: none;
  overflow: hidden;
  transform: translateZ(0);
}

.sidebar .s4d-flat-icon svg {
  width: 18px;
  height: 18px;
  display: block;
  opacity: 1;
  visibility: visible;
  flex: 0 0 auto;
  overflow: visible;
}

.sidebar .s4d-flat-icon svg * {
  vector-effect: non-scaling-stroke;
}

.sidebar .s4d-menu-text,
.sidebar .s4d-action-text,
.sidebar .s4d-social-text,
.sidebar .s4d-tab-text {
  min-width: 0;
  color: inherit;
  font-weight: 800;
  letter-spacing: -0.012em;
  line-height: 1.12;
}

.sidebar .s4d-menu-text,
.sidebar .s4d-social-text,
.sidebar .s4d-action-text {
  flex: 1 1 auto;
  text-align: left;
}

.sidebar .icon-home {
  --s4d-icon-bg: #666666;
}

.sidebar .icon-game {
  --s4d-icon-bg: #747b83;
}

.sidebar .icon-search {
  --s4d-icon-bg: #697079;
}

.sidebar .icon-register {
  --s4d-icon-bg: #747b83;
}

.sidebar .icon-login {
  --s4d-icon-bg: #666666;
}

.sidebar .icon-top {
  --s4d-icon-bg: #7a8087;
}

.sidebar .icon-slots {
  --s4d-icon-bg: #666d75;
}

.sidebar .icon-spin {
  --s4d-icon-bg: #6b727a;
}

.sidebar .icon-card {
  --s4d-icon-bg: #70777f;
}

.sidebar .icon-whatsapp {
  --s4d-icon-bg: #66706b;
}

.sidebar .icon-telegram {
  --s4d-icon-bg: #666666;
}

.sidebar .icon-facebook {
  --s4d-icon-bg: #6b727a;
}

.sidebar .icon-instagram {
  --s4d-icon-bg: #697079;
}

.sidebar .sidebar-social-nav .sidebar-link[aria-disabled="true"] .s4d-flat-icon {
  opacity: 0.56;
}

.sidebar-link-button {
  width: 100%;
  cursor: pointer;
  font: inherit;
  color: inherit;
  text-align: left;
}

.sidebar-link-button.is-active {
  border-color: hsl(var(--theme-h) var(--theme-s) var(--theme-l) / .42);
  background: var(--flat-bg-soft);
  box-shadow: none;
}

.catalog-clean-section[data-card-rail] .rail-frame,
#catalogArea .rail-frame,
#resultArea .rail-frame {
  position: relative;
  min-width: 0;
  width: 100%;
  padding: 0;
  border-radius: 0;
  overflow: hidden;
  isolation: isolate;
}

.sidebar {
  position: fixed;
  top: 12px;
  bottom: 12px;
  left: max(12px, calc(12px + var(--safe-left)));
  z-index: 80;
  width: var(--sidebar-w);
  max-width: calc(100vw - 16px);
  transform: translate3d(calc(-100% - 24px), 0, 0);
  transform-origin: left center;
  transition: opacity 100ms ease, transform 100ms ease, visibility 100ms ease;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  overscroll-behavior: contain;
  contain: layout paint style;
  pointer-events: none;
  --sidebar-clean-pad-x: clamp(10px, 1.05vw, 14px);
  --sidebar-icon-clean-size: 26px;
  --sidebar-text-clean-size: clamp(11px, 0.9vw, 13px);
  --sidebar-link-clean-h: 38px;
  border: 0;
  border-radius: 0;
  background: var(--sidebar-bg-depth, #101010);
  box-shadow: none;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  overscroll-behavior-y: contain;
  overscroll-behavior-x: none;
  touch-action: pan-y;
}

.sidebar-block,
.sidebar-actions,
.sidebar-social,
.sidebar-tabs,
.sidebar-menu,
.sidebar-provider,
.sidebar .sidebar-section {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.sidebar-link,
.sidebar-link-button {
  position: relative;
  display: grid;
  grid-template-columns: var(--sidebar-icon-clean-size) minmax(0, 1fr);
  align-items: center;
  width: 100%;
  min-width: 0;
  min-height: var(--sidebar-link-clean-h);
  height: auto;
  border: 0;
  box-shadow: none;
  color: rgba(255,255,255,0.94);
  overflow: visible;
}

.sidebar-link::before,
.sidebar-link-button::before {
  display: none;
  content: none;
}

.sidebar-link::after,
.sidebar-link-button::after {
  position: absolute;
  left: 0;
  top: 50%;
  width: 3px;
  height: 0;
  border-radius: 0 999px 999px 0;
  background: #ffbf18;
  opacity: 0;
  transform: translate3d(0, -50%, 0);
  transition: opacity 100ms ease, transform 100ms ease, visibility 100ms ease;
}

.sidebar-link:hover,
.sidebar-link:focus-visible,
.sidebar-link.is-active,
.sidebar-link[aria-current="page"],
.sidebar-link-button:hover,
.sidebar-link-button:focus-visible,
.sidebar-link-button.is-active {
  border: 0;
  box-shadow: none;
}

.sidebar-link:hover::after,
.sidebar-link:focus-visible::after,
.sidebar-link.is-active::after,
.sidebar-link[aria-current="page"]::after,
.sidebar-link-button:hover::after,
.sidebar-link-button:focus-visible::after,
.sidebar-link-button.is-active::after {
  height: 28px;
  opacity: 1;
}

.sidebar::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.sidebar .s4d-flat-icon,
.sidebar-link-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  grid-column: 1;
  width: var(--sidebar-icon-clean-size);
  min-width: var(--sidebar-icon-clean-size);
  height: var(--sidebar-icon-clean-size);
  flex: 0 0 var(--sidebar-icon-clean-size);
  border: 0;
  box-shadow: none;
  color: currentColor;
  overflow: visible;
}

.sidebar .s4d-flat-icon svg,
.sidebar-link-icon svg,
.sidebar-link svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}

.sidebar-link span,
.sidebar .s4d-menu-text,
.sidebar .s4d-action-text,
.sidebar .s4d-social-text,
.sidebar .s4d-tab-text {
  grid-column: 2;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  hyphens: auto;
  color: inherit;
  font-size: var(--sidebar-text-clean-size);
  font-weight: 820;
  line-height: 1.18;
  letter-spacing: -0.018em;
  text-shadow: none;
}

.sidebar-link small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  grid-column: 2;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

#sidebarPromoLink {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

#sidebarPromoLink:hover,
#sidebarPromoLink:focus-visible {
  border: 0;
  background: transparent;
  box-shadow: none;
}

.mobile-bottom-nav {
  display: none;
}

.mobile-nav-item,
.mobile-nav-button {
  font: inherit;
}

.mobile-nav-button {
  appearance: none;
  -webkit-appearance: none;
}

#top,
#catalogArea,
#searchArea,
#searchInput {
  scroll-margin-top: calc(var(--page-header-clear) + 14px);
  scroll-margin-bottom: calc(88px + var(--safe-bottom));
}

.gift-section {
  position: relative;
  z-index: 1;
  width: 100%;
  min-width: 0;
  margin-bottom: var(--space-section);
}

.gift-grid {
  --gift-gap: clamp(6px, 0.9vw, 10px);
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  align-items: start;
  gap: var(--gift-gap);
  width: 100%;
  max-width: none;
  margin: 0;
  min-width: 0;
}

.gift-card {
  --gift-image-url: none;
  position: relative;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  aspect-ratio: var(--gift-aspect);
  border: 0;
  border-radius: clamp(8px, 1.18vw, 12px);
  background: transparent;
  background-image: none;
  box-shadow: none;
  outline: 0;
  contain: layout paint style;
  isolation: isolate;
}

.gift-media {
  position: absolute;
  inset: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 0;
  border-radius: inherit;
  background-color: transparent;
  background: transparent;
  opacity: 1;
  filter: none;
  mix-blend-mode: normal;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.gift-card-left .gift-media,
.gift-card-right .gift-media {
  opacity: 1;
  background-size: 100.35% 100.35%;
  filter: none;
  transform: translateZ(0);
}

.gift-media img,
.gift-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  object-position: center center;
  border: 0;
  filter: none;
  transform: translateZ(0);
}

.gift-card.is-empty .gift-media,
.gift-card.is-hidden .gift-media {
  display: none;
}

.gift-card,
.gift-card:visited {
  color: inherit;
  text-decoration: none;
}

.gift-card-link {
  display: block;
  cursor: pointer;
  outline: none;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.gift-card-link:focus-visible {
  outline: 2px solid hsl(var(--theme-h) var(--theme-s) var(--theme-l) / 0.46);
  outline-offset: 2px;
}

.gift-card-link:active,
.gift-card-link:active .gift-card,
.gift-card-link:active .gift-media {
  transform: none;
  filter: none;
  opacity: 1;
}

.gift-detail-section {
  position: relative;
  z-index: 1;
  width: 100%;
  min-width: 0;
  margin-bottom: var(--space-section);
}

.gift-detail-shell {
  width: min(100%, 1120px);
  max-width: none;
  margin: 0 auto;
  padding: clamp(8px, 1.1vw, 14px);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.gift-detail-head {
  display: grid;
  justify-items: start;
  gap: 6px;
  margin-bottom: clamp(10px, 1.2vw, 14px);
  text-align: left;
}

.gift-detail-kicker {
  display: none;
}

.gift-detail-title {
  margin: 0;
  color: var(--text-strong);
  font-size: clamp(20px, 2.1vw, 30px);
  line-height: 1.08;
  letter-spacing: -0.045em;
}

.gift-detail-media {
  display: none;
}

.gift-detail-lead {
  max-width: 900px;
  margin: 0;
  color: var(--muted);
  font-size: clamp(12px, 1.05vw, 15px);
  font-weight: 700;
  line-height: 1.55;
}

.gift-detail-shell-text {
  max-width: 1120px;
  margin-right: auto;
  margin-left: auto;
}

.gift-detail-media,
.gift-detail-back {
  display: none;
}

.gift-promo-content {
  display: grid;
  gap: 8px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.gift-promo-note,
.gift-promo-block {
  margin: 0;
  padding: clamp(10px, 1.15vw, 14px) 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.gift-promo-note {
  color: var(--muted);
  font-size: clamp(12px, 1.05vw, 14px);
  font-weight: 750;
  line-height: 1.55;
  border-bottom: 1px solid rgba(255,255,255,0.10);
}

.gift-promo-note strong {
  color: var(--text-strong);
}

.gift-promo-block + .gift-promo-block {
  border-top: 1px solid rgba(255,255,255,0.10);
}

.gift-promo-block h2,
.gift-promo-block h3 {
  margin: 0 0 7px;
  color: var(--text-strong);
  line-height: 1.2;
  letter-spacing: -0.028em;
}

.gift-promo-block h2 {
  font-size: clamp(17px, 1.55vw, 22px);
}

.gift-promo-block h3 {
  font-size: clamp(14px, 1.18vw, 17px);
}

.gift-promo-block p,
.gift-promo-block li {
  color: var(--muted);
  font-size: clamp(12px, 1.02vw, 14px);
  font-weight: 650;
  line-height: 1.6;
}

.gift-promo-block p {
  margin: 0;
}

.gift-promo-block ul {
  display: grid;
  gap: 5px;
  margin: 0;
  padding-left: 18px;
}

body.is-gift-container-page .gift-detail-section {
  margin-bottom: var(--space-section);
}

.motion-ready [data-reveal] {
  opacity: 0;
  transform: translate3d(0, var(--motion-reveal-y), 0);
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.motion-ready [data-reveal].is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.is-user-scrolling {
  cursor: grabbing;
}

.catalog-panel {
  padding-top: clamp(10px, 1vw, 14px);
}

.catalog-clean-section {
  position: relative;
  min-width: 0;
  overflow: visible;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.catalog-clean-section[data-card-rail] {
  position: relative;
  isolation: isolate;
  min-width: 0;
  overflow: hidden;
  contain: layout paint;
}

.mG_mW.ny_nz {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  margin: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(0,0,0,0.22);
  color: rgba(255,255,255,0.72);
  cursor: pointer;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.mG_mW.ny_nz:hover,
.mG_mW.ny_nz:focus-within {
  background: rgba(0,0,0,0.34);
  color: rgba(255,255,255,0.96);
  outline: none;
}

.mG_mW.ny_nz:active {
  transform: scale(0.94);
}

.ny_nA {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.ny_nB.ny_nE,
.ny_nB.ny_nC {
  width: 16px;
  height: 16px;
  overflow: visible;
}

.ny_nB.ny_nE path,
.ny_nB.ny_nC path {
  stroke: currentColor;
  fill: transparent;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.lK_gJ,
.io_gJ {
  background: #171717;
  color: var(--text);
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow: none;
}

.lK_lR,
.lK_lQ,
.io_gK {
  border-radius: 18px;
  overflow: hidden;
}

.lK_ma,
.lK_me {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 52px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.10);
  background: #171717;
}

.io_gN {
  min-width: 0;
  margin: 0;
  color: rgba(255,255,255,0.96);
  font-size: 15px;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.02em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lK_l1,
.io_fb {
  min-width: 0;
  min-height: 0;
  background: #171717;
}

.ir_is,
.ir_iu,
.ir_iw,
.lK_mf {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  min-width: 36px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: #222222;
  color: rgba(255,255,255,0.96);
  cursor: pointer;
}

.ir_it,
.ir_iE {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.jm_eh,
.ir_iE svg {
  width: 16px;
  height: 16px;
}

.ir_is:hover,
.ir_is:focus-visible,
.lK_mf:hover,
.lK_mf:focus-visible {
  background: #252525;
  outline: none;
}

body.is-filter-modal-open {
  inline-size: 100%;
  overflow-y: auto;
  touch-action: auto;
  overscroll-behavior-y: auto;
}

.social-icon-whatsapp {
  color: var(--text);
}

.social-icon-telegram {
  color: var(--text);
}

.social-icon-facebook {
  color: var(--text);
}

.social-icon-instagram {
  color: var(--text);
}

.category-option-logo span {
  display: grid;
  place-items: center;
  inline-size: 100%;
  block-size: 100%;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .04em;
}

.catalog-clean-section,
.catalog-clean-section[data-card-rail] {
  margin: 0 0 clamp(20px, 2.2vw, 32px);
  padding: 0;
  border-radius: 0;
  overflow: visible;
  contain: layout style;
}

.catalog-clean-section:last-child {
  margin-bottom: 0;
}

.catalog-clean-section[data-card-rail]:not(.is-scrollable) .buttonNext,
.catalog-clean-section[data-card-rail] .buttonNext[disabled],
.catalog-clean-section[data-card-rail] .buttonNext[aria-disabled="true"] {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

@media (hover: hover) and (pointer: fine) {
.card.has-card-actions-reveal:hover,
.card-shell:hover .card.has-card-actions-reveal {
  transform: translate3d(0, -3px, 0) scale(1.012);
  border-color: var(--chip-border-strong);
  box-shadow: none;
}
#catalogArea .card-shell.image-native-shell:has(.thumb-wrap:hover) .thumb,
#resultArea .card-shell.image-native-shell:has(.thumb-wrap:hover) .thumb,
.catalog-clean-section .card-shell.image-native-shell:has(.thumb-wrap:hover) .thumb,
#catalogArea .card-shell.image-native-shell .card.is-image-hover .thumb,
#resultArea .card-shell.image-native-shell .card.is-image-hover .thumb,
.catalog-clean-section .card-shell.image-native-shell .card.is-image-hover .thumb,
#catalogArea .card-shell.image-native-shell .card.is-smart-zoom .thumb,
#resultArea .card-shell.image-native-shell .card.is-smart-zoom .thumb,
.catalog-clean-section .card-shell.image-native-shell .card.is-smart-zoom .thumb {
  transform: translate3d(0,0,0) scale(var(--game-image-hover-scale));
  filter: none;
}
.catalog-clean-section.section-top20 .card-shell.image-native-shell:has(.thumb-wrap:hover) .thumb,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .card.is-image-hover .thumb,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .card.is-smart-zoom .thumb {
  transform: translate3d(0,0,0) scale(1.065);
}
#catalogArea .card-shell.image-native-shell:has(.thumb-wrap:hover) .card-actions,
#resultArea .card-shell.image-native-shell:has(.thumb-wrap:hover) .card-actions,
.catalog-clean-section .card-shell.image-native-shell:has(.thumb-wrap:hover) .card-actions,
.catalog-clean-section.section-top20 .card-shell.image-native-shell:has(.thumb-wrap:hover) .card-actions,
#catalogArea .card-shell.image-native-shell:has(.card-actions:hover) .card-actions,
#resultArea .card-shell.image-native-shell:has(.card-actions:hover) .card-actions,
.catalog-clean-section .card-shell.image-native-shell:has(.card-actions:hover) .card-actions,
.catalog-clean-section.section-top20 .card-shell.image-native-shell:has(.card-actions:hover) .card-actions,
#catalogArea .card-shell.image-native-shell .card.is-image-hover .card-actions,
#resultArea .card-shell.image-native-shell .card.is-image-hover .card-actions,
.catalog-clean-section .card-shell.image-native-shell .card.is-image-hover .card-actions,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .card.is-image-hover .card-actions,
#catalogArea .card-shell.image-native-shell .card.is-card-visual-hover .card-actions,
#resultArea .card-shell.image-native-shell .card.is-card-visual-hover .card-actions,
.catalog-clean-section .card-shell.image-native-shell .card.is-card-visual-hover .card-actions,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .card.is-card-visual-hover .card-actions,
#catalogArea .card-shell.image-native-shell .card.is-actions-open .card-actions,
#resultArea .card-shell.image-native-shell .card.is-actions-open .card-actions,
.catalog-clean-section .card-shell.image-native-shell .card.is-actions-open .card-actions,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .card.is-actions-open .card-actions,
#catalogArea .card-shell.image-native-shell .card.is-pola-open .card-actions,
#resultArea .card-shell.image-native-shell .card.is-pola-open .card-actions,
.catalog-clean-section .card-shell.image-native-shell .card.is-pola-open .card-actions,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .card.is-pola-open .card-actions {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate3d(-50%, -50%, 0) scale(1);
}
#catalogArea .card-shell.image-native-shell:has(.thumb-wrap:hover) .card-action,
#resultArea .card-shell.image-native-shell:has(.thumb-wrap:hover) .card-action,
.catalog-clean-section .card-shell.image-native-shell:has(.thumb-wrap:hover) .card-action,
.catalog-clean-section.section-top20 .card-shell.image-native-shell:has(.thumb-wrap:hover) .card-action,
#catalogArea .card-shell.image-native-shell:has(.card-actions:hover) .card-action,
#resultArea .card-shell.image-native-shell:has(.card-actions:hover) .card-action,
.catalog-clean-section .card-shell.image-native-shell:has(.card-actions:hover) .card-action,
.catalog-clean-section.section-top20 .card-shell.image-native-shell:has(.card-actions:hover) .card-action,
#catalogArea .card-shell.image-native-shell .card.is-image-hover .card-action,
#resultArea .card-shell.image-native-shell .card.is-image-hover .card-action,
.catalog-clean-section .card-shell.image-native-shell .card.is-image-hover .card-action,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .card.is-image-hover .card-action,
#catalogArea .card-shell.image-native-shell .card.is-actions-open .card-action,
#resultArea .card-shell.image-native-shell .card.is-actions-open .card-action,
.catalog-clean-section .card-shell.image-native-shell .card.is-actions-open .card-action,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .card.is-actions-open .card-action,
#catalogArea .card-shell.image-native-shell .card.is-pola-open .card-action,
#resultArea .card-shell.image-native-shell .card.is-pola-open .card-action,
.catalog-clean-section .card-shell.image-native-shell .card.is-pola-open .card-action,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .card.is-pola-open .card-action {
  opacity: 1;
  pointer-events: auto;
  transform: translate3d(0, 0, 0) scale(1);
}
}

@media (hover: hover) and (pointer: fine), (any-hover: hover) {
.nav-link:hover,
.ghost-pill:hover,
.menu-toggle:hover {
  transform: translateY(-1px);
}
.banner-viewport:hover .banner-media,
.banner-viewport:focus-within .banner-media {
  transform: translateZ(0) scale(1.012);
}
.card-shell:hover .card,
.card:hover,
.card:focus-within {
  transform: translate3d(0, -3px, 0) scale(1.012);
  border-color: rgba(212,212,212, 0.42);
  background: var(--card-bg-hover);
  box-shadow: none;
}
.card.is-image-hover :is(.thumb, .thumb-wrap img, .thumb-wrap picture img, .card-media img, .card-image img, .game-card-image, .game-img, .game-thumb),
.card-shell:hover .card :is(.thumb, .thumb-wrap img, .thumb-wrap picture img, .card-media img, .card-image img, .game-card-image, .game-img, .game-thumb),
.card:hover :is(.thumb, .thumb-wrap img, .thumb-wrap picture img, .card-media img, .card-image img, .game-card-image, .game-img, .game-thumb),
.card:focus-within :is(.thumb, .thumb-wrap img, .thumb-wrap picture img, .card-media img, .card-image img, .game-card-image, .game-img, .game-thumb) {
  transform: translate3d(0, 0, 0) scale(var(--game-image-hover-scale));
}
.card-action:hover,
.card-action:focus-visible {
  transform: translateY(-1px);
  outline: none;
}
.catalog-clean-section[data-card-rail] .list.list-slider {
  scroll-snap-type: none;
  scroll-padding-inline: 0;
}
.catalog-clean-section[data-card-rail] .list.list-slider > .card-shell {
  scroll-snap-align: none;
}
.rail-nav-btn:hover {
  transform: translateY(-1px);
}
}

@media (hover: none) and (pointer: coarse) and (any-hover: none) {
.catalog-clean-section[data-card-rail] .list.list-slider {
  scroll-snap-type: x proximity;
}
.catalog-clean-section[data-card-rail] .list.list-slider > .card-shell {
  scroll-snap-align: start;
}
.card:hover,
.card:focus-within,
.card-action:hover,
.card-action:focus-visible,
.banner-viewport:hover .banner-media,
.banner-viewport:focus-within .banner-media,
.banner-media,
.nav-link:hover,
.ghost-pill:hover,
.menu-toggle:hover,
.sidebar-link:hover {
  transform: none;
}
.thumb {
  transform: translate3d(0, 0, 0) scale(1);
}
.card:hover .thumb,
.card:focus-within .thumb,
.card.is-actions-open .thumb,
.card.is-pola-open .thumb {
  transform: translate3d(0, 0, 0) scale(var(--game-image-active-scale));
  filter: none;
}
.global-pola-popup .card-dropup-body {
  max-height: none;
}
}

@media (hover: none) and (pointer: coarse) and (any-hover: none), (max-width: 860px) {
.card,
.card-action,
.nav-link,
.ghost-pill,
.menu-toggle,
.sidebar-link,
.catalog-tab-btn {
  transition-property: border-color, opacity, background-color;
  transition-duration: var(--ui-motion-fast);
}
.card,
.card:hover,
.card:focus-within {
  transform: none;
  box-shadow: none;
}
.thumb {
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}
.card-actions {
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}
.card-action {
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}
}

@media (hover: none), (pointer: coarse) {
#catalogArea .card-shell.image-native-shell .card.is-actions-open .card-actions,
#resultArea .card-shell.image-native-shell .card.is-actions-open .card-actions,
.catalog-clean-section .card-shell.image-native-shell .card.is-actions-open .card-actions,
#catalogArea .card-shell.image-native-shell .card.is-pola-open .card-actions,
#resultArea .card-shell.image-native-shell .card.is-pola-open .card-actions,
.catalog-clean-section .card-shell.image-native-shell .card.is-pola-open .card-actions {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate3d(-50%, -50%, 0) scale(1);
}
#catalogArea .card-shell.image-native-shell .card.is-actions-open .card-action,
#resultArea .card-shell.image-native-shell .card.is-actions-open .card-action,
.catalog-clean-section .card-shell.image-native-shell .card.is-actions-open .card-action,
#catalogArea .card-shell.image-native-shell .card.is-pola-open .card-action,
#resultArea .card-shell.image-native-shell .card.is-pola-open .card-action,
.catalog-clean-section .card-shell.image-native-shell .card.is-pola-open .card-action {
  opacity: 1;
  pointer-events: auto;
  transform: translate3d(0, 0, 0) scale(1);
}
}

@media (max-width: 860px), (hover: none) and (pointer: coarse) and (any-hover: none) {
.motion-ready [data-reveal] {
  opacity: 1;
  transform: none;
  transition: none;
}
}

@media (min-width: 861px) {
.gift-grid {
  gap: clamp(8px, 1vw, 12px);
}
.gift-card {
  aspect-ratio: var(--gift-aspect);
}
}

@media (min-width: 1025px) {
body {
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior-y: contain;
}
.wrap {
  width: 100%;
  max-width: none;
  margin: 0;
  padding-right: max(var(--space-page), calc(20px + var(--safe-right)));
  padding-left: calc(var(--sidebar-docked-w) + var(--desktop-content-gap));
}
.page-shell {
  padding-top: calc(var(--page-header-clear) + var(--header-banner-gap));
}
.site-header {
  left: var(--sidebar-docked-w);
  width: auto;
  right: 0;
}
.site-header .brand,
.site-header .brand-logo,
.site-header #brandLogo {
  display: none;
}
.header-bar {
  padding-left: 18px;
  padding-right: max(32px, calc(18px + var(--safe-right)));
  border-left: 0;
  background: var(--header-bg);
  box-shadow: none;
}
.header-right {
  gap: 10px;
  justify-content: flex-end;
  margin-left: auto;
  flex-wrap: nowrap;
}
.main-nav,
.header-actions {
  justify-content: flex-end;
  flex-wrap: nowrap;
}
.sidebar-overlay,
.menu-toggle,
#menuToggle,
.sidebar-close,
#sidebarClose {
  display: none;
}
.sidebar {
  top: 0;
  bottom: 0;
  left: 0;
  width: var(--sidebar-docked-w);
  max-width: var(--sidebar-docked-w);
  border: 0;
  border-radius: 0;
  transform: none;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  contain: layout style;
  background: var(--header-bg);
  box-shadow: none;
  z-index: 220;
}
.sidebar-inner {
  min-height: 100%;
  padding: calc(var(--safe-top) + 12px) 16px 16px;
}
.catalog-tab-scroll {
  gap: 10px;
}
.catalog-tab-btn {
  min-width: 150px;
  min-height: 54px;
  padding: 10px 15px;
}
.meta-chip,
.section-count,
.status-pill {
  font-size: 12px;
}
.card-chip {
  font-size: 11px;
}
.catalog-filter-modal {
  padding-left: calc(var(--sidebar-docked-w) + var(--desktop-content-gap));
  padding-right: var(--space-page);
}
}

@media (min-width: 769px) and (max-width: 1024px) {
:root {
  --equal-banner-gap: 14px;
}
.catalog-tab-scroll {
  gap: 9px;
}
.catalog-tab-btn {
  min-width: 140px;
  min-height: 50px;
  padding: 9px 13px;
}
.catalog-meta,
.card-meta {
  column-gap: 8px;
}
}

@media (max-width: 980px) and (min-width: 768px) {
.search-toolbar {
  grid-template-columns: minmax(0, 1fr) minmax(210px, 280px);
}
.catalog-filter-trigger-copy strong {
  font-size: 11px;
}
.catalog-filter-trigger-copy small {
  font-size: 9px;
}
}

@media (max-width: 1040px) {
.catalog-clean-section.section-top20 .list.list-slider > .card-shell {
  flex: 0 0 var(--top20-card-w-tablet);
  width: var(--top20-card-w-tablet);
  max-width: var(--top20-card-w-tablet);
}
.catalog-clean-section.section-top20 .list.list-slider {
  --game-native-tile-w: clamp(238px, 42vw, 340px);
}
.catalog-clean-section.section-top20 .list.list-slider > .card-shell.image-native-shell {
  flex-basis: var(--game-native-tile-w);
  width: var(--game-native-tile-w);
  max-width: var(--game-native-tile-w);
}
}

@media (max-width: 1024px) {
.catalog-clean-section[data-card-rail] .list.list-slider > .card-shell {
  flex: 0 0 var(--rail-card-w-tablet);
  width: var(--rail-card-w-tablet);
  max-width: var(--rail-card-w-tablet);
}
.catalog-clean-section.section-card-rail .list.list-slider > .card-shell {
  flex: 0 0 clamp(184px, 26vw, 224px);
  width: clamp(184px, 26vw, 224px);
  max-width: clamp(184px, 26vw, 224px);
}
.sidebar .sidebar-mobile-action,
.sidebar-mobile-actions .ghost-pill,
.sidebar-mobile-action {
  justify-content: flex-start;
  text-align: left;
}
.sidebar .sidebar-mobile-action .s4d-action-text,
.sidebar-mobile-actions .ghost-pill span,
.sidebar-mobile-action span {
  flex: 1 1 auto;
  text-align: left;
}
}

@media (max-width: 900px) {
.header-right {
  gap: 8px;
}
.main-nav {
  gap: 5px;
}
.nav-link {
  padding-inline: 13px;
}
.ghost-pill {
  min-width: 66px;
  min-height: 38px;
  padding-inline: 10px;
}
}

@media (max-width: 860px) {
.card-progress-pill {
  top: 7px;
  right: 7px;
  margin: 0;
}
.card-progress-pill-value {
  padding: 0;
  font-size: 9px;
}
.card-progress-pill-track {
  height: 21px;
}
.card {
  border-radius: 14px;
  border-color: var(--line);
  background: var(--card-bg);
  box-shadow: none;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}
.card:hover,
.card:focus-within {
  transform: none;
  border-color: var(--chip-border-strong);
  box-shadow: none;
}
.card-badges {
  top: 8px;
  left: 8px;
  gap: 4px;
  max-width: calc(100% - 16px);
}
.badge {
  min-height: 18px;
  padding: 0 7px;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: 0.06em;
  box-shadow: none;
}
.thumb-wrap {
  aspect-ratio: var(--game-card-aspect);
  padding: 0;
}
.thumb {
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}
.body {
  min-height: 40px;
  padding: 7px 9px 6px;
}
.title {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.012em;
}
.card-meta {
  gap: 5px;
  margin-top: 7px;
}
.card-chip {
  min-height: 20px;
  padding: 0 8px;
  font-size: 8px;
  letter-spacing: 0.045em;
}
.card-actions {
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  width: min(84px, calc(100% - 14px));
  gap: 4px;
  padding: 0;
}
.card-action {
  min-height: 27px;
  padding: 0 6px;
  border-radius: 8px;
  font-size: 7.2px;
  font-weight: 820;
  letter-spacing: 0.065em;
  box-shadow: none;
}
.card-action:hover,
.card-action:focus-visible {
  transform: none;
}
.card-dropup {
  right: 8px;
  left: 8px;
  bottom: calc(10px + 34px + 6px);
}
.catalog-clean-section[data-card-rail] .list.list-slider {
  padding: 4px var(--rail-edge-pad) 10px;
  gap: max(8px, calc(var(--rail-gap) - 2px));
  scroll-snap-type: x proximity;
}
.catalog-clean-section[data-card-rail] .list.list-slider > .card-shell {
  flex: 0 0 var(--rail-card-w-touch);
  width: var(--rail-card-w-touch);
  max-width: var(--rail-card-w-touch);
}
.rail-nav-btn {
  width: 38px;
  height: 38px;
  border-radius: 10px;
}
.catalog-clean-section.section-card-rail .list.list-slider > .card-shell {
  flex: 0 0 min(74vw, 240px);
  width: min(74vw, 240px);
  max-width: min(74vw, 240px);
}
.card.has-card-badges .badge.badge-icon.new img {
  height: clamp(38px, 9.8vw, 50px);
}
.gift-grid {
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: clamp(6px, 2vw, 8px);
}
.gift-card {
  aspect-ratio: var(--gift-aspect);
  border-radius: clamp(7px, 2.7vw, 11px);
}
.catalog-clean-section.section-top20 .card {
  border-radius: var(--game-card-radius);
}
.catalog-clean-section.section-top20 .body {
  min-height: 42px;
  padding: 7px 9px 6px;
}
.catalog-clean-section.section-top20 .title {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.012em;
}
.catalog-clean-section.section-top20 .card-progress-pill {
  top: 7px;
  right: 7px;
  margin: 0;
}
.catalog-clean-section.section-top20 .card-progress-pill-track {
  height: 21px;
  min-width: 41px;
}
.catalog-clean-section.section-top20 .card-progress-pill-value {
  padding: 0;
  font-size: 9px;
}
.catalog-clean-section.section-top20 .card-actions {
  right: 6px;
  bottom: 6px;
  width: min(82px, calc(100% - 12px));
  gap: 4px;
  padding: 0;
}
.catalog-clean-section.section-top20 .card-action {
  min-height: 26px;
  border-radius: 7px;
  font-size: 6.8px;
  letter-spacing: 0.055em;
}
.gift-detail-shell {
  width: 100%;
  padding: 6px 2px 10px;
}
.gift-detail-head {
  gap: 5px;
  margin-bottom: 10px;
}
.gift-detail-title {
  font-size: clamp(18px, 5vw, 24px);
}
.gift-detail-lead {
  font-size: 12px;
}
.gift-promo-content {
  gap: 6px;
}
.gift-promo-note,
.gift-promo-block {
  padding: 10px 0;
}
:root {
  --game-native-title-gap: 5px;
  --game-native-title-font: var(--game-native-title-font-mobile);
}
.catalog-clean-section.section-top20 .list.list-slider {
  --game-native-tile-w: clamp(240px, 92vw, 320px);
}
.catalog-clean-section.section-top20 .list.list-slider > .card-shell.image-native-shell {
  flex-basis: var(--game-native-tile-w);
  width: var(--game-native-tile-w);
  max-width: var(--game-native-tile-w);
}
#catalogArea .card-shell.image-native-shell .card-action,
#resultArea .card-shell.image-native-shell .card-action,
.catalog-clean-section .card-shell.image-native-shell .card-action {
  min-height: 28px;
  padding: 0 7px;
  border-radius: 8px;
  font-size: 7.4px;
}
}

@media (max-width: 768px) {
:root {
  --sidebar-motion-duration: 120ms;
  --equal-banner-gap: 14px;
  --page-header-clear: calc(74px + var(--safe-top));
  --header-banner-gap: 10px;
  --banner-winner-gap: 14px;
  --banner-shell-radius: 14px;
  --banner-media-radius: 14px;
  --banner-aspect: 2000 / 810;
  --banner-min-h: 0px;
  --banner-max-h: none;
  --rail-card-w-touch: clamp(198px, 68vw, 250px);
  --ui-chip-h: 30px;
  --ui-chip-h-compact: 24px;
  --ui-chip-pad-x: 10px;
  --ui-chip-gap: 7px;
  --ui-chip-gap-tight: 5px;
}
.header-bar {
  min-height: 68px;
  justify-content: flex-start;
  padding-top: max(8px, calc(var(--safe-top) + 2px));
  padding-right: max(12px, calc(12px + var(--safe-right)));
  padding-bottom: 10px;
  padding-left: max(12px, calc(12px + var(--safe-left)));
}
.brand {
  flex: 0 1 auto;
  justify-content: flex-start;
  min-width: 0;
  max-width: min(190px, 52vw);
  margin: 0 auto 0 0;
}
.brand-logo.placeholder {
  min-width: 74px;
  padding: 6px 8px;
  border-radius: 10px;
}
.header-right {
  position: static;
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 1 auto;
  min-width: 0;
}
.main-nav {
  display: none;
}
.header-actions {
  gap: 8px;
  margin-left: auto;
}
.header-actions #headerDaftar,
.header-actions #desktopMasuk {
  display: none;
}
.ghost-pill,
.menu-toggle {
  min-height: 40px;
  border-radius: 10px;
}
.ghost-pill {
  min-width: 68px;
  padding-inline: 12px;
}
.ghost-pill span {
  font-size: 10px;
  letter-spacing: 0.02em;
}
.menu-toggle,
#menuToggle {
  position: absolute;
  top: 50%;
  left: max(10px, calc(10px + var(--safe-left)));
  z-index: 4;
  width: 38px;
  min-width: 38px;
  min-height: 38px;
  padding: 0;
  border-radius: 10px;
  transform: translateY(-50%);
}
.menu-toggle:hover,
.menu-toggle:focus-visible {
  transform: translateY(-50%);
}
.banner-viewport {
  border-radius: 14px;
}
.banner-media-wrap {
  min-height: 0;
  background: transparent;
}
.banner-media {
  display: block;
  width: 100%;
  height: 100%;
  max-height: none;
}
.sidebar-overlay {
  z-index: 250;
  background: rgba(0,0,0,0.62);
}
.sidebar {
  top: max(10px, calc(10px + var(--safe-top)));
  bottom: max(10px, calc(10px + var(--safe-bottom)));
  left: max(10px, calc(10px + var(--safe-left)));
  z-index: 260;
  width: min(292px, calc(100vw - 70px));
  max-width: calc(100vw - 70px);
  max-height: calc(100dvh - max(20px, calc(20px + var(--safe-top) + var(--safe-bottom))));
  border-radius: 18px;
  border-color: rgba(255,255,255,0.16);
  box-shadow: none;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
  overscroll-behavior-x: none;
}
.sidebar-inner {
  gap: 7px;
  min-height: auto;
  padding: 10px 11px max(14px, calc(14px + var(--safe-bottom)));
}
.sidebar-head {
  grid-template-columns: minmax(0,1fr);
  align-items: center;
  gap: 8px;
  padding-bottom: 0;
  border-bottom: 0;
}
.sidebar-logo {
  height: clamp(40px, 12vw, 50px);
  max-width: min(176px, 64vw);
}
.sidebar-mobile-actions {
  display: grid;
  gap: 5px;
}
.sidebar-mobile-actions.sidebar-block {
  padding: 9px 10px;
  border-radius: 12px;
}
.sidebar-mobile-actions .ghost-pill,
.sidebar-mobile-action {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: 36px;
  padding: 0 12px;
  border-radius: 11px;
  background: #ededed;
  box-shadow: none;
}
.sidebar-mobile-actions .ghost-pill span,
.sidebar-mobile-action span {
  font-size: 11px;
  font-weight: 840;
  letter-spacing: 0.035em;
}
.sidebar-block {
  padding: 11px;
  border-radius: 15px;
}
.sidebar-kicker {
  margin-bottom: 7px;
}
.sidebar-nav {
  gap: 6px;
}
.sidebar-link {
  min-height: 42px;
  padding-inline: 12px;
  border-radius: 11px;
}
.sidebar-link span {
  font-size: 13px;
  color: rgba(255,255,255,0.96);
}
.sidebar-link small {
  font-size: 10px;
}
.sidebar-filter-block .catalog-tab-scroll {
  gap: 6px;
}
.sidebar-filter-block .catalog-tab-btn {
  min-height: 45px;
  padding: 9px 10px;
  border-radius: 12px;
}
.sidebar-filter-block .catalog-tab-label {
  font-size: 11px;
}
.sidebar-filter-block .catalog-tab-sub {
  font-size: 9px;
}
.catalog-tab-btn {
  min-width: 136px;
  padding: 10px 12px;
}
.catalog-tab-label {
  display: block;
  font-size: 11.5px;
  line-height: 1.14;
}
.catalog-tab-sub {
  display: block;
  margin-top: 2px;
  font-size: 9.75px;
  line-height: 1.18;
}
.catalog-meta,
.card-meta {
  column-gap: 7px;
  row-gap: 6px;
}
.meta-chip,
.section-count,
.status-pill {
  font-size: 10.5px;
}
.card-chip {
  font-size: 9.5px;
}
.panel,
.section-block,
.banner-viewport {
  border-radius: 14px;
  box-shadow: none;
}
.search-panel-title,
.section-title {
  font-size: 14px;
}
.catalog-clean-section .list.list-grid-vertical,
.list:not(.list-slider) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--game-card-min-mobile)), 1fr));
  gap: 8px;
  align-items: stretch;
}
.catalog-clean-section .list.list-grid-vertical > .card-shell,
.list:not(.list-slider) > .card-shell {
  display: flex;
  min-width: 0;
}
.catalog-clean-section .list.list-grid-vertical > .card-shell > .card,
.list:not(.list-slider) > .card-shell > .card {
  width: 100%;
  height: 100%;
}
.catalog-clean-section .card,
.card {
  border-radius: var(--game-card-radius);
}
.card-content {
  min-height: 100%;
}
.card-badges {
  top: 8px;
  left: 8px;
  gap: 5px;
  max-width: calc(100% - 16px);
}
.badge {
  min-height: 18px;
  padding: 0 8px;
  font-size: 8.5px;
  letter-spacing: 0.06em;
  box-shadow: none;
}
.badge.top {
  min-height: 20px;
  padding: 0 10px;
  font-size: 7.4px;
  letter-spacing: 0.08em;
}
.catalog-clean-section .thumb-wrap,
.thumb-wrap {
  aspect-ratio: var(--game-card-aspect);
  padding: 0;
}
.catalog-clean-section .body,
.body {
  min-height: 40px;
  padding: 7px 8px 6px;
}
.title {
  font-size: 11.5px;
  line-height: 1.2;
}
.card-meta {
  gap: 5px;
  margin-top: 7px;
}
.card-actions {
  right: 8px;
  bottom: 8px;
  width: min(84px, calc(100% - 14px));
  gap: 4px;
  padding: 0;
}
.card-action {
  min-height: 27px;
  padding: 0 6px;
  border-radius: 8px;
  font-size: 7.2px;
  letter-spacing: 0.055em;
}
.catalog-clean-section[data-card-rail] .list.list-slider {
  gap: 8px;
  padding: 2px 0 8px;
}
}

@media (max-width: 768px), (hover: none) and (pointer: coarse) and (max-width: 1024px) {
.site-header .menu-toggle,
.site-header #menuToggle,
.sidebar-overlay,
#sidebarOverlay,
.sidebar,
#sidebarPanel {
  display: none;
}
body.sidebar-open {
  overflow: auto;
}
.page-shell {
  padding-bottom: calc(78px + var(--safe-bottom));
}
.header-bar {
  justify-content: flex-start;
  padding-right: max(12px, calc(12px + var(--safe-right)));
  padding-left: max(12px, calc(12px + var(--safe-left)));
}
.brand {
  justify-content: flex-start;
  max-width: min(190px, 52vw);
  margin: 0 auto 0 0;
}
.brand-logo {
  height: 30px;
  max-width: min(162px, 48vw);
}
.header-right {
  display: none;
}
.mobile-bottom-nav {
  position: fixed;
  inset-inline: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 230;
  display: grid;
  align-items: stretch;
  min-height: calc(66px + var(--safe-bottom));
  padding: 7px max(8px, calc(8px + var(--safe-right))) max(7px, calc(7px + var(--safe-bottom))) max(8px, calc(8px + var(--safe-left)));
  border-top: 1px solid rgba(255,255,255,0.10);
  background: #101010;
  background-clip: padding-box;
  box-shadow: none;
  transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  contain: layout paint style;
  overscroll-behavior: none;
}
.mobile-nav-item {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 0;
  min-height: 52px;
  padding: 6px 3px;
  border: 0;
  border-radius: 14px;
  background: transparent;
  color: rgba(255,255,255,0.58);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}
.mobile-nav-item::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 50%;
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  opacity: 0;
  transform: translateX(-50%) scaleX(.45);
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}
.mobile-nav-icon {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  color: currentColor;
}
.mobile-nav-item span {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  color: currentColor;
  font-size: 9.5px;
  font-weight: 820;
  line-height: 1;
  letter-spacing: -0.018em;
  white-space: nowrap;
}
.mobile-nav-item:hover,
.mobile-nav-item:focus-visible,
.mobile-nav-item.is-active,
.mobile-nav-item[aria-current="page"] {
  background: #171717;
  color: #ffffff;
  outline: none;
}
.mobile-nav-item.is-active::before,
.mobile-nav-item[aria-current="page"]::before {
  opacity: 1;
  transform: translateX(-50%) scaleX(1);
}
.mobile-nav-item:active {
  transform: scale(.97);
}
.pola-ready-toast {
  right: max(10px, calc(10px + var(--safe-right)));
  bottom: calc(78px + var(--safe-bottom));
  left: max(10px, calc(10px + var(--safe-left)));
  max-width: none;
}
body.s4d-zendesk-mobile-safe iframe#launcher,
body.s4d-zendesk-mobile-safe iframe#webWidget,
body.s4d-zendesk-mobile-safe iframe[data-product="web_widget"],
body.s4d-zendesk-mobile-safe iframe[title*="Zendesk" i],
body.s4d-zendesk-mobile-safe iframe[title*="chat" i],
body.s4d-zendesk-mobile-safe iframe[title*="messaging" i],
body.s4d-zendesk-mobile-safe iframe[title*="message" i] {
  right: max(14px, calc(14px + var(--safe-right))) !important;
  bottom: 0 !important;
  z-index: 260 !important;
  max-height: 100dvh !important;
}
}

@media (max-width: 767px) {
.catalog-clean-section .section-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}
.catalog-clean-section .section-title-wrap {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.catalog-clean-section .section-head-actions {
  margin-left: 0;
  align-self: start;
}
.catalog-clean-section .section-title {
  line-height: 1.15;
}
.catalog-clean-section .section-sub {
  margin-top: 5px;
}
.catalog-clean-section .section-rail-nav {
  gap: 6px;
}
}

@media (max-width: 767px) {
.toolbar {
  gap: 10px;
  margin-bottom: 14px;
}
.search-panel,
.section-block {
  padding: 14px;
}
.search-panel {
  padding: 0;
}
.search-panel-head,
.section-head {
  flex-direction: column;
  align-items: stretch;
  gap: 9px;
}
.catalog-clean-section .section-head {
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
.search-panel-sub,
.section-sub {
  max-width: none;
  font-size: 11px;
  line-height: 1.42;
}
.field {
  min-height: 46px;
  padding-left: 42px;
  padding-right: 14px;
  font-size: 13px;
  border-radius: 12px;
}
.search-icon {
  left: 13px;
  width: 15px;
  height: 15px;
}
.search-toolbar {
  grid-template-columns: minmax(0, 1fr) minmax(96px, 132px);
  gap: 8px;
}
.search-controls {
  display: block;
  min-width: 0;
}
.search-panel .toolbar > .search-shell,
.search-toolbar > .search-shell {
  grid-column: auto;
  min-width: 0;
}
.search-panel .toolbar > .search-controls,
.search-toolbar > .search-controls {
  grid-column: auto;
}
.provider-filter-button,
.filter-select {
  min-height: 42px;
  border-radius: 11px;
}
.provider-filter-button {
  grid-template-columns: 26px minmax(0,1fr) 16px;
  gap: 8px;
  padding: 0 10px;
}
.provider-filter-icon {
  width: 26px;
  height: 26px;
  font-size: 8px;
}
.provider-filter-name,
.filter-select {
  font-size: 12px;
}
.catalog-tab-scroll {
  gap: 8px;
}
.catalog-tab-btn {
  min-width: 132px;
  min-height: 50px;
  padding: 9px 12px;
  border-radius: 12px;
}
.catalog-tab-label {
  font-size: 12px;
}
.catalog-tab-sub {
  font-size: 10px;
}
.list {
  gap: 10px;
}
.result-stack {
  gap: 14px;
}
.catalog-meta,
.card-meta {
  gap: 8px;
}
.meta-chip,
.section-count,
.status-pill {
  min-height: 30px;
  padding: 0 11px;
  font-size: 11px;
}
.card-chip {
  min-height: 23px;
  font-size: 10px;
}
.surface {
  padding: 20px 16px;
}
}

@media (max-width: 720px) {
.search-panel .toolbar.search-chip-toolbar,
.search-toolbar.search-chip-toolbar {
  grid-template-columns: minmax(0, 1fr) 40px;
  gap: 8px;
}
.search-chip-toolbar .search-category-chips {
  grid-column: 1 / -1;
  margin-inline: -1px;
  padding-bottom: 2px;
}
.search-category-chip {
  min-height: 36px;
  padding: 0 13px;
  font-size: 10px;
}
.search-chip-toolbar .field {
  min-height: 40px;
  font-size: 10.5px;
}
.search-toolbar {
  grid-template-columns: minmax(0, 1fr) clamp(92px, 29vw, 124px);
}
.sidebar-link {
  min-height: 44px;
  gap: 0;
  padding: 0 12px;
}
.sidebar-link span {
  font-size: 12.5px;
}
}

@media (max-width: 680px) {
.global-pola-popup[data-context="top20"] .card-dropup-body {
  max-height: none;
}
.global-pola-popup[data-context="top20"] .card-dropup-head {
  margin-bottom: 3px;
}
.global-pola-popup[data-context="top20"] .card-dropup-kicker {
  min-height: 16px;
  padding: 0 6px;
  font-size: 6.4px;
  letter-spacing: 0.12em;
}
.global-pola-popup[data-context="top20"] .card-dropup-title {
  margin-top: 3px;
  font-size: 10.6px;
  line-height: 1.14;
  letter-spacing: -0.01em;
}
.global-pola-popup[data-context="top20"] .card-dropup-worker-inner {
  gap: 7px;
}
.global-pola-popup[data-context="top20"] .card-dropup-worker-section {
  gap: 4px;
  padding-top: 6px;
  border-top: 0;
}
.global-pola-popup[data-context="top20"] .card-dropup-worker-section-label,
.global-pola-popup[data-context="top20"] .card-dropup-worker-section-label[class*="tone-"] {
  font-size: 6.4px;
  letter-spacing: 0.14em;
}
.global-pola-popup[data-context="top20"] .card-dropup-plain-line {
  padding: 4px 3px;
}
.global-pola-popup[data-context="top20"] .card-dropup-note {
  padding: 5px 6px;
  border-radius: 7px;
}
.global-pola-popup[data-context="top20"] .card-dropup-plain-line,
.global-pola-popup[data-context="top20"] .card-dropup-plain-text {
  font-size: 8px;
  line-height: 1.2;
  font-weight: 560;
}
.catalog-clean-section[data-card-rail] {
  overflow: visible;
}
.catalog-clean-section[data-card-rail] .list.list-slider {
  gap: 6px;
  padding: 2px 0 8px;
  align-items: stretch;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 0;
}
.catalog-clean-section.section-card-rail .list.list-slider {
  gap: 8px;
  padding: 2px 0 10px;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 0;
}
.catalog-clean-section.section-card-rail .list.list-slider > .card-shell {
  flex: 0 0 var(--rail-card-w-mobile);
  width: var(--rail-card-w-mobile);
  max-width: var(--rail-card-w-mobile);
  scroll-snap-align: start;
  scroll-snap-stop: always;
}
.catalog-clean-section.section-card-rail .card {
  border-radius: var(--game-card-radius);
}
.catalog-clean-section.section-card-rail .body {
  min-height: 34px;
  padding: 5px 4px 4px;
}
.catalog-clean-section.section-card-rail .title {
  font-size: 8.1px;
  line-height: 1.08;
}
.catalog-clean-section.section-card-rail .card-progress-pill {
  top: 5px;
  right: 5px;
  margin: 0;
}
.catalog-clean-section.section-card-rail .card-progress-pill-value {
  padding: 0;
  font-size: 7px;
}
.catalog-clean-section.section-card-rail .card-progress-pill-track {
  height: 18px;
  min-width: 36px;
  padding: 0 6px;
}
.catalog-clean-section.section-card-rail .card-actions {
  right: 5px;
  bottom: 5px;
  width: min(78px, calc(100% - 10px));
  gap: 4px;
  padding: 0;
}
.catalog-clean-section.section-card-rail .card-action {
  min-height: 23px;
  padding: 0 3px;
  border-radius: 6px;
  font-size: 5.9px;
  letter-spacing: 0.045em;
}
.provider-filter-menu,
.category-filter-menu {
  border-radius: 12px;
  padding: 7px;
}
.catalog-clean-section.section-top20 .list.list-slider > .card-shell {
  flex: 0 0 var(--top20-card-w-mobile);
  width: var(--top20-card-w-mobile);
  max-width: var(--top20-card-w-mobile);
  scroll-snap-align: start;
}
.catalog-clean-section.section-top20 .card {
  border-radius: var(--game-card-radius);
}
.catalog-clean-section.section-top20 .body {
  min-height: 30px;
  padding: 4px 4px 3px;
}
.catalog-clean-section.section-top20 .title {
  font-size: 8.1px;
  line-height: 1.08;
}
.catalog-clean-section.section-top20 .card-progress-pill {
  top: 5px;
  right: 5px;
  margin: 0;
}
.catalog-clean-section.section-top20 .card-progress-pill-track {
  height: 18px;
  min-width: 36px;
  padding: 0 6px;
}
.catalog-clean-section.section-top20 .card-progress-pill-value {
  padding: 0;
  font-size: 7px;
}
.catalog-clean-section.section-top20 .card-actions {
  right: 5px;
  bottom: 5px;
  width: min(72px, calc(100% - 10px));
  gap: 3px;
  padding: 0;
}
.catalog-clean-section.section-top20 .card-action {
  min-height: 21px;
  border-radius: 6px;
  font-size: 5.7px;
  letter-spacing: 0.04em;
}
.catalog-clean-section.section-top20 .list.list-slider {
  gap: 0;
  padding: 4px 0 10px;
  scroll-padding-inline: 0;
  scroll-snap-type: x mandatory;
}
.catalog-clean-section.section-top20 .list.list-slider > .card-shell.image-native-shell {
  flex: 0 0 100%;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}
.catalog-clean-section.section-top20 .buttonNext,
.catalog-clean-section.section-top20 .rail-next-injected.buttonNext {
  right: 0;
  bottom: clamp(24px, 7vw, 36px);
  width: clamp(38px, 13vw, 50px);
}
.catalog-clean-section.section-top20 .buttonNext .je_jk,
.catalog-clean-section.section-top20 .rail-next-injected.buttonNext .je_jk {
  width: clamp(32px, 10vw, 42px);
  height: clamp(58px, 20vw, 76px);
}
.catalog-clean-section.section-top20 .buttonNext svg,
.catalog-clean-section.section-top20 .rail-next-injected.buttonNext svg {
  --iconsize: 21px;
}
}

@media (max-width: 640px) {
.card-favourite-control {
  right: 5px;
  bottom: 5px;
  width: 24px;
  height: 24px;
}
.mG_mW.ny_nz {
  width: 24px;
  height: 24px;
  background: rgba(0,0,0,0.18);
}
.ny_nB.ny_nE,
.ny_nB.ny_nC {
  width: 15px;
  height: 15px;
}
}

@media (max-width: 560px) {
.card-progress-pill {
  top: 6px;
  right: 6px;
  margin: 0;
}
.card-progress-pill-value {
  padding: 0;
  font-size: 8px;
}
.card-progress-pill-track {
  height: 20px;
}
.card {
  border-radius: var(--game-card-radius);
  background: var(--card-bg);
  box-shadow: none;
}
.card-badges {
  top: 7px;
  left: 7px;
  gap: 4px;
}
.badge {
  min-height: 16px;
  padding: 0 6px;
  font-size: 6.4px;
  letter-spacing: 0.05em;
}
.body {
  min-height: 44px;
  padding: 7px 8px 6px;
}
.card-actions {
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  width: min(78px, calc(100% - 14px));
  gap: 3px;
  padding: 0;
}
.card-dropup {
  right: 7px;
  left: 7px;
  bottom: calc(8px + 30px + 5px);
}
.global-pola-popup .card-dropup-body {
  min-height: 92px;
  max-height: none;
}
.card-dropup-head {
  padding-right: 0;
  margin-bottom: 4px;
}
.card-dropup-kicker {
  min-height: 17px;
  padding: 0 7px;
  font-size: 6.4px;
}
.card-dropup-title {
  margin-top: 4px;
  font-size: 11.8px;
}
.global-pola-popup .card-dropup-worker-inner {
  gap: 9px;
}
.global-pola-popup .card-dropup-worker-section {
  gap: 4px;
  padding-top: 7px;
  border-top: 0;
}
.global-pola-popup .card-dropup-worker-section-label,
.global-pola-popup .card-dropup-worker-section-label[class*="tone-"] {
  font-size: 6.4px;
  letter-spacing: 0.16em;
}
.global-pola-popup .card-dropup-worker-section-label::before,
.global-pola-popup .card-dropup-worker-section-label::after {
  display: none;
  content: none;
}
.global-pola-popup .card-dropup-plain-line {
  padding: 5px 2px;
}
.global-pola-popup .card-dropup-note {
  padding: 6px 7px;
  border-radius: 6px;
}
.global-pola-popup .card-dropup-worker-row-label,
.global-pola-popup .card-dropup-worker-row-key {
  font-size: 5.9px;
  letter-spacing: 0.1em;
}
.global-pola-popup .card-dropup-worker-row-value,
.global-pola-popup .card-dropup-plain-line,
.global-pola-popup .card-dropup-plain-text {
  font-size: 8.9px;
  line-height: 1.24;
  font-weight: 550;
}
.catalog-clean-section[data-card-rail] {
  overflow: visible;
}
.catalog-clean-section[data-card-rail] .list.list-slider {
  padding: 2px 0 8px;
  gap: 8px;
  padding-inline: 0;
}
.catalog-clean-section:not(.section-top20)[data-card-rail] .list.list-slider > .card-shell,
.catalog-clean-section.section-card-rail .list.list-slider > .card-shell {
  flex: 0 0 var(--rail-card-w-mobile);
  width: var(--rail-card-w-mobile);
  max-width: var(--rail-card-w-mobile);
}
:root {
  --ui-chip-h: 28px;
  --ui-chip-h-compact: 22px;
  --ui-chip-pad-x: 9px;
  --ui-catalog-chip-min-mobile: 122px;
}
.header-bar {
  justify-content: flex-start;
  padding-left: max(12px, calc(12px + var(--safe-left)));
}
.brand {
  justify-content: flex-start;
  max-width: min(176px, 52vw);
  margin: 0 auto 0 0;
}
.brand-logo {
  height: 30px;
  max-width: min(140px, 46vw);
}
.sidebar {
  width: min(258px, calc(100vw - 76px));
  max-width: calc(100vw - 76px);
  border-radius: 14px;
  border: 0;
}
.sidebar-inner {
  padding: 9px 10px 10px;
}
.sidebar-block {
  padding: 10px;
  border-radius: 12px;
}
.sidebar-link {
  min-height: 41px;
}
.sidebar-filter-block .catalog-tab-scroll {
  gap: 6px;
}
.sidebar-filter-block .catalog-tab-btn {
  min-height: 44px;
  padding: 8px 9px;
  border-radius: 11px;
}
.sidebar-filter-block .catalog-tab-label {
  font-size: 10.5px;
}
.sidebar-filter-block .catalog-tab-sub {
  font-size: 8.8px;
}
.panel,
.section-block,
.banner-viewport {
  border-radius: 13px;
}
.search-panel {
  padding: 0;
}
.search-panel-head {
  gap: 7px;
  margin-bottom: 8px;
}
.search-panel-sub {
  font-size: 9px;
  line-height: 1.32;
}
.search-panel-title,
.section-title {
  font-size: 14px;
}
.catalog-tab-scroll {
  gap: 7px;
}
.catalog-tab-btn {
  min-width: var(--ui-catalog-chip-min-mobile);
  min-height: 46px;
  padding: 8px 10px;
  border-radius: 11px;
}
.catalog-tab-label {
  font-size: 11px;
}
.catalog-tab-sub {
  font-size: 9.25px;
}
.meta-chip,
.section-count,
.status-pill {
  font-size: 10px;
}
.card-chip {
  min-height: 18px;
  padding: 0 7px;
  letter-spacing: 0.04em;
  padding-inline: 8px;
  font-size: 7px;
}
.catalog-clean-section .list.list-grid-vertical,
.list:not(.list-slider) {
  gap: 7px;
}
.catalog-clean-section .body,
.body {
  min-height: 38px;
  padding: 6px 7px 5px;
}
.title {
  font-weight: 680;
  line-height: 1.14;
  letter-spacing: -0.01em;
  font-size: 10.5px;
}
.card-meta {
  gap: 5px;
  margin-top: 6px;
}
.card-action {
  padding: 0 5px;
  border-radius: 7px;
  letter-spacing: 0.052em;
  min-height: 28px;
  font-size: 8px;
}
.card.has-card-badges .badge.badge-icon.new img {
  height: clamp(34px, 11vw, 44px);
}
.search-panel .toolbar,
.search-toolbar {
  grid-template-columns: minmax(0, 1fr) clamp(76px, 22vw, 96px);
  gap: 7px;
  align-items: stretch;
}
.search-controls {
  display: block;
  min-width: 0;
}
.search-shell,
.search-controls,
.search-controls > .catalog-filter-trigger,
.search-controls > #catalogFilterOpen {
  min-height: 44px;
}
.field {
  min-height: 44px;
  padding-left: 36px;
  padding-right: 10px;
  border-radius: 13px;
  font-size: 12px;
}
.search-icon {
  left: 11px;
  width: 14px;
  height: 14px;
}
.catalog-filter-trigger {
  grid-template-columns: 26px minmax(0,1fr);
  min-height: 44px;
  padding: 5px 7px;
  gap: 5px;
  border-radius: 13px;
}
.catalog-filter-trigger-icon {
  width: 26px;
  height: 26px;
  border-radius: 9px;
  flex: 0 0 26px;
}
.catalog-filter-trigger-icon svg {
  width: 14px;
  height: 14px;
}
.catalog-filter-trigger-copy {
  align-content: center;
}
.catalog-filter-trigger-copy strong {
  overflow: hidden;
  font-size: 0;
  line-height: 1;
  text-align: left;
}
.catalog-filter-trigger-copy strong::after {
  content: "Filter";
  display: block;
  font-size: 10.4px;
  font-weight: 850;
  line-height: 1;
  letter-spacing: -0.025em;
}
.catalog-filter-trigger-copy small {
  display: none;
}
.catalog-filter-modal {
  place-items: center;
  align-content: center;
  justify-items: center;
  padding: max(12px, env(safe-area-inset-top, 0px)) 12px max(12px, env(safe-area-inset-bottom, 0px));
}
.catalog-filter-backdrop {
  background: rgba(0, 0, 0, 0.68);
}
.catalog-filter-dialog {
  width: min(100%, 408px);
  max-height: min(calc(100dvh - 24px), 680px);
  border-radius: 20px;
}
.catalog-filter-head {
  padding: 18px 16px 12px;
}
.catalog-filter-body {
  padding: 16px 16px 10px;
}
.catalog-filter-foot {
  padding: 8px 16px 16px;
}
.catalog-filter-search-shell {
  min-height: 52px;
  padding: 8px 12px;
}
.catalog-filter-option-list {
  max-height: calc(min(286px, 43dvh) - 52px);
}
.catalog-filter-option {
  min-height: 44px;
  padding: 7px 10px;
}
.catalog-filter-option-copy strong {
  font-size: 11.5px;
}
.catalog-filter-option-copy small {
  font-size: 9px;
}
.provider-filter-menu,
.category-filter-menu {
  width: calc(100vw - 16px);
  max-width: calc(100vw - 16px);
  left: 8px;
  right: auto;
}
.provider-filter-button {
  min-height: 46px;
  border-radius: 12px;
}
}

@media (max-width: 420px) {
.search-panel .toolbar,
.search-toolbar {
  grid-template-columns: minmax(0, 1fr) 72px;
  gap: 6px;
}
.search-panel {
  padding: 0;
}
.field {
  min-height: 42px;
  padding-left: 34px;
  padding-right: 9px;
  border-radius: 12px;
  font-size: 11.5px;
}
.search-icon {
  left: 10px;
  width: 13px;
  height: 13px;
}
.catalog-filter-trigger {
  padding-inline: 6px;
  grid-template-columns: 24px minmax(0,1fr);
  min-height: 42px;
  gap: 4px;
  border-radius: 12px;
}
.search-chip-toolbar .catalog-filter-trigger-icononly {
  grid-template-columns: 1fr;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  padding: 0;
  border-radius: 8px;
}
.catalog-filter-trigger-icon {
  width: 24px;
  height: 24px;
  border-radius: 8px;
}
.search-chip-toolbar .catalog-filter-trigger-icononly .catalog-filter-trigger-icon {
  width: 40px;
  height: 40px;
}
.catalog-filter-trigger-copy strong::after {
  font-size: 9.7px;
  letter-spacing: -0.035em;
}
.catalog-filter-dialog {
  width: min(100%, 392px);
  border-radius: 18px;
}
.global-pola-popup .card-dropup-worker-inner {
  gap: 8px;
}
.global-pola-popup .card-dropup-worker-section-label,
.global-pola-popup .card-dropup-worker-section-label[class*="tone-"] {
  font-size: 6.1px;
}
.global-pola-popup .card-dropup-plain-line {
  padding: 4px 2px;
}
.global-pola-popup .card-dropup-worker-row-value,
.global-pola-popup .card-dropup-plain-line,
.global-pola-popup .card-dropup-plain-text {
  font-size: 8.4px;
  line-height: 1.22;
}
.search-controls {
  gap: 8px;
}
.provider-filter-option {
  min-height: 44px;
  padding: 6px 8px;
}
.provider-option-logo {
  width: 30px;
  height: 30px;
  flex-basis: 30px;
}
.provider-option-text strong {
  font-size: 11.5px;
}
.provider-option-text small {
  font-size: 9px;
}
:root {
  --game-native-title-font-mobile: 10.8px;
}
#catalogArea .card-shell.image-native-shell .card-action,
#resultArea .card-shell.image-native-shell .card-action,
.catalog-clean-section .card-shell.image-native-shell .card-action {
  min-height: 28px;
  padding: 0 8px;
  border-radius: 8px;
  font-size: 8px;
}
}

@media (max-width: 390px) {
.card {
  border-radius: var(--game-card-radius);
}
.badge {
  min-height: 15px;
  padding: 0 5px;
  font-size: 6px;
}
.card-chip {
  min-height: 17px;
  padding: 0 6px;
  font-size: 6.5px;
}
.catalog-clean-section[data-card-rail] .list.list-slider {
  gap: 5px;
  padding-bottom: 7px;
}
.catalog-clean-section.section-card-rail .list.list-slider {
  gap: 6px;
}
.catalog-clean-section.section-card-rail .list.list-slider > .card-shell {
  flex: 0 0 var(--rail-card-w-mobile);
  width: var(--rail-card-w-mobile);
  max-width: var(--rail-card-w-mobile);
}
.catalog-clean-section.section-card-rail .title {
  font-size: 8.8px;
}
.catalog-clean-section.section-card-rail .card-progress-pill {
  top: 6px;
  right: 6px;
  margin: 0;
}
.catalog-clean-section.section-card-rail .card-action {
  min-height: 22px;
  font-size: 6px;
  padding-inline: 5px;
  border-radius: 7px;
}
:root {
  --ui-chip-h: 26px;
  --ui-chip-h-compact: 21px;
  --ui-chip-pad-x: 8px;
  --ui-catalog-chip-min-mobile: 116px;
}
.catalog-tab-btn {
  min-width: var(--ui-catalog-chip-min-mobile);
  min-height: 44px;
  padding: 7px 9px;
}
.search-panel {
  padding: 0;
}
.search-panel-head {
  gap: 6px;
  margin-bottom: 7px;
}
.search-panel-title {
  font-size: 13px;
}
.search-panel-sub {
  font-size: 8.25px;
  line-height: 1.28;
}
.field {
  min-height: 38px;
  padding-left: 34px;
  padding-right: 10px;
  border-radius: 10px;
  font-size: 11.5px;
}
.search-icon {
  left: 10px;
  width: 13px;
  height: 13px;
}
.catalog-tab-label {
  font-size: 10.5px;
}
.catalog-tab-sub,
.meta-chip,
.section-count,
.status-pill,
.card-chip {
  font-size: 8.75px;
}
.catalog-clean-section .list.list-grid-vertical,
.list:not(.list-slider) {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--game-card-min-mobile)), 1fr));
  gap: 7px;
}
.body {
  min-height: 38px;
  padding: 6px 6px 5px;
}
.title {
  font-weight: 670;
  font-size: 9.75px;
  line-height: 1.12;
}
.card-actions {
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  width: min(78px, calc(100% - 14px));
  gap: 3px;
  padding: 0;
}
.card-action {
  border-radius: 7px;
  letter-spacing: 0.052em;
  min-height: 24px;
  padding: 0 5px;
  font-size: 6.8px;
}
.card.has-card-badges .badge.badge-icon.new img {
  height: clamp(31px, 11.4vw, 40px);
}
}

@media (max-width: 380px) {
.gift-grid {
  gap: 6px;
}
.gift-card {
  border-radius: 7px;
}
}

@media (max-width: 360px) {
.header-bar {
  justify-content: flex-start;
  padding-left: max(10px, calc(10px + var(--safe-left)));
}
.brand {
  justify-content: flex-start;
  max-width: min(150px, 50vw);
  margin: 0 auto 0 0;
}
.brand-logo {
  height: 27px;
  max-width: min(122px, 44vw);
}
.menu-toggle,
#menuToggle {
  left: max(8px, calc(8px + var(--safe-left)));
  width: 36px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 9px;
}
.sidebar {
  width: min(248px, calc(100vw - 64px));
  max-width: calc(100vw - 64px);
}
.sidebar-logo {
  height: 42px;
  max-width: min(156px, 62vw);
}
.catalog-clean-section[data-card-rail] .list.list-slider {
  gap: 5px;
}
.catalog-clean-section[data-card-rail] .list.list-slider > .card-shell,
.catalog-clean-section.section-card-rail .list.list-slider > .card-shell {
  flex: 0 0 var(--rail-card-w-mobile);
  width: var(--rail-card-w-mobile);
  max-width: var(--rail-card-w-mobile);
}
.catalog-clean-section.section-top20 .list.list-slider > .card-shell {
  flex: 0 0 var(--top20-card-w-narrow);
  width: var(--top20-card-w-narrow);
  max-width: var(--top20-card-w-narrow);
}
}

@media (prefers-reduced-motion: reduce) {
html {
  scroll-behavior: auto;
  scroll-padding-top: calc(var(--page-header-clear, 78px) + 12px);
}
#catalogArea .card-shell.image-native-shell *,
#resultArea .card-shell.image-native-shell *,
.catalog-clean-section .card-shell.image-native-shell * {
  transition-duration: 1ms;
}
}

.recommended-section {
  position: relative;
  z-index: 1;
  margin-bottom: var(--space-section);
}

.recommended-shell {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: var(--flat-wrap-pad);
  border: 1px solid var(--flat-wrap-line);
  border-radius: var(--flat-wrap-radius-xl);
  background: var(--flat-wrap-bg);
  background-clip: padding-box;
  box-shadow: none;
}

.recommended-shell {
  --recommended-rail-btn-size: clamp(32px, 2.6vw, 40px);
  --recommended-rail-btn-gap: clamp(7px, 0.66vw, 10px);
  --recommended-rail-btn-offset: clamp(8px, 0.82vw, 12px);
  padding: clamp(10px, 1vw, 14px);
}

.recommended-shell .recommended-header {
  min-height: var(--recommended-rail-btn-size);
  padding-right: calc((var(--recommended-rail-btn-size) * 2) + var(--recommended-rail-btn-gap) + var(--recommended-rail-btn-offset));
}

.recommended-rail-actions {
  position: absolute;
  top: var(--recommended-rail-btn-offset);
  right: var(--recommended-rail-btn-offset);
  z-index: 8;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--recommended-rail-btn-gap);
  pointer-events: auto;
}

.recommended-rail-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--recommended-rail-btn-size);
  height: var(--recommended-rail-btn-size);
  min-width: var(--recommended-rail-btn-size);
  min-height: var(--recommended-rail-btn-size);
  padding: 0;
  border: 1px solid var(--flat-wrap-line);
  border-radius: 999px;
  background: var(--flat-wrap-surface);
  color: #ffffff;
  box-shadow: none;
  cursor: pointer;
  transform: translateZ(0);
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.recommended-rail-btn svg {
  width: clamp(16px, 1.35vw, 20px);
  height: clamp(16px, 1.35vw, 20px);
  fill: currentColor;
  pointer-events: none;
}

.recommended-rail-prev svg {
  transform: rotate(180deg);
}

.recommended-rail-btn:hover,
.recommended-rail-btn:focus-visible {
  border-color: var(--flat-wrap-line-strong);
  background: var(--flat-wrap-surface-3);
  outline: none;
}

.recommended-rail-btn:active {
  transform: translateZ(0) scale(0.96);
}

.recommended-rail-btn[disabled],
.recommended-rail-btn[aria-disabled="true"] {
  opacity: 0.42;
  pointer-events: none;
}

@media (max-width: 768px) {
.recommended-shell {
  --recommended-rail-btn-size: 34px;
  --recommended-rail-btn-gap: 7px;
  --recommended-rail-btn-offset: 9px;
}
.recommended-shell .recommended-header {
  padding-right: calc((var(--recommended-rail-btn-size) * 2) + var(--recommended-rail-btn-gap) + 8px);
}
.recommended-title {
  max-width: 100%;
}
}

.recommended-shell::before,
.recommended-shell::after,
.recommended-card::before,
.recommended-card::after {
  content: none;
  display: none;
}

.recommended-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--flat-wrap-gap);
  width: 100%;
  margin: 0 0 clamp(10px, 1vw, 14px);
  padding: 0;
  text-align: left;
}

.recommended-header {
  flex-direction: column;
  justify-content: center;
  gap: 0;
  margin-bottom: 8px;
}

.recommended-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  min-height: 25px;
  margin: 0 0 8px;
  padding: 0 10px;
  border: 1px solid var(--flat-wrap-line);
  border-radius: 999px;
  background: var(--flat-wrap-surface);
  color: var(--flat-wrap-text);
  font-size: 9px;
  font-weight: 850;
  line-height: 1;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow: none;
}

.recommended-title {
  width: 100%;
  max-width: 100%;
  margin: 0;
  overflow: hidden;
  color: #ffffff;
  font-size: clamp(18px, 1.9vw, 27px);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -0.04em;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.recommended-title {
  font-size: clamp(17px, 1.7vw, 24px);
}

.recommended-viewport {
  position: relative;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  contain: layout paint style;
}

.recommended-viewport {
  overflow-x: auto;
  overflow-y: hidden;
  min-height: 0;
  scroll-snap-type: x proximity;
  scroll-padding-inline: 0;
}

.recommended-viewport::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.recommended-track,
.recommended-list {
  display: flex;
  align-items: stretch;
  gap: var(--flat-wrap-gap);
}

.recommended-track {
  width: max-content;
  min-width: 0;
  padding: 0;
  animation: none;
  transform: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  contain: layout paint style;
}

.recommended-list {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  list-style: none;
  contain: layout paint style;
}

.recommended-item {
  flex: 0 0 auto;
  scroll-snap-align: start;
}

.recommended-card {
  position: relative;
  flex: 0 0 auto;
  overflow: hidden;
  border: 1px solid var(--flat-wrap-line-soft);
  background: var(--flat-wrap-surface);
  background-clip: padding-box;
  box-shadow: none;
  scroll-snap-align: start;
  transform: translateZ(0);
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.recommended-card {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  align-items: center;
  justify-items: center;
  width: clamp(120px, 10vw, 152px);
  min-height: clamp(68px, 5.8vw, 84px);
  padding: clamp(9px, 0.78vw, 12px);
  border-radius: var(--flat-wrap-radius-md);
  color: var(--flat-wrap-text);
  cursor: pointer;
}

.recommended-card:hover,
.recommended-card:focus-visible {
  border-color: var(--flat-wrap-line-strong);
  background: var(--flat-wrap-surface-2);
  box-shadow: none;
  outline: none;
}

.recommended-card:focus-visible {
  outline: 2px solid rgba(255,255,255,0.34);
  outline-offset: 3px;
}

.recommended-provider-logo {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  min-height: clamp(32px, 3.1vw, 44px);
  padding: 0;
}

.recommended-provider-logo img {
  width: min(90px, 94%);
  height: clamp(30px, 3.4vw, 44px);
  object-fit: contain;
  object-position: center;
  user-select: none;
  -webkit-user-drag: none;
  transform: translateZ(0);
}

.recommended-provider-logo-text,
.recommended-provider-name {
  position: relative;
  z-index: 1;
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: var(--flat-wrap-muted);
  font-size: clamp(8px, 0.68vw, 10px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.recommended-provider-logo-text {
  color: #ffffff;
  font-size: clamp(10px, 0.85vw, 12px);
  font-weight: 900;
}

.recommended-card[aria-disabled="true"] {
  cursor: default;
  opacity: 0.56;
}

.recommended-card[aria-disabled="true"]:hover,
.recommended-card[aria-disabled="true"]:focus-visible {
  border-color: var(--flat-wrap-line-soft);
  background: var(--flat-wrap-surface);
}

@media (max-width: 768px) {
.recommended-shell {
  padding: 11px;
  border-radius: 18px;
}
.recommended-header {
  gap: 8px;
  margin-bottom: 10px;
}
.recommended-title {
  font-size: clamp(16px, 4.5vw, 21px);
  white-space: nowrap;
}
.recommended-kicker {
  min-height: 22px;
  padding-inline: 9px;
  font-size: 7.8px;
}
.recommended-track,
.recommended-list {
  gap: 8px;
}
.recommended-card {
  width: clamp(104px, 31vw, 130px);
  min-height: 64px;
  padding: 8px;
  border-radius: 13px;
}
.recommended-provider-logo {
  min-height: 32px;
}
.recommended-provider-logo img {
  width: min(82px, 94%);
  height: clamp(28px, 7.8vw, 36px);
}
.recommended-provider-name {
  font-size: 8px;
}
}

@media (max-width: 420px) {
.recommended-shell {
  padding: 9px;
  border-radius: 16px;
}
.recommended-title {
  font-size: 15px;
}
.recommended-card {
  width: clamp(92px, 30vw, 116px);
  min-height: 58px;
  padding: 7px;
  border-radius: 12px;
}
.recommended-provider-logo img {
  width: min(76px, 94%);
  height: 29px;
}
.recommended-provider-name {
  font-size: 7.6px;
}
}

@media (hover: none), (pointer: coarse) {
.recommended-card:hover,
.recommended-card:focus-visible {
  box-shadow: none;
}
}

@media (max-width: 860px) {
.catalog-clean-section .section-head {
  gap: 10px;
}
.catalog-clean-section .section-head-actions {
  align-self: flex-start;
}
.catalog-clean-section .section-rail-nav {
  gap: 6px;
}
.catalog-clean-section .section-rail-nav .rail-nav-btn {
  width: 34px;
  height: 34px;
}
.catalog-clean-section .section-rail-nav .rail-nav-btn svg {
  width: 16px;
  height: 16px;
}
}

.mobile-header-search-toggle {
  display: none;
}

.mobile-header-search-panel,
.mobile-header-search-shell,
.mobile-header-search-input,
.mobile-header-search-close {
  display: none !important;
}

@media (max-width: 768px), (hover: none) and (pointer: coarse) and (max-width: 1024px) {
.site-header {
  overflow: visible;
}
.header-bar {
  overflow: visible;
}
.mobile-header-search-toggle {
  position: relative;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  margin-left: auto;
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 999px;
  background: #171717;
  color: rgba(255,255,255,0.92);
  box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}
.mobile-header-search-toggle svg {
  width: 18px;
  height: 18px;
}
.mobile-header-search-toggle:hover,
.mobile-header-search-toggle:focus-visible {
  background: #222222;
  border-color: rgba(255,255,255,0.18);
  outline: none;
}
.mobile-header-search-toggle:active {
  transform: scale(.96);
}
.mobile-header-search-panel {
  position: absolute;
  top: calc(100% + 6px);
  right: max(10px, calc(10px + var(--safe-right)));
  left: max(10px, calc(10px + var(--safe-left)));
  z-index: 190;
  display: block;
}
.mobile-header-search-panel[hidden] {
  display: none;
}
.mobile-header-search-shell {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) 38px;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 5px 6px 5px 14px;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 16px;
  background: #171717;
  box-shadow: none;
}
.mobile-header-search-icon {
  width: 17px;
  height: 17px;
  color: rgba(255,255,255,0.58);
}
.mobile-header-search-input {
  width: 100%;
  min-width: 0;
  height: 38px;
  border: 0;
  outline: 0;
  background: transparent;
  color: rgba(255,255,255,0.94);
  font-size: 13px;
  font-weight: 760;
}
.mobile-header-search-input::placeholder {
  color: rgba(255,255,255,0.48);
  opacity: 1;
}
.mobile-header-search-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 12px;
  background: #222222;
  color: rgba(255,255,255,0.82);
  cursor: pointer;
}
.mobile-header-search-close svg {
  width: 16px;
  height: 16px;
}
.mobile-bottom-nav {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.mobile-nav-game-center {
  color: rgba(255,255,255,0.78);
}
body.s4d-zendesk-nav-only iframe#launcher,
body.s4d-zendesk-nav-only iframe[title*="launcher" i],
body.s4d-zendesk-nav-only iframe[title*="button" i][title*="chat" i],
body.s4d-zendesk-nav-only iframe[title*="button" i][title*="messaging" i],
body.s4d-zendesk-nav-only iframe[title*="button" i][title*="message" i],
body.s4d-zendesk-nav-only .zEWidget-launcher iframe,
body.s4d-zendesk-launcher-hidden iframe#launcher,
body.s4d-zendesk-launcher-hidden iframe[title*="launcher" i],
body.s4d-zendesk-launcher-hidden iframe[title*="button" i][title*="chat" i],
body.s4d-zendesk-launcher-hidden iframe[title*="button" i][title*="messaging" i],
body.s4d-zendesk-launcher-hidden iframe[title*="button" i][title*="message" i],
body.s4d-zendesk-launcher-hidden .zEWidget-launcher iframe {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
body.s4d-zendesk-mobile-safe iframe#webWidget,
body.s4d-zendesk-mobile-safe iframe[data-product="web_widget"] {
  bottom: 0 !important;
  z-index: 260 !important;
}
.mobile-nav-livechat .mobile-nav-livechat-icon {
  width: 21px;
  height: 21px;
  filter: none;
}
.mobile-nav-livechat.is-active,
.mobile-nav-livechat:focus-visible,
.mobile-nav-livechat:hover {
  color: #ffffff;
}
.mobile-nav-livechat.is-active .mobile-nav-livechat-icon,
.mobile-nav-livechat:focus-visible .mobile-nav-livechat-icon,
.mobile-nav-livechat:hover .mobile-nav-livechat-icon {
  transform: translateY(-1px);
}
}

@media (max-width: 380px) {
.mobile-nav-item span {
  font-size: 8.6px;
}
.mobile-nav-icon {
  width: 19px;
  height: 19px;
}
.mobile-header-search-toggle {
  width: 40px;
  height: 40px;
  flex-basis: 40px;
}
}

:root {
  --sidebar-hover-bg: rgba(255,255,255,0.055);
  --sidebar-hover-bg-strong: rgba(255,255,255,0.075);
  --sidebar-hover-line: rgba(255,255,255,0.10);
  --winner-player-shell-bg: transparent;
  --winner-player-card-bg: var(--flat-wrap-surface, #171717);
  --winner-player-card-bg-hover: var(--flat-wrap-surface-2, #202020);
  --winner-player-card-line: var(--flat-wrap-line-soft, rgba(255,255,255,0.08));
  --winner-player-card-line-strong: var(--flat-wrap-line-strong, rgba(255,255,255,0.16));
  --winner-avatar-hover-scale: 1;
  --winner-avatar-hover-lift: 0px;
  --winner-avatar-motion: 0ms linear;
}

.sidebar-link,
.sidebar-link-button {
  gap: 10px;
  padding: 8px 12px;
  border-radius: 14px;
  background: transparent;
  transition: opacity 100ms ease, transform 100ms ease, visibility 100ms ease;
}

.sidebar-link::after,
.sidebar-link-button::after {
  display: none;
  content: none;
}

.sidebar-link:hover,
.sidebar-link:focus-visible,
.sidebar-link.is-active,
.sidebar-link[aria-current="page"],
.sidebar-link-button:hover,
.sidebar-link-button:focus-visible,
.sidebar-link-button.is-active {
  background: var(--sidebar-hover-bg);
  color: #fff;
  outline: none;
}

.sidebar-link[aria-current="page"],
.sidebar-link.is-active,
.sidebar-link-button.is-active {
  background: var(--sidebar-hover-bg-strong);
}

.sidebar .s4d-flat-icon,
.sidebar-link-icon {
  border-radius: 10px;
  background: rgba(255,255,255,0.035);
  transition: opacity 100ms ease, transform 100ms ease, visibility 100ms ease;
}

.sidebar-link:hover .s4d-flat-icon,
.sidebar-link:focus-visible .s4d-flat-icon,
.sidebar-link.is-active .s4d-flat-icon,
.sidebar-link[aria-current="page"] .s4d-flat-icon,
.sidebar-link-button:hover .s4d-flat-icon,
.sidebar-link-button:focus-visible .s4d-flat-icon,
.sidebar-link-button.is-active .s4d-flat-icon {
  background: rgba(255,255,255,0.07);
  transform: translateY(-1px);
}

@media (max-width: 390px) {
.sidebar-link,
.sidebar-link-button {
  border-radius: 12px;
}
}

@media (prefers-reduced-motion: reduce) {
html {
  scroll-behavior: auto;
}
*,
*::before,
*::after {
  transition-duration: 0.001ms;
  scroll-behavior: auto;
}
:is(.banner-track, .recommended-track, .list-slider) {
  transition: none;
  animation: none;
}
}

:root {
  --prod-motion-fast: 70ms;
  --prod-motion-base: 110ms;
  --prod-ease: cubic-bezier(.22,.61,.36,1);
  --prod-card-contain-size: 360px 280px;
}

.main-content,
.result-stack,
.catalog-clean-section,
.recommended-section,
.banner-section,
.gift-section {
  min-width: 0;
}

.catalog-clean-section,
.gift-section {
  content-visibility: auto;
  contain-intrinsic-size: var(--prod-card-contain-size);
}

.card-shell,
.recommended-card,
.gift-card,
.banner-card,
.catalog-tab-btn,
.nav-link,
.ghost-pill,
.menu-toggle,
.sidebar-link {
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.card-shell,
.recommended-card,
.gift-card,
.banner-card {
  contain: layout paint style;
}

img {
  user-select: none;
  -webkit-user-drag: none;
}

.list.list-slider {
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
}

.list.list-slider::-webkit-scrollbar {
  display: none;
}

.nav-link,
.ghost-pill,
.menu-toggle,
.sidebar-link,
.catalog-tab-btn,
.rail-nav-btn,
.mobile-nav-button {
  transition-duration: var(--prod-motion-base);
  transition-timing-function: var(--prod-ease);
}

.nav-link:hover,
.ghost-pill:hover,
.menu-toggle:hover,
.sidebar-link:hover,
.catalog-tab-btn:hover,
.rail-nav-btn:hover,
.mobile-nav-button:hover {
  transform: translate3d(0,-1px,0);
}

.nav-link:active,
.ghost-pill:active,
.menu-toggle:active,
.sidebar-link:active,
.catalog-tab-btn:active,
.rail-nav-btn:active,
.mobile-nav-button:active {
  transform: translate3d(0,0,0) scale(.985);
}

@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
.catalog-clean-section,
.recommended-section,
.gift-section {
  content-visibility: visible;
}
.nav-link:hover,
.ghost-pill:hover,
.menu-toggle:hover,
.sidebar-link:hover,
.catalog-tab-btn:hover,
.rail-nav-btn:hover,
.mobile-nav-button:hover {
  transform: none;
}
}

@media (max-width: 768px) {
:root {
  --header-h: 72px;
  --space-page: clamp(8px, 2.6vw, 12px);
  --space-section: 10px;
  --rail-gap: 8px;
  --rail-duration: 150ms;
  --banner-track-duration: 120ms;
  --ui-motion-fast: 60ms;
  --ui-motion-base: 90ms;
  --ui-motion-slow: 120ms;
  --game-image-hover-scale: 1;
  --game-image-active-scale: 1;
  --card-shadow-rest: none;
  --card-shadow-hover: none;
  --card-shadow-active: none;
  --dark-shadow-1: none;
  --dark-shadow-2: none;
  --flat-blur: 0px;
  --flat-blur-soft: 0px;
  --flat-blur-strong: 0px;
}
.header-bar {
  gap: 8px;
}
.brand-logo {
  height: 42px;
  max-width: min(190px, 48vw);
}
.catalog-clean-section,
.gift-section {
  contain-intrinsic-size: 320px 520px;
}
}

:is(.catalog-clean-section[data-card-rail], .catalog-clean-section.section-top20) .list.list-slider {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: auto;
  scroll-snap-type: x proximity;
  scroll-padding-inline: var(--rail-edge-pad, 2px);
  overscroll-behavior-x: contain;
  touch-action: pan-x pan-y;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  contain: layout paint style;
  backface-visibility: hidden;
}

:is(.catalog-clean-section[data-card-rail], .catalog-clean-section.section-top20) .list.list-slider::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.s4d-livechat-fallback {
  position: fixed;
  inset: 0;
  z-index: 320;
  display: grid;
  place-items: end center;
  padding: 16px max(14px, var(--safe-right)) calc(78px + var(--safe-bottom)) max(14px, var(--safe-left));
  background: rgba(0,0,0,.28);
  pointer-events: auto;
}

.s4d-livechat-fallback[hidden] {
  display: none;
}

.s4d-livechat-fallback-card {
  position: relative;
  display: grid;
  gap: 8px;
  width: min(360px, calc(100dvw - 28px));
  padding: 16px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  background: #171717;
  color: rgba(255,255,255,.92);
  box-shadow: none;
}

.s4d-livechat-fallback-card strong {
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: -.015em;
}

.s4d-livechat-fallback-card p {
  margin: 0;
  color: rgba(255,255,255,.66);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.45;
}

.s4d-livechat-fallback-close,
.s4d-livechat-fallback-retry {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  cursor: pointer;
  font: inherit;
}

.s4d-livechat-fallback-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: #222;
  color: #fff;
  font-size: 18px;
  line-height: 1;
}

.s4d-livechat-fallback-retry {
  min-height: 38px;
  margin-top: 4px;
  border-radius: 999px;
  background: #ededed;
  color: #111;
  font-size: 12px;
  font-weight: 900;
}

.desktop-livechat-pill {
  display: inline-flex;
}

.sidebar-livechat-link {
  cursor: pointer;
}

@media (max-width: 768px), (hover: none) and (pointer: coarse) and (max-width: 1024px) {
.desktop-livechat-pill {
  display: none !important;
}
}

.s4d-livechat-fallback {
  position: fixed;
  inset: 0;
  z-index: 280;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(0,0,0,.54);
  pointer-events: auto;
}

.s4d-livechat-fallback[hidden] {
  display: none !important;
}

.s4d-livechat-fallback-card {
  width: min(360px, calc(100vw - 28px));
  display: grid;
  gap: 10px;
  padding: 16px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 16px;
  background: #171717;
  color: rgba(255,255,255,.92);
  box-shadow: none;
}

.s4d-livechat-fallback-card strong {
  font-size: 15px;
  font-weight: 900;
}

.s4d-livechat-fallback-card p {
  margin: 0;
  color: rgba(255,255,255,.66);
  font-size: 12px;
  line-height: 1.45;
}

.s4d-livechat-fallback-close,
.s4d-livechat-fallback-retry {
  min-height: 36px;
  border: 0;
  border-radius: 999px;
  background: #ededed;
  color: #101010;
  font-weight: 850;
  cursor: pointer;
}

.s4d-livechat-fallback-close {
  justify-self: end;
  width: 32px;
  min-height: 32px;
  padding: 0;
}

:root {
  --wb-proof-overlay: rgba(0, 0, 0, 0.72);
  --wb-proof-panel-bg: #171717;
  --wb-proof-panel-line: rgba(255,255,255,0.14);
  --wb-proof-header-h: 30px;
  --wb-proof-gap: 5px;
  --wb-proof-pad: 7px;
  --wb-proof-radius: 14px;
  --wb-proof-image-w: clamp(218px, 22vw, 310px);
}

@media (max-width: 420px) {
:root {
  --wb-proof-header-h: 28px;
  --wb-proof-gap: 4px;
  --wb-proof-pad: 6px;
  --wb-proof-radius: 13px;
}
}

@media (max-height: 520px) and (orientation: landscape) {
:root {
  --wb-proof-header-h: 26px;
  --wb-proof-gap: 4px;
  --wb-proof-pad: 6px;
}
}

:root {
  --s4d-final-cta-h: clamp(38px, 3.2vw, 44px);
  --s4d-final-cta-min-w: clamp(72px, 6vw, 94px);
  --s4d-final-cta-pad-x: clamp(14px, 1.15vw, 18px);
  --s4d-final-cta-radius: 999px;
  --s4d-final-cta-bg: #ededed;
  --s4d-final-cta-bg-hover: #ffffff;
  --s4d-final-cta-text: #101010;
  --s4d-final-cta-border: rgba(255,255,255,0.52);
  --s4d-final-cta-shadow: none;
  --s4d-final-ease: cubic-bezier(.22,.61,.36,1);
}

.site-header .header-right {
  justify-content: flex-end;
  gap: clamp(8px, 0.78vw, 12px);
  overflow: visible;
}

.site-header .main-nav,
.site-header .header-actions {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: clamp(8px, 0.72vw, 10px);
  min-width: 0;
}

.site-header .main-nav > *,
.site-header .header-actions > *,
.site-header .nav-link:not(#headerDaftar):not(#desktopMasuk):not(#mobileDaftar):not(#mobileMasuk),
.site-header .ghost-pill:not(#headerDaftar):not(#desktopMasuk):not(#mobileDaftar):not(#mobileMasuk),
.site-header .menu-toggle,
.site-header #menuToggle,
.site-header [data-action="menu"],
.site-header [data-action="live-chat"],
.site-header [data-action="livechat"],
.site-header [data-role="live-chat"],
.site-header [aria-label*="menu" i],
.site-header [aria-label*="live" i] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.site-header :is(#headerDaftar, #desktopMasuk, #mobileDaftar, #mobileMasuk) {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  flex: 0 0 auto;
  min-width: var(--s4d-final-cta-min-w);
  min-height: var(--s4d-final-cta-h);
  height: var(--s4d-final-cta-h);
  padding: 0 var(--s4d-final-cta-pad-x);
  border-radius: var(--s4d-final-cta-radius);
  border: 1px solid var(--s4d-final-cta-border);
  background: var(--s4d-final-cta-bg);
  color: var(--s4d-final-cta-text) !important;
  box-shadow: none;
  isolation: isolate;
  overflow: hidden;
  transform: translate3d(0,0,0);
  backface-visibility: hidden;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.site-header :is(#headerDaftar, #desktopMasuk, #mobileDaftar, #mobileMasuk):hover,
.site-header :is(#headerDaftar, #desktopMasuk, #mobileDaftar, #mobileMasuk):focus-visible {
  border-color: rgba(255,255,255,0.68);
  background: var(--s4d-final-cta-bg-hover);
  color: var(--s4d-final-cta-text) !important;
  transform: translate3d(0,-1px,0);
  outline: none;
}

.site-header :is(#headerDaftar, #desktopMasuk, #mobileDaftar, #mobileMasuk):hover::before,
.site-header :is(#headerDaftar, #desktopMasuk, #mobileDaftar, #mobileMasuk):focus-visible::before {
  content: none;
  display: none;
  background: none;
  transform: none;
}

.site-header :is(#headerDaftar, #desktopMasuk, #mobileDaftar, #mobileMasuk):active {
  transform: translate3d(0,0,0) scale(0.985);
}

.site-header :is(#headerDaftar, #desktopMasuk, #mobileDaftar, #mobileMasuk) span {
  position: relative;
  z-index: 1;
  color: var(--s4d-final-cta-text) !important;
  font-size: clamp(10.5px, 0.78vw, 12px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.055em;
  text-transform: uppercase;
  text-shadow: none;
}

@media (max-width: 768px) {
:root {
  --s4d-final-cta-h: 38px;
  --s4d-final-cta-min-w: clamp(66px, 19vw, 82px);
  --s4d-final-cta-pad-x: clamp(10px, 3.2vw, 14px);
}
.site-header .header-bar {
  min-height: 64px;
  gap: 8px;
  padding-right: max(10px, calc(10px + var(--safe-right)));
  padding-left: max(10px, calc(10px + var(--safe-left)));
}
.site-header .brand {
  max-width: min(140px, 38vw);
  margin-right: auto;
}
.site-header .brand-logo {
  height: 42px;
  max-width: min(138px, 38vw);
}
.site-header .header-right {
  flex: 0 0 auto;
  margin-left: auto;
  gap: 7px;
}
.site-header .main-nav,
.site-header .header-actions {
  gap: 7px;
}
}

@media (max-width: 380px) {
:root {
  --s4d-final-cta-min-w: 62px;
  --s4d-final-cta-pad-x: 9px;
}
.site-header .brand {
  max-width: min(112px, 32vw);
}
.site-header .brand-logo {
  height: 38px;
  max-width: min(112px, 32vw);
}
.site-header :is(#headerDaftar, #desktopMasuk, #mobileDaftar, #mobileMasuk) span {
  font-size: 9.8px;
  letter-spacing: 0.04em;
}
}

:where(.list.list-slider, .catalog-tab-scroll, .fi_fk, .recommended-marquee-track) {
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  scroll-behavior: auto;
}

:root {
  --s4d-winner-compact-gap: clamp(8px, 1.05vw, 12px);
  --s4d-winner-compact-radius: clamp(14px, 1.45vw, 18px);
  --s4d-winner-compact-pad: clamp(9px, 1.1vw, 12px);
  --s4d-winner-card-mobile-w: clamp(244px, 84vw, 332px);
  --s4d-winner-card-small-w: clamp(226px, 82vw, 294px);
  --s4d-tablet-nav-h: 68px;
  --s4d-tablet-nav-max-w: 760px;
}

@media (hover: none) and (pointer: coarse) and (min-width: 769px) and (max-width: 1366px) {
body {
  overflow-x: hidden;
}
.site-header {
  left: 0;
  right: 0;
  width: 100%;
}
.site-header .brand,
.site-header .brand-logo,
.site-header #brandLogo {
  display: flex;
}
.site-header .header-bar {
  padding-left: max(14px, calc(14px + var(--safe-left)));
  padding-right: max(14px, calc(14px + var(--safe-right)));
}
.site-header .header-right {
  display: flex !important;
  flex: 0 0 auto;
  margin-left: auto;
}
.wrap {
  width: min(100%, var(--content-max));
  max-width: var(--content-max);
  margin-inline: auto;
  padding-right: max(var(--space-page), calc(12px + var(--safe-right)));
  padding-left: max(var(--space-page), calc(12px + var(--safe-left)));
}
.sidebar,
#sidebarPanel,
.sidebar-overlay,
#sidebarOverlay,
.site-header .menu-toggle,
.site-header #menuToggle {
  display: none !important;
}
.page-shell {
  padding-bottom: calc(var(--s4d-tablet-nav-h) + 22px + var(--safe-bottom));
}
.mobile-bottom-nav {
  position: fixed;
  left: 50%;
  right: auto;
  bottom: max(10px, var(--safe-bottom));
  z-index: 230;
  display: grid !important;
  grid-auto-flow: column;
  grid-auto-columns: minmax(64px, 1fr);
  width: min(var(--s4d-tablet-nav-max-w), calc(100vw - 28px - var(--safe-left) - var(--safe-right)));
  min-height: var(--s4d-tablet-nav-h);
  padding: 7px;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 22px;
  background: rgba(16,16,16,0.98);
  box-shadow: none;
  transform: translate3d(-50%,0,0);
  contain: layout paint style;
}
.mobile-nav-item {
  min-height: 52px;
  border-radius: 16px;
}
.mobile-nav-icon {
  width: 21px;
  height: 21px;
}
.mobile-nav-item span {
  font-size: 10px;
}
}

@media (max-width: 340px) {
:root {
  --s4d-winner-card-small-w: min(214px, 80vw);
}
}

:root {
  --s4d-wp-grid-gap: clamp(10px, 1.15vw, 16px);
  --s4d-wp-card-radius: clamp(14px, 1.35vw, 18px);
}

:root {
  --s4d-wp-banner-top-radius: clamp(14px, 1.35vw, 18px);
  --s4d-wp-banner-top-gap: clamp(10px, 1.15vw, 16px);
}

.sidebar .sidebar-nav .s4d-menu-icon,
.mobile-bottom-nav .mobile-nav-img,
.sidebar-filter-block .s4d-tab-img {
  display: block;
  object-fit: contain;
  object-position: center;
  flex: 0 0 auto;
  min-width: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  user-select: none;
  pointer-events: none;
  -webkit-user-drag: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
  filter: brightness(0) invert(1);
  opacity: 0.96;
}

.sidebar .sidebar-nav .sidebar-link > .s4d-menu-icon,
.sidebar .sidebar-nav .sidebar-link-button > .s4d-menu-icon {
  grid-column: 1;
  justify-self: start;
  align-self: center;
  width: var(--sidebar-icon-clean-size, 26px);
  height: var(--sidebar-icon-clean-size, 26px);
}

.sidebar-filter-block .catalog-tab-label {
  display: grid;
  grid-template-columns: 19px minmax(0, 1fr);
  align-items: center;
  column-gap: 8px;
  width: 100%;
  min-width: 0;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.sidebar-filter-block .s4d-tab-img {
  grid-column: 1;
  justify-self: start;
  align-self: center;
  width: 18px;
  height: 18px;
}

.sidebar-filter-block .s4d-tab-text {
  grid-column: 2;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  line-height: 1.14;
}

.mobile-bottom-nav .mobile-nav-img {
  width: 20px;
  height: 20px;
  justify-self: center;
  align-self: center;
}

.mobile-bottom-nav .mobile-nav-livechat-icon.mobile-nav-img {
  width: 21px;
  height: 21px;
}

.sidebar-social-link > .s4d-social-icon,
.sidebar-social-link > img.s4d-social-icon {
  filter: none;
}

@media (max-width: 380px) {
.mobile-bottom-nav .mobile-nav-img {
  width: 19px;
  height: 19px;
}
}

:root {
  --top20-gift-icon-left: clamp(5px, 0.58vw, 8px);
  --top20-gift-icon-top: clamp(5px, 0.58vw, 8px);
  --top20-gift-icon-w: clamp(34px, 3.65vw, 58px);
  --top20-gift-icon-h: clamp(22px, 2.55vw, 40px);
}

#catalogArea .card-shell.image-native-shell .card-top20-gift,
#resultArea .card-shell.image-native-shell .card-top20-gift,
.catalog-clean-section .card-shell.image-native-shell .card-top20-gift,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .card-top20-gift {
  position: absolute;
  top: var(--top20-gift-icon-top);
  left: var(--top20-gift-icon-left);
  z-index: 36;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--top20-gift-icon-w);
  height: var(--top20-gift-icon-h);
  pointer-events: none;
  user-select: none;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  contain: layout paint style;
}

.card-top20-gift img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: left top;
  filter: none;
  transform: translateZ(0);
}

.catalog-clean-section.section-top20 .card-shell.image-native-shell .card-top20-gift {
  --top20-gift-icon-w: clamp(38px, 4.25vw, 64px);
  --top20-gift-icon-h: clamp(24px, 2.95vw, 44px);
}

@media (max-width: 640px) {
:root {
  --top20-gift-icon-left: 5px;
  --top20-gift-icon-top: 5px;
  --top20-gift-icon-w: 36px;
  --top20-gift-icon-h: 25px;
}
.catalog-clean-section.section-top20 .card-shell.image-native-shell .card-top20-gift {
  --top20-gift-icon-w: 40px;
  --top20-gift-icon-h: 28px;
}
}

@media (prefers-reduced-motion: reduce) {
.card-top20-gift,
.card-top20-gift img {
  animation: none;
  transition: none;
}
}

:root {
  --game-online-chip-top: clamp(6px, 0.62vw, 9px);
  --game-online-chip-right: clamp(6px, 0.62vw, 9px);
  --game-online-chip-h: clamp(20px, 1.7vw, 25px);
  --game-online-chip-pad-x: clamp(7px, 0.72vw, 10px);
  --game-online-chip-dot: clamp(5px, 0.52vw, 7px);
  --game-online-chip-font: clamp(8.2px, 0.76vw, 10.4px);
  --game-online-chip-bg: rgba(5, 8, 12, 0.72);
  --game-online-chip-line: rgba(255,255,255,0.16);
  --game-online-chip-text: rgba(255,255,255,0.94);
  --game-online-chip-glow: rgba(62, 255, 139, 0.18);
}

#catalogArea .card-shell.image-native-shell .card-online-chip,
#resultArea .card-shell.image-native-shell .card-online-chip,
.catalog-clean-section .card-shell.image-native-shell .card-online-chip,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .card-online-chip {
  position: absolute;
  top: var(--game-online-chip-top);
  right: var(--game-online-chip-right);
  z-index: 34;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: auto;
  max-width: calc(100% - 14px);
  height: var(--game-online-chip-h);
  min-height: var(--game-online-chip-h);
  padding: 0 var(--game-online-chip-pad-x);
  overflow: hidden;
  border: 1px solid var(--game-online-chip-line);
  border-radius: 999px;
  color: var(--game-online-chip-text);
  background: linear-gradient(180deg, rgba(255,255,255,0.115), rgba(255,255,255,0.02)),
    var(--game-online-chip-bg);
  box-shadow: none;
  line-height: 1;
  pointer-events: none;
  user-select: none;
  white-space: nowrap;
  opacity: .98;
  transform: translate3d(0,0,0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  contain: layout paint style;
}

.card-online-chip .card-online-dot {
  flex: 0 0 auto;
  width: var(--game-online-chip-dot);
  height: var(--game-online-chip-dot);
  border-radius: 999px;
  background: #3eff8b;
  box-shadow: none;
}

.card-online-chip .card-online-label {
  display: block;
  min-width: 0;
  max-width: min(142px, calc(100vw - 42px));
  overflow: hidden;
  color: inherit;
  font-family: var(--font-sans);
  font-size: var(--game-online-chip-font);
  font-weight: 860;
  letter-spacing: -0.015em;
  line-height: 1;
  text-overflow: ellipsis;
  text-shadow: none;
  font-variant-numeric: tabular-nums;
}

.card-online-chip.online-tone-low {
  --game-online-chip-glow: rgba(62, 255, 139, 0.14);
}

.card-online-chip.online-tone-mid {
  --game-online-chip-glow: rgba(80, 210, 255, 0.16);
}

.card-online-chip.online-tone-high {
  --game-online-chip-glow: rgba(255, 210, 72, 0.18);
}

.card-online-chip.online-tone-max {
  --game-online-chip-glow: rgba(62, 255, 139, 0.22);
}

@media (max-width: 640px) {
:root {
  --game-online-chip-top: 5px;
  --game-online-chip-right: 5px;
  --game-online-chip-h: 19px;
  --game-online-chip-pad-x: 7px;
  --game-online-chip-font: 7.8px;
}
.card-online-chip .card-online-label {
  max-width: 106px;
}
}

@media (max-width: 360px) {
:root {
  --game-online-chip-h: 18px;
  --game-online-chip-pad-x: 6px;
  --game-online-chip-font: 7.2px;
}
.card-online-chip .card-online-label {
  max-width: 92px;
}
}

:root {
  --game-winrate-track-h: 13px;
  --game-winrate-gap: clamp(7px, 0.72vw, 10px);
  --game-winrate-pad-x: clamp(10px, 1vw, 13px);
  --game-winrate-pad-y: clamp(9px, 0.86vw, 12px);
  --game-title-fixed-h: clamp(30px, 2.35vw, 36px);
  --game-winrate-head-h: clamp(12px, 0.86vw, 14px);
  --game-winrate-inner-gap: 7px;
  --game-winrate-block-h: calc(var(--game-winrate-head-h) + var(--game-winrate-inner-gap) + var(--game-winrate-track-h));
  --game-title-panel-h: calc(var(--game-title-fixed-h) + var(--game-winrate-gap) + var(--game-winrate-block-h) + var(--game-winrate-pad-y) + var(--game-winrate-pad-y));
  --game-winrate-panel-bg: linear-gradient(180deg, rgba(12,12,12,0.98), rgba(5,5,5,0.995));
  --game-winrate-track-bg: linear-gradient(180deg, rgba(255,255,255,0.13), rgba(255,255,255,0.045));
}

#catalogArea .card-shell.image-native-shell,
#resultArea .card-shell.image-native-shell,
.catalog-clean-section .card-shell.image-native-shell,
.catalog-clean-section.section-top20 .list.list-slider > .card-shell.image-native-shell {
  align-self: stretch;
  height: auto;
  contain: layout paint style;
}

#catalogArea .card-shell.image-native-shell .card,
#resultArea .card-shell.image-native-shell .card,
.catalog-clean-section .card-shell.image-native-shell .card,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .card,
#catalogArea .card-shell.image-native-shell .thumb-wrap,
#resultArea .card-shell.image-native-shell .thumb-wrap,
.catalog-clean-section .card-shell.image-native-shell .thumb-wrap,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .thumb-wrap {
  border-color: transparent;
  outline: 0;
  box-shadow: none;
}

#catalogArea .card-shell.image-native-shell .game-title-bar,
#resultArea .card-shell.image-native-shell .game-title-bar,
.catalog-clean-section .card-shell.image-native-shell .game-title-bar,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .game-title-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: var(--game-title-fixed-h) var(--game-winrate-block-h);
  align-items: stretch;
  justify-items: stretch;
  width: 100%;
  height: var(--game-title-panel-h);
  min-height: var(--game-title-panel-h);
  max-height: var(--game-title-panel-h);
  padding: var(--game-winrate-pad-y) var(--game-winrate-pad-x);
  gap: var(--game-winrate-gap);
  border: 0;
  outline: 0;
  box-shadow: none;
  background: var(--game-winrate-panel-bg);
  overflow: hidden;
  contain: layout paint style;
}

#catalogArea .card-shell.image-native-shell .game-title-under-card,
#resultArea .card-shell.image-native-shell .game-title-under-card,
.catalog-clean-section .card-shell.image-native-shell .game-title-under-card,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .game-title-under-card,
#catalogArea .card-shell.image-native-shell .game-title-bar .title,
#resultArea .card-shell.image-native-shell .game-title-bar .title,
.catalog-clean-section .card-shell.image-native-shell .game-title-bar .title,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .game-title-bar .title {
  width: 100%;
  height: var(--game-title-fixed-h);
  min-height: var(--game-title-fixed-h);
  max-height: var(--game-title-fixed-h);
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: var(--game-native-title-line, 1.24);
  text-align: center;
  text-wrap: balance;
  word-break: normal;
  overflow-wrap: anywhere;
}

.card-progress-pill.card-winrate-progress,
#catalogArea .card-shell.image-native-shell .card-progress-pill,
#resultArea .card-shell.image-native-shell .card-progress-pill,
.catalog-clean-section .card-shell.image-native-shell .card-progress-pill,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .card-progress-pill {
  --tone-fill-1: rgb(187 25 41);
  --tone-fill-2: rgb(241 33 53);
  --tone-fill-3: rgb(255 81 91);
  --tone-glow-1: rgb(241 33 53 / 0.24);
  --tone-glow-2: rgb(255 81 91 / 0.10);
  --tone-text: #ffffff;
  position: relative;
  inset: auto;
  top: auto;
  right: auto;
  align-self: end;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: var(--game-winrate-head-h) var(--game-winrate-track-h);
  gap: var(--game-winrate-inner-gap);
  width: 100%;
  min-width: 0;
  max-width: none;
  height: var(--game-winrate-block-h);
  min-height: var(--game-winrate-block-h);
  max-height: var(--game-winrate-block-h);
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.card-progress-pill.card-winrate-progress.progress-tone-empty {
  --tone-fill-1: #8d8d8d;
  --tone-fill-2: #c9c9c9;
  --tone-fill-3: #9f9f9f;
  --tone-glow-1: rgba(255,255,255,0.12);
  --tone-glow-2: rgba(255,255,255,0.06);
  --tone-text: #d7d7d7;
}

.card-progress-pill.card-winrate-progress.progress-tone-low {
  --tone-fill-1: rgb(187 25 41);
  --tone-fill-2: rgb(241 33 53);
  --tone-fill-3: rgb(255 81 91);
  --tone-glow-1: rgb(241 33 53 / 0.24);
  --tone-glow-2: rgb(255 81 91 / 0.10);
  --tone-text: #ffffff;
}

.card-progress-pill.card-winrate-progress.progress-tone-mid {
  --tone-fill-1: rgb(204 75 14);
  --tone-fill-2: rgb(255 107 19);
  --tone-fill-3: rgb(255 154 55);
  --tone-glow-1: rgb(255 107 19 / 0.23);
  --tone-glow-2: rgb(255 154 55 / 0.10);
  --tone-text: #ffffff;
}

.card-progress-pill.card-winrate-progress.progress-tone-high {
  --tone-fill-1: rgb(201 147 23);
  --tone-fill-2: rgb(255 208 37);
  --tone-fill-3: rgb(255 226 86);
  --tone-glow-1: rgb(255 208 37 / 0.22);
  --tone-glow-2: rgb(255 226 86 / 0.09);
  --tone-text: #ffffff;
}

.card-progress-pill.card-winrate-progress.progress-tone-max {
  --tone-fill-1: rgb(9 179 76);
  --tone-fill-2: rgb(17 230 98);
  --tone-fill-3: rgb(79 255 137);
  --tone-glow-1: rgb(17 230 98 / 0.24);
  --tone-glow-2: rgb(79 255 137 / 0.10);
  --tone-text: #ffffff;
}

.card-progress-pill.card-winrate-progress .card-progress-pill-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  height: var(--game-winrate-head-h);
  min-height: var(--game-winrate-head-h);
  max-height: var(--game-winrate-head-h);
  line-height: 1;
}

.card-progress-pill.card-winrate-progress .card-progress-pill-caption {
  min-width: 0;
  overflow: hidden;
  color: rgba(255,255,255,0.84);
  font-size: clamp(9px, 0.76vw, 11px);
  font-weight: 850;
  letter-spacing: -0.01em;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card-progress-pill.card-winrate-progress .card-progress-pill-value {
  position: relative;
  inset: auto;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  min-width: fit-content;
  padding: 0;
  border: 0;
  background: transparent;
  color: #ffffff;
  box-shadow: none;
  filter: none;
  font-size: clamp(11px, 0.94vw, 13.5px);
  font-weight: 950;
  letter-spacing: -0.01em;
  line-height: 1;
  text-shadow: none;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.card-progress-pill.card-winrate-progress .card-progress-pill-track {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  min-width: 0;
  height: var(--game-winrate-track-h);
  min-height: var(--game-winrate-track-h);
  max-height: var(--game-winrate-track-h);
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: var(--game-winrate-track-bg);
  box-shadow: none;
}

.card-progress-pill.card-winrate-progress .card-progress-pill-track::before {
  content: none;
  display: none;
}

.card-progress-pill.card-winrate-progress .card-progress-pill-fill {
  position: relative;
  z-index: 2;
  display: block;
  width: clamp(0%, var(--pill-progress-width, calc(var(--pill-progress, 0) * 1%)), 100%);
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.13) 34%, rgba(0,0,0,0.14) 100%),
    repeating-linear-gradient(135deg, rgba(255,255,255,0.18) 0 1px, rgba(255,255,255,0.055) 1px 2px, transparent 2px 8px),
    linear-gradient(90deg, var(--tone-fill-1) 0%, var(--tone-fill-2) 48%, var(--tone-fill-3) 100%);
  background-size: 100% 100%, 12px 12px, 100% 100%;
  box-shadow: none;
  contain: paint;
  transition: width 120ms cubic-bezier(.22,.61,.36,1), background-color 90ms ease;
}

.card-progress-pill.card-winrate-progress .card-progress-pill-fill::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.18) 48%, rgba(255,255,255,0) 100%);
  opacity: .24;
  pointer-events: none;
}

.card-progress-pill.card-winrate-progress .card-progress-pill-fill::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,0.24), rgba(255,255,255,0.025) 58%, rgba(0,0,0,0.15));
  opacity: .74;
  pointer-events: none;
}

.card-progress-pill.card-winrate-progress.is-zero .card-progress-pill-fill,
.card-progress-pill.card-winrate-progress.is-empty .card-progress-pill-fill {
  width: 0;
  box-shadow: none;
}

@media (max-width: 860px) {
:root {
  --game-winrate-track-h: 12px;
  --game-winrate-gap: 7px;
  --game-title-fixed-h: 30px;
  --game-winrate-head-h: 12px;
  --game-winrate-inner-gap: 6px;
}
}

@media (max-width: 390px) {
:root {
  --game-winrate-track-h: 11px;
  --game-winrate-gap: 6px;
  --game-title-fixed-h: 29px;
  --game-winrate-head-h: 11px;
  --game-winrate-inner-gap: 5px;
}
}

@media (update: slow), (prefers-reduced-data: reduce) {
html {
  scroll-behavior: auto;
}
*,
*::before,
*::after {
  transition-duration: 1ms !important;
  scroll-behavior: auto !important;
}
.catalog-clean-section,
.recommended-section,
.gift-section {
  content-visibility: visible;
  contain-intrinsic-size: auto;
}
.banner-track,
.recommended-track,
.list-slider {
  transition: none !important;
  animation: none !important;
  scroll-behavior: auto !important;
}
}

:root {
  --ui-shell-max: min(100%, var(--content-max, 1600px));
  --ui-shell-pad-x: clamp(10px, 1.35vw, 18px);
  --ui-shell-pad-y: clamp(10px, 1vw, 16px);
  --ui-section-gap: clamp(12px, 1.2vw, 18px);
  --ui-panel-radius: clamp(14px, 1.25vw, 20px);
  --ui-card-radius: clamp(8px, .82vw, 12px);
  --ui-surface: #121212;
  --ui-surface-2: #171717;
  --ui-surface-3: #202020;
  --ui-line: rgba(255,255,255,.085);
  --ui-line-strong: rgba(255,255,255,.16);
  --ui-text: rgba(255,255,255,.92);
  --ui-muted: rgba(255,255,255,.58);
  --ui-muted-2: rgba(255,255,255,.42);
  --ui-btn-bg: #f2f2f2;
  --ui-btn-text: #111111;
  --ui-ease: cubic-bezier(.22,.61,.36,1);
}

html,
body {
  background: var(--bg, #101010);
}

.page-shell {
  background: var(--bg, #101010);
  overflow-x: clip;
}

.wrap {
  width: var(--ui-shell-max);
  padding-inline: max(var(--ui-shell-pad-x), env(safe-area-inset-left, 0px));
  padding-block: 0 max(var(--ui-shell-pad-y), env(safe-area-inset-bottom, 0px));
}

.main-content,
.result-stack,
#catalogArea,
#searchArea {
  display: grid;
  gap: var(--ui-section-gap);
  min-width: 0;
}

.banner-section,
.gift-section,
.recommended-section,
.search-panel,
.catalog-panel,
.catalog-clean-section,
.section-block {
  min-width: 0;
}

.search-panel,
.catalog-clean-section,
.section-block {
  border: 1px solid var(--ui-line);
  border-radius: var(--ui-panel-radius);
  background: var(--ui-surface);
  background-clip: padding-box;
}

.search-panel {
  padding: clamp(12px, 1.1vw, 16px);
}

.catalog-clean-section,
.section-block {
  padding: clamp(12px, 1.15vw, 18px);
  overflow: hidden;
  contain: layout paint style;
}

.catalog-clean-section + .catalog-clean-section {
  margin-top: 0;
}

.section-head,
.search-panel-head {
  align-items: flex-end;
  gap: 12px;
  margin-bottom: clamp(10px, 1vw, 14px);
}

.section-title,
.search-panel-title {
  color: var(--ui-text);
  letter-spacing: -.035em;
}

.section-sub,
.search-panel-sub {
  color: var(--ui-muted);
}

.catalog-meta,
.catalog-status-row {
  gap: 6px;
}

.status-pill,
.meta-chip {
  min-height: 28px;
  padding-inline: 10px;
  border-color: var(--ui-line);
  background: var(--ui-surface-2);
  color: var(--ui-muted);
  font-size: 11px;
}

.status-pill strong,
.meta-chip strong {
  color: var(--ui-text);
}

.rail-frame {
  min-width: 0;
  overflow: hidden;
}

.catalog-clean-section[data-card-rail] .list.list-slider,
.list.list-slider {
  gap: clamp(8px, 1vw, 14px);
  padding: 2px 1px 10px;
  scroll-behavior: auto;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  contain: layout paint style;
}

.card-shell {
  min-width: 0;
  contain: layout paint style;
  content-visibility: auto;
  contain-intrinsic-size: 180px 240px;
}

.card,
.card-content,
.thumb-wrap {
  border-radius: var(--ui-card-radius);
}

.card {
  border-color: rgba(255,255,255,.07);
  background: var(--ui-surface-2);
  box-shadow: none;
  overflow: hidden;
}

.card:hover,
.card-shell:hover > .card {
  background: var(--ui-surface-3);
  box-shadow: none;
}

.thumb-wrap {
  background: #0e0e0e;
}

.thumb,
.thumb-wrap img,
.thumb-wrap picture img,
.card-media img,
.card-image img,
.game-card-image,
.game-img,
.game-thumb {
  opacity: 1;
  transform: none;
  transition: opacity 90ms var(--ui-ease), transform 90ms var(--ui-ease);
}

.card-shell:hover > .card :is(.thumb, .thumb-wrap img, .thumb-wrap picture img, .card-media img, .card-image img, .game-card-image, .game-img, .game-thumb),
.card:hover :is(.thumb, .thumb-wrap img, .thumb-wrap picture img, .card-media img, .card-image img, .game-card-image, .game-img, .game-thumb) {
  transform: none;
}

.body,
.game-title-bar {
  background: transparent;
}

.catalog-load-more-row {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: clamp(10px, 1vw, 14px);
  padding-top: clamp(2px, .45vw, 6px);
}

.catalog-load-more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 42px;
  min-width: min(100%, 220px);
  max-width: 100%;
  padding: 9px 16px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 999px;
  background: var(--ui-btn-bg);
  color: var(--ui-btn-text);
  cursor: pointer;
  box-shadow: none;
  text-align: center;
  transition: background-color 90ms var(--ui-ease), border-color 90ms var(--ui-ease), opacity 90ms var(--ui-ease), transform 90ms var(--ui-ease);
}

.catalog-load-more-btn span {
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .02em;
  line-height: 1;
  white-space: nowrap;
}

.catalog-load-more-btn small {
  color: rgba(17,17,17,.66);
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.catalog-load-more-btn:hover,
.catalog-load-more-btn:focus-visible {
  background: #ffffff;
  border-color: rgba(255,255,255,.34);
  outline: none;
}

.catalog-load-more-btn:active {
  transform: scale(.985);
}

.surface {
  border-color: var(--ui-line);
  background: var(--ui-surface-2);
  color: var(--ui-muted);
}

@media (min-width: 1181px) {
body.has-sidebar-docked .wrap {
  width: min(100%, calc(var(--content-max, 1600px) + var(--sidebar-docked-w, 280px)));
  padding-left: calc(var(--sidebar-docked-w, 280px) + var(--desktop-content-gap, 20px));
}
body.has-sidebar-docked .main-content {
  width: 100%;
}
}

@media (max-width: 860px) {
.wrap {
  padding-inline: max(8px, env(safe-area-inset-left, 0px)) max(8px, env(safe-area-inset-right, 0px));
}
.main-content,
.result-stack,
#catalogArea,
#searchArea {
  gap: 10px;
}
.search-panel,
.catalog-clean-section,
.section-block {
  padding: 10px;
  border-radius: 14px;
}
.search-panel-head,
.section-head {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  align-items: start;
  gap: 8px;
}
.catalog-clean-section[data-card-rail] .list.list-slider,
.list.list-slider {
  gap: 8px;
  padding-bottom: 8px;
}
.card-shell {
  contain-intrinsic-size: 146px 204px;
}
.catalog-load-more-btn {
  width: 100%;
  min-height: 44px;
}
}

@media (max-width: 420px) {
.search-panel,
.catalog-clean-section,
.section-block {
  padding: 9px;
  border-radius: 13px;
}
.catalog-load-more-btn {
  flex-direction: column;
  gap: 4px;
  padding: 9px 12px;
}
}

@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
.card-shell,
.card,
.nav-link,
.ghost-pill,
.menu-toggle,
.sidebar-link,
.catalog-tab-btn,
.catalog-load-more-btn,
.mobile-nav-button {
  transition-duration: 0ms;
}
.card-shell:hover > .card,
.card:hover,
.catalog-load-more-btn:hover,
.catalog-load-more-btn:focus-visible {
  transform: none;
}
}

[hidden] {
  display: none !important;
}

.catalog-clean-section .section-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: clamp(8px, 1vw, 12px);
}

.catalog-clean-section .section-head-actions,
.catalog-clean-section .section-rail-nav {
  min-width: 0;
}

.catalog-clean-section .section-rail-nav {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: nowrap;
}

.catalog-load-more-row-inline {
  width: auto;
  margin: 0;
  padding: 0;
  flex: 0 0 auto;
  justify-content: flex-end;
}

.catalog-load-more-btn-inline {
  min-width: 0;
  min-height: 38px;
  padding: 0 13px;
  gap: 7px;
  border-radius: 999px;
}

.catalog-load-more-btn-inline span {
  font-size: 11px;
  letter-spacing: .01em;
}

.catalog-load-more-btn-inline small {
  display: none;
}

@media (min-width: 1025px) {
:root {
  --sidebar-docked-w: clamp(252px, 18vw, 300px);
  --desktop-content-gap: clamp(14px, 1.15vw, 22px);
}
.page-shell {
  padding-left: var(--sidebar-docked-w);
}
.wrap,
body.has-sidebar-docked .wrap,
body.is-gift-container-page .wrap {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding-left: max(var(--desktop-content-gap), var(--space-page));
  padding-right: max(var(--space-page), calc(20px + var(--safe-right)));
}
.site-header {
  left: var(--sidebar-docked-w);
  right: 0;
  width: auto;
}
.main-content {
  width: 100%;
  max-width: calc(100vw - var(--sidebar-docked-w) - (var(--desktop-content-gap) * 2));
  margin-inline: 0;
}
.sidebar {
  width: var(--sidebar-docked-w);
  max-width: var(--sidebar-docked-w);
}
.catalog-filter-modal {
  padding-left: calc(var(--sidebar-docked-w) + var(--desktop-content-gap));
}
}

@media (min-width: 1025px) and (max-width: 1180px) {
:root {
  --sidebar-docked-w: clamp(252px, 23vw, 286px);
  --desktop-content-gap: 14px;
}
.header-bar {
  padding-left: 14px;
  padding-right: max(14px, calc(14px + var(--safe-right)));
}
.main-nav {
  gap: 4px;
}
.nav-link,
.ghost-pill {
  min-width: 40px;
  padding-inline: 11px;
  font-size: 12px;
}
}

:root {
  --game-card-outer-radius: clamp(10px, .92vw, 14px);
  --game-card-inner-radius: max(7px, calc(var(--game-card-outer-radius) - 4px));
  --game-card-wrap-pad: 4px;
  --game-card-wrap-bg: #121212;
  --game-card-wrap-bg-2: #090909;
  --game-card-wrap-line: rgba(255,255,255,.075);
}

.catalog-clean-section .section-head-actions {
  justify-self: end;
  align-self: start;
  max-width: 100%;
}

#catalogArea .card-shell.image-native-shell,
#resultArea .card-shell.image-native-shell,
.catalog-clean-section .card-shell.image-native-shell,
.catalog-clean-section.section-top20 .list.list-slider > .card-shell.image-native-shell {
  gap: 0;
  padding: var(--game-card-wrap-pad);
  overflow: hidden;
  border: 1px solid var(--game-card-wrap-line);
  border-radius: var(--game-card-outer-radius);
  background: var(--game-card-wrap-bg);
  background-clip: padding-box;
}

#catalogArea .card-shell.image-native-shell > .card.image-native-card,
#resultArea .card-shell.image-native-shell > .card.image-native-card,
.catalog-clean-section .card-shell.image-native-shell > .card.image-native-card,
.catalog-clean-section.section-top20 .card-shell.image-native-shell > .card.image-native-card {
  overflow: hidden;
  border-radius: var(--game-card-inner-radius) var(--game-card-inner-radius) 0 0;
  background: var(--game-card-wrap-bg-2);
}

#catalogArea .card-shell.image-native-shell .thumb-wrap,
#resultArea .card-shell.image-native-shell .thumb-wrap,
.catalog-clean-section .card-shell.image-native-shell .thumb-wrap,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .thumb-wrap {
  aspect-ratio: var(--game-card-aspect, 4 / 3);
  overflow: hidden;
  border-radius: var(--game-card-inner-radius) var(--game-card-inner-radius) 0 0;
  background: #080808;
}

.catalog-clean-section.section-top20 .card-shell.image-native-shell .thumb-wrap {
  aspect-ratio: 1.18 / 1;
}

#catalogArea .card-shell.image-native-shell .thumb,
#resultArea .card-shell.image-native-shell .thumb,
.catalog-clean-section .card-shell.image-native-shell .thumb,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .thumb,
#catalogArea .card-shell.image-native-shell .thumb-wrap img,
#resultArea .card-shell.image-native-shell .thumb-wrap img,
.catalog-clean-section .card-shell.image-native-shell .thumb-wrap img,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .thumb-wrap img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  object-position: center;
}

#catalogArea .card-shell.image-native-shell .game-title-bar,
#resultArea .card-shell.image-native-shell .game-title-bar,
.catalog-clean-section .card-shell.image-native-shell .game-title-bar,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .game-title-bar {
  border-radius: 0 0 var(--game-card-inner-radius) var(--game-card-inner-radius);
  border-top: 1px solid rgba(255,255,255,.055);
  background: #060606;
}

@media (max-width: 767px) {
.catalog-clean-section .section-head {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 6px;
}
.catalog-clean-section .section-title-wrap {
  min-width: 0;
  padding-right: 2px;
}
.catalog-clean-section .section-head-actions {
  width: auto;
  justify-self: end;
}
.catalog-clean-section .section-rail-nav {
  width: auto;
  justify-content: flex-end;
  gap: 6px;
  overflow: visible;
  padding-bottom: 0;
  scrollbar-width: none;
}
.catalog-clean-section .section-rail-nav::-webkit-scrollbar {
  display: none;
}
.catalog-clean-section .section-rail-nav .rail-nav-btn {
  width: 34px;
  height: 34px;
  border-radius: 999px;
}
.catalog-clean-section .section-rail-nav .rail-nav-btn svg {
  width: 15px;
  height: 15px;
}
.catalog-load-more-btn-inline {
  min-width: 42px;
  min-height: 34px;
  padding-inline: 10px;
  gap: 0;
}
.catalog-load-more-btn-inline span {
  display: inline-flex;
  align-items: center;
  font-size: 0;
  letter-spacing: 0;
}
.catalog-load-more-btn-inline span::before {
  content: "+20";
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .01em;
  line-height: 1.08;
}
.catalog-load-more-btn-inline small {
  display: none;
}
}

@media (max-width: 430px) {
.catalog-clean-section .section-head {
  gap: 5px;
}
.catalog-clean-section .section-sub {
  max-width: 100%;
  font-size: 10.5px;
  line-height: 1.35;
}
.catalog-clean-section .section-rail-nav {
  gap: 5px;
}
.catalog-clean-section .section-rail-nav .rail-nav-btn {
  width: 32px;
  height: 32px;
}
.catalog-load-more-btn-inline {
  min-width: 38px;
  min-height: 32px;
  padding-inline: 9px;
}
.catalog-load-more-btn-inline span::before {
  content: "+20";
  font-size: 10.5px;
}
}

@media (max-width: 360px) {
.catalog-clean-section .section-head {
  grid-template-columns: minmax(0, 1fr) auto;
}
.catalog-clean-section .section-rail-nav {
  gap: 4px;
}
.catalog-clean-section .section-rail-nav .rail-nav-btn {
  width: 30px;
  height: 30px;
}
.catalog-load-more-btn-inline {
  min-width: 30px;
  min-height: 30px;
  padding-inline: 8px;
}
.catalog-load-more-btn-inline span::before {
  content: "+";
  font-size: 14px;
  line-height: 1;
}
}

:root {
  --provider-active-wrap-radius: clamp(15px, 1.35vw, 22px);
  --provider-active-wrap-pad: clamp(8px, 1vw, 14px);
  --provider-active-wrap-gap: clamp(12px, 1.15vw, 18px);
  --provider-active-wrap-bg: #0d0d0d;
  --provider-active-wrap-line: rgba(255,255,255,.085);
  --provider-active-section-bg: transparent;
  --provider-active-chip-bg: #151515;
  --provider-active-chip-line: rgba(255,255,255,.09);
  --game-card-outer-radius: clamp(11px, .95vw, 15px);
  --game-card-inner-radius: calc(var(--game-card-outer-radius) - 3px);
  --game-card-wrap-pad: 3px;
  --game-card-wrap-bg: #101010;
  --game-card-wrap-line: rgba(255,255,255,.085);
  --game-card-art-bg: #080808;
  --game-title-panel-bg: #070707;
  --game-title-panel-line: rgba(255,255,255,.075);
  --game-title-panel-pad-x: clamp(8px, .85vw, 11px);
  --game-title-panel-pad-y: clamp(7px, .7vw, 9px);
  --game-title-fixed-h: auto;
  --game-winrate-track-h: 6px;
  --game-winrate-head-h: auto;
  --game-winrate-inner-gap: 4px;
  --game-winrate-gap: 5px;
  --game-winrate-pad-x: 0px;
  --game-winrate-pad-y: 0px;
  --game-winrate-block-h: auto;
  --game-title-panel-h: auto;
}

#resultArea > .result-stack,
.catalog-panel > .result > .result-stack,
#catalogArea .result-stack {
  position: relative;
  display: grid;
  gap: var(--provider-active-wrap-gap);
  min-width: 0;
  padding: var(--provider-active-wrap-pad);
  border: 1px solid var(--provider-active-wrap-line);
  border-radius: var(--provider-active-wrap-radius);
  background: var(--provider-active-wrap-bg);
  background-clip: padding-box;
  box-shadow: none;
  filter: none;
  contain: layout paint style;
}

#resultArea > .result-stack::before,
.catalog-panel > .result > .result-stack::before,
#catalogArea .result-stack::before {
  content: none;
  display: none;
}

#resultArea > .result-stack > *,
.catalog-panel > .result > .result-stack > *,
#catalogArea .result-stack > * {
  position: relative;
  z-index: 1;
}

#resultArea > .result-stack .catalog-clean-section,
.catalog-panel > .result > .result-stack .catalog-clean-section,
#catalogArea .result-stack .catalog-clean-section,
.catalog-clean-section,
.section-block {
  border-color: transparent;
  background: var(--provider-active-section-bg);
  box-shadow: none;
}

#resultArea > .result-stack .catalog-clean-section,
.catalog-panel > .result > .result-stack .catalog-clean-section,
#catalogArea .result-stack .catalog-clean-section {
  padding: 0;
  overflow: visible;
}

.catalog-meta,
.catalog-status-row {
  margin-bottom: 0;
}

.status-pill,
.meta-chip,
.section-count {
  border-color: var(--provider-active-chip-line);
  background: var(--provider-active-chip-bg);
  box-shadow: none;
}

.rail-frame,
.catalog-clean-section[data-card-rail] .rail-frame,
#catalogArea .rail-frame,
#resultArea .rail-frame {
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
}

#catalogArea .card-shell.image-native-shell,
#resultArea .card-shell.image-native-shell,
.catalog-clean-section .card-shell.image-native-shell,
.catalog-clean-section.section-top20 .list.list-slider > .card-shell.image-native-shell {
  position: relative;
  display: block;
  align-self: start;
  gap: 0;
  height: auto;
  min-height: 0;
  padding: var(--game-card-wrap-pad);
  overflow: hidden;
  border: 1px solid var(--game-card-wrap-line);
  border-radius: var(--game-card-outer-radius);
  background: var(--game-card-wrap-bg);
  background-clip: padding-box;
  box-shadow: none;
  filter: none;
  contain: layout paint style;
  content-visibility: auto;
  contain-intrinsic-size: 156px 176px;
}

#catalogArea .card-shell.image-native-shell > .card.image-native-card,
#resultArea .card-shell.image-native-shell > .card.image-native-card,
.catalog-clean-section .card-shell.image-native-shell > .card.image-native-card,
.catalog-clean-section.section-top20 .card-shell.image-native-shell > .card.image-native-card,
#catalogArea .card-shell.image-native-shell > .card.image-native-card > .card-content,
#resultArea .card-shell.image-native-shell > .card.image-native-card > .card-content,
.catalog-clean-section .card-shell.image-native-shell > .card.image-native-card > .card-content,
.catalog-clean-section.section-top20 .card-shell.image-native-shell > .card.image-native-card > .card-content {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
  border: 0;
  border-radius: var(--game-card-inner-radius) var(--game-card-inner-radius) 0 0;
  background: var(--game-card-art-bg);
  box-shadow: none;
  filter: none;
  transform: none;
}

#catalogArea .card-shell.image-native-shell .thumb-wrap,
#resultArea .card-shell.image-native-shell .thumb-wrap,
.catalog-clean-section .card-shell.image-native-shell .thumb-wrap,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .thumb-wrap,
.card-shell.image-native-shell .thumb-wrap,
.thumb-wrap {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  padding: 0;
  margin: 0;
  line-height: 0;
  aspect-ratio: auto !important;
  overflow: hidden;
  border: 0;
  border-radius: var(--game-card-inner-radius) var(--game-card-inner-radius) 0 0;
  background: var(--game-card-art-bg);
  box-shadow: none;
}

#catalogArea .card-shell.image-native-shell .thumb,
#resultArea .card-shell.image-native-shell .thumb,
.catalog-clean-section .card-shell.image-native-shell .thumb,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .thumb,
#catalogArea .card-shell.image-native-shell .thumb-wrap img,
#resultArea .card-shell.image-native-shell .thumb-wrap img,
.catalog-clean-section .card-shell.image-native-shell .thumb-wrap img,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .thumb-wrap img,
.card .thumb,
.card .thumb-wrap img,
.card .thumb-wrap picture img,
.card-media img,
.card-image img,
.game-card-image,
.game-img,
.game-thumb {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto !important;
  max-width: 100%;
  max-height: none;
  min-height: 0;
  padding: 0;
  margin: 0;
  object-fit: contain !important;
  object-position: center center;
  border: 0;
  border-radius: inherit;
  background: transparent;
  box-shadow: none;
  filter: none;
  clip-path: none;
  transform: translate3d(0,0,0) scale(1) !important;
  transform-origin: center center;
  vertical-align: top;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.card-shell:hover > .card :is(.thumb, .thumb-wrap img, .thumb-wrap picture img, .card-media img, .card-image img, .game-card-image, .game-img, .game-thumb),
.card:hover :is(.thumb, .thumb-wrap img, .thumb-wrap picture img, .card-media img, .card-image img, .game-card-image, .game-img, .game-thumb),
.card.is-image-hover :is(.thumb, .thumb-wrap img, .thumb-wrap picture img, .card-media img, .card-image img, .game-card-image, .game-img, .game-thumb),
.card.is-smart-zoom :is(.thumb, .thumb-wrap img, .thumb-wrap picture img, .card-media img, .card-image img, .game-card-image, .game-img, .game-thumb),
.card.is-actions-open :is(.thumb, .thumb-wrap img, .thumb-wrap picture img, .card-media img, .card-image img, .game-card-image, .game-img, .game-thumb),
.card.is-pola-open :is(.thumb, .thumb-wrap img, .thumb-wrap picture img, .card-media img, .card-image img, .game-img, .game-thumb) {
  object-fit: contain !important;
  transform: translate3d(0,0,0) scale(1) !important;
  filter: none;
}

#catalogArea .card-shell.image-native-shell .game-title-bar,
#resultArea .card-shell.image-native-shell .game-title-bar,
.catalog-clean-section .card-shell.image-native-shell .game-title-bar,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .game-title-bar {
  position: relative;
  inset: auto;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: stretch;
  justify-items: stretch;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  margin: 0;
  padding: var(--game-title-panel-pad-y) var(--game-title-panel-pad-x);
  gap: var(--game-winrate-gap);
  overflow: hidden;
  border: 0;
  border-top: 1px solid var(--game-title-panel-line);
  border-radius: 0 0 var(--game-card-inner-radius) var(--game-card-inner-radius);
  background: var(--game-title-panel-bg);
  box-shadow: none;
  filter: none;
  pointer-events: none;
  contain: layout paint style;
}

#catalogArea .card-shell.image-native-shell .game-title-under-card,
#resultArea .card-shell.image-native-shell .game-title-under-card,
.catalog-clean-section .card-shell.image-native-shell .game-title-under-card,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .game-title-under-card,
#catalogArea .card-shell.image-native-shell .game-title-bar .title,
#resultArea .card-shell.image-native-shell .game-title-bar .title,
.catalog-clean-section .card-shell.image-native-shell .game-title-bar .title,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .game-title-bar .title {
  display: -webkit-box;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: rgba(255,255,255,.96);
  font-size: clamp(9px, .82vw, 11.5px);
  font-weight: 850;
  line-height: 1.16;
  letter-spacing: -.012em;
  text-align: center;
  text-wrap: balance;
  word-break: normal;
  overflow-wrap: anywhere;
  text-shadow: none;
}

.card-progress-pill.card-winrate-progress,
#catalogArea .card-shell.image-native-shell .card-progress-pill,
#resultArea .card-shell.image-native-shell .card-progress-pill,
.catalog-clean-section .card-shell.image-native-shell .card-progress-pill,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .card-progress-pill {
  --tone-fill-1: #d73742;
  --tone-fill-2: #ff7a2f;
  --tone-fill-3: #ffd33f;
  position: relative;
  inset: auto;
  top: auto;
  right: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto var(--game-winrate-track-h);
  gap: var(--game-winrate-inner-gap);
  width: 100%;
  min-width: 0;
  max-width: none;
  height: auto;
  min-height: 0;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.card-progress-pill.card-winrate-progress.progress-tone-empty {
  --tone-fill-1: #707070;
  --tone-fill-2: #9a9a9a;
  --tone-fill-3: #c2c2c2;
}

.card-progress-pill.card-winrate-progress.progress-tone-low {
  --tone-fill-1: #bd2634;
  --tone-fill-2: #e23d33;
  --tone-fill-3: #ff6638;
}

.card-progress-pill.card-winrate-progress.progress-tone-mid {
  --tone-fill-1: #d94d1f;
  --tone-fill-2: #ff8325;
  --tone-fill-3: #ffb13d;
}

.card-progress-pill.card-winrate-progress.progress-tone-high {
  --tone-fill-1: #d59a21;
  --tone-fill-2: #ffd23b;
  --tone-fill-3: #e5ee45;
}

.card-progress-pill.card-winrate-progress.progress-tone-max {
  --tone-fill-1: #17a65a;
  --tone-fill-2: #28d976;
  --tone-fill-3: #68f098;
}

.card-progress-pill.card-winrate-progress .card-progress-pill-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  height: auto;
  min-height: 0;
  max-height: none;
  line-height: 1;
}

.card-progress-pill.card-winrate-progress .card-progress-pill-caption,
.card-progress-pill.card-winrate-progress .card-progress-pill-value {
  display: block;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  filter: none;
  color: rgba(255,255,255,.93);
  font-size: clamp(8px, .68vw, 9.8px);
  font-weight: 850;
  line-height: 1;
  letter-spacing: -.01em;
  text-shadow: none;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.card-progress-pill.card-winrate-progress .card-progress-pill-caption {
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: .86;
}

.card-progress-pill.card-winrate-progress .card-progress-pill-value {
  flex: 0 0 auto;
  min-width: fit-content;
  font-weight: 950;
  text-align: right;
}

.card-progress-pill.card-winrate-progress .card-progress-pill-track {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  min-width: 0;
  height: var(--game-winrate-track-h);
  min-height: var(--game-winrate-track-h);
  max-height: var(--game-winrate-track-h);
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
  box-shadow: none;
}

.card-progress-pill.card-winrate-progress .card-progress-pill-track::before,
.card-progress-pill.card-winrate-progress .card-progress-pill-fill::before,
.card-progress-pill.card-winrate-progress .card-progress-pill-fill::after {
  content: none;
  display: none;
}

.card-progress-pill.card-winrate-progress .card-progress-pill-fill {
  position: relative;
  z-index: 2;
  display: block;
  width: clamp(0%, var(--pill-progress-width, calc(var(--pill-progress, 0) * 1%)), 100%);
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--tone-fill-1, #d73742) 0%, var(--tone-fill-2, #ff7a2f) 54%, var(--tone-fill-3, #28d976) 100%);
  box-shadow: none;
  contain: paint;
  transition: width 90ms cubic-bezier(.22,.61,.36,1), background-color 90ms ease;
}

.card-progress-pill.card-winrate-progress.is-zero .card-progress-pill-fill,
.card-progress-pill.card-winrate-progress.is-empty .card-progress-pill-fill {
  width: 0;
}

.card-online-chip {
  z-index: 10;
}

.card-top20-gift,
.card-favourite-control,
.card-actions {
  z-index: 11;
}

@media (max-width: 860px) {
:root {
  --provider-active-wrap-pad: 7px;
  --provider-active-wrap-radius: 16px;
  --provider-active-wrap-gap: 10px;
  --game-card-wrap-pad: 3px;
  --game-title-panel-pad-x: 7px;
  --game-title-panel-pad-y: 6px;
  --game-winrate-track-h: 5px;
  --game-winrate-gap: 4px;
  --game-winrate-inner-gap: 3px;
}
#resultArea > .result-stack,
.catalog-panel > .result > .result-stack,
#catalogArea .result-stack {
  gap: var(--provider-active-wrap-gap);
}
#catalogArea .card-shell.image-native-shell,
#resultArea .card-shell.image-native-shell,
.catalog-clean-section .card-shell.image-native-shell,
.catalog-clean-section.section-top20 .list.list-slider > .card-shell.image-native-shell {
  contain-intrinsic-size: 132px 156px;
}
#catalogArea .card-shell.image-native-shell .game-title-under-card,
#resultArea .card-shell.image-native-shell .game-title-under-card,
.catalog-clean-section .card-shell.image-native-shell .game-title-under-card,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .game-title-under-card,
#catalogArea .card-shell.image-native-shell .game-title-bar .title,
#resultArea .card-shell.image-native-shell .game-title-bar .title,
.catalog-clean-section .card-shell.image-native-shell .game-title-bar .title,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .game-title-bar .title {
  font-size: 8.7px;
  line-height: 1.12;
}
.card-progress-pill.card-winrate-progress .card-progress-pill-caption,
.card-progress-pill.card-winrate-progress .card-progress-pill-value {
  font-size: 7.6px;
}
}

@media (max-width: 420px) {
:root {
  --provider-active-wrap-pad: 6px;
  --provider-active-wrap-radius: 14px;
  --provider-active-wrap-gap: 9px;
  --game-card-outer-radius: 10px;
  --game-card-inner-radius: 7px;
  --game-title-panel-pad-x: 6px;
  --game-title-panel-pad-y: 5px;
  --game-winrate-track-h: 4px;
}
.card-progress-pill.card-winrate-progress .card-progress-pill-caption {
  max-width: 52px;
}
}

@media (max-width: 360px) {
#catalogArea .card-shell.image-native-shell .game-title-under-card,
#resultArea .card-shell.image-native-shell .game-title-under-card,
.catalog-clean-section .card-shell.image-native-shell .game-title-under-card,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .game-title-under-card,
#catalogArea .card-shell.image-native-shell .game-title-bar .title,
#resultArea .card-shell.image-native-shell .game-title-bar .title,
.catalog-clean-section .card-shell.image-native-shell .game-title-bar .title,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .game-title-bar .title {
  font-size: 8.2px;
}
.card-progress-pill.card-winrate-progress .card-progress-pill-caption {
  display: none;
}
.card-progress-pill.card-winrate-progress .card-progress-pill-head {
  justify-content: flex-end;
}
}

:root {
  --game-pola-inline-gap: clamp(4px, 0.5vw, 6px);
  --game-pola-inline-row-h: clamp(16px, 1.25vw, 20px);
  --game-pola-inline-font: clamp(8px, 0.68vw, 10px);
  --game-pola-inline-bg: rgba(255,255,255,0.055);
  --game-pola-inline-bg-ready: rgba(255,255,255,0.075);
  --game-pola-inline-line: rgba(255,255,255,0.10);
  --game-pola-inline-text: rgba(255,255,255,0.92);
}

#catalogArea .card-shell.image-native-shell .game-title-bar,
#resultArea .card-shell.image-native-shell .game-title-bar,
.catalog-clean-section .card-shell.image-native-shell .game-title-bar,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .game-title-bar {
  grid-template-rows: auto auto auto;
  gap: var(--game-winrate-gap);
  height: auto;
  min-height: 0;
  max-height: none;
  overflow: hidden;
}

.card-inline-pola {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--game-pola-inline-text);
  pointer-events: none;
  contain: layout paint style;
}

.card-inline-pola[data-pola-state="idle"],
.card-inline-pola[data-pola-state="loading"],
.card-inline-pola[data-pola-state="empty"],
.card-inline-pola[data-pola-state="error"] {
  display: none;
}

.card-inline-pola[data-pola-state="ready"] {
  display: block;
}

.card-inline-pola-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--game-pola-inline-gap);
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.card-inline-pola-line {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: var(--game-pola-inline-row-h);
  padding: 0 clamp(6px, 0.8vw, 9px);
  overflow: hidden;
  border: 1px solid var(--game-pola-inline-line);
  border-radius: 999px;
  background: var(--game-pola-inline-bg-ready);
  box-shadow: none;
  color: var(--game-pola-inline-text);
  filter: none;
  font-size: var(--game-pola-inline-font);
  font-weight: 860;
  line-height: 1;
  letter-spacing: 0.015em;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
  font-variant-numeric: tabular-nums;
}

.global-pola-popup .pola-clean-content.is-spin-only .pola-clean-section-label {
  display: none;
}

@media (max-width: 860px) {
:root {
  --game-pola-inline-gap: 3px;
  --game-pola-inline-row-h: 15px;
  --game-pola-inline-font: 7.2px;
}
.card-inline-pola-line {
  padding-inline: 5px;
}
}

@media (max-width: 420px) {
:root {
  --game-pola-inline-row-h: 14px;
  --game-pola-inline-font: 6.8px;
}
}

.card-detail-trigger {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  width: auto;
  max-width: 100%;
  min-width: 0;
  min-height: 0;
  margin: clamp(4px, 0.48vw, 6px) auto 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(255,255,255,0.82);
  box-shadow: none;
  filter: none;
  cursor: pointer;
  font: inherit;
  font-size: clamp(8px, 0.7vw, 9.5px);
  font-weight: 850;
  line-height: 1.15;
  letter-spacing: 0.025em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  transition: color 90ms ease, opacity 90ms ease;
}

.card-detail-trigger:hover,
.card-detail-trigger:focus-visible,
.card-detail-trigger[aria-expanded="true"] {
  background: transparent;
  color: #ffffff;
  outline: none;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.card-detail-trigger:active {
  color: rgba(255,255,255,0.72);
}

.card-shell.image-native-shell:has(.card-detail-trigger) .game-title-bar {
  overflow: visible;
}

.card-shell.image-native-shell:has(.card-detail-trigger) .card-inline-pola[data-pola-state="ready"] + .card-detail-trigger {
  margin-top: clamp(5px, 0.56vw, 7px);
}

@media (max-width: 560px) {
.card-detail-trigger {

}
}

.card-detail-trigger.card-detail-label {
  display: flex;
  width: 100%;
  margin: clamp(5px, 0.56vw, 7px) 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(255,255,255,0.78);
  cursor: default;
  pointer-events: none;
  text-decoration: none;
  user-select: none;
}

.card-detail-trigger.card-detail-label:hover,
.card-detail-trigger.card-detail-label:focus-visible,
.card-detail-trigger.card-detail-label[aria-expanded="true"] {
  color: rgba(255,255,255,0.78);
  text-decoration: none;
}

#catalogArea .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline,
#resultArea .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline,
.catalog-clean-section .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline {
  position: static;
  inset: auto;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-flow: column;
  align-items: stretch;
  gap: clamp(5px, 0.6vw, 7px);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: clamp(4px, 0.48vw, 6px) 0 0;
  padding: 0;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
  transform-origin: center;
  transition: none;
  contain: layout paint style;
}

#catalogArea .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline.single-action,
#resultArea .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline.single-action,
.catalog-clean-section .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline.single-action,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline.single-action {
  grid-template-columns: minmax(0, 1fr);
  grid-auto-flow: row;
}

#catalogArea .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action,
#resultArea .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action,
.catalog-clean-section .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  min-height: clamp(21px, 1.72vw, 26px);
  padding: 0 clamp(8px, 0.9vw, 12px);
  border: 1px solid rgba(255,255,255,0.11);
  border-radius: 999px;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
  box-shadow: none;
  filter: none;
  font-size: clamp(8.3px, 0.76vw, 10.4px);
  font-weight: 920;
  line-height: 1;
  letter-spacing: 0.02em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  touch-action: manipulation;
  transition: background-color 90ms ease, color 90ms ease, border-color 90ms ease, opacity 90ms ease;
}

#catalogArea .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action.pola,
#resultArea .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action.pola,
.catalog-clean-section .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action.pola,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action.pola {
  color: rgba(255,255,255,0.94);
  background: rgba(255,255,255,0.075);
}

#catalogArea .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action.main,
#resultArea .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action.main,
.catalog-clean-section .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action.main,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action.main {
  color: var(--game-action-text-main, #111111);
  background: var(--game-action-bg-main, #ededed);
  border-color: rgba(255,255,255,0.14);
}

#catalogArea .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action:hover,
#catalogArea .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action:focus-visible,
#resultArea .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action:hover,
#resultArea .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action:focus-visible,
.catalog-clean-section .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action:hover,
.catalog-clean-section .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action:focus-visible,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action:hover,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action:focus-visible {
  transform: none;
  outline: none;
  border-color: rgba(255,255,255,0.22);
}

#catalogArea .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action.pola:hover,
#catalogArea .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action.pola:focus-visible,
#resultArea .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action.pola:hover,
#resultArea .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action.pola:focus-visible,
.catalog-clean-section .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action.pola:hover,
.catalog-clean-section .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action.pola:focus-visible,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action.pola:hover,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action.pola:focus-visible,
#catalogArea .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action.pola.is-active,
#resultArea .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action.pola.is-active,
.catalog-clean-section .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action.pola.is-active,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action.pola.is-active {
  color: #ffffff;
  background: rgba(255,255,255,0.12);
}

#catalogArea .card-shell.image-native-shell .thumb-wrap > .card-actions,
#resultArea .card-shell.image-native-shell .thumb-wrap > .card-actions,
.catalog-clean-section .card-shell.image-native-shell .thumb-wrap > .card-actions,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .thumb-wrap > .card-actions {
  display: none;
}

@media (max-width: 860px) {
#catalogArea .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action,
#resultArea .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action,
.catalog-clean-section .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action {
  min-height: 19px;
  padding-inline: 6px;
  font-size: 7.8px;
}
.card-detail-trigger.card-detail-label {
  margin-top: 5px;
  font-size: 7.4px;
}
}

@media (max-width: 420px) {
#catalogArea .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline,
#resultArea .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline,
.catalog-clean-section .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline {
  gap: 4px;
}
#catalogArea .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action,
#resultArea .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action,
.catalog-clean-section .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action,
.catalog-clean-section.section-top20 .card-shell.image-native-shell .game-title-bar .card-actions.card-actions-inline .card-action {
  min-height: 18px;
  font-size: 7.4px;
}
}

:root {
  --popup-safe-edge: 6px;
  --popup-motion-y: clamp(14px, 4dvh, 26px);
  --popup-motion-duration: 170ms;
  --popup-motion-ease: cubic-bezier(.22,.61,.36,1);
  --popup-w: min(320px, calc(100dvw - 12px));
}

.global-pola-popup {
  --pola-fallback-w: min(320px, calc(100dvw - (var(--popup-safe-edge) * 2)));
  position: fixed;
  z-index: 290;
  left: 50%;
  top: 50%;
  width: var(--pola-fallback-w);
  max-width: calc(100dvw - (var(--popup-safe-edge) * 2));
  max-height: min(72dvh, calc(100dvh - 16px));
  min-width: 0;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  border: 1px solid var(--popup-border, rgba(255,255,255,0.14));
  border-radius: var(--pola-popup-radius, var(--popup-radius, clamp(8px, 1.1vw, 12px)));
  background: var(--popup-bg, var(--card-bg, #171717));
  background-image: none;
  background-clip: padding-box;
  box-shadow: none;
  filter: none;
  isolation: isolate;
  contain: layout paint style;
  container-type: inline-size;
  transform-origin: center bottom;
  transform: translate3d(-50%, calc(-50% + var(--popup-motion-y)), 0) scale(.992);
  transition: opacity var(--popup-motion-duration) var(--popup-motion-ease),
    transform var(--popup-motion-duration) var(--popup-motion-ease),
    visibility var(--popup-motion-duration) var(--popup-motion-ease);
  will-change: auto;
}

.global-pola-popup:not(.is-open):not(.is-closing) {
  transition: none;
}

.global-pola-popup[hidden] {
  display: block;
}

.global-pola-popup.lK_gJ {
  padding: 0;
  overflow: hidden;
}

.global-pola-popup.is-positioning {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: none;
  transform: translate3d(-50%, calc(-50% + var(--popup-motion-y)), 0) scale(.992);
  will-change: auto;
}

.global-pola-popup.is-open,
.global-pola-popup.is-closing {
  will-change: opacity, transform;
}

.global-pola-popup.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate3d(-50%, -50%, 0) scale(1);
}

.global-pola-popup.is-closing {
  opacity: 0;
  visibility: visible;
  pointer-events: none;
  transform: translate3d(-50%, calc(-50% + var(--popup-motion-y)), 0) scale(.992);
}

.global-pola-popup[data-mode="center"],
.global-pola-popup[data-placement="center"] {
  left: 50%;
  top: 50%;
  width: min(320px, calc(100dvw - (var(--popup-safe-edge) * 2)));
  max-width: calc(100dvw - (var(--popup-safe-edge) * 2));
  transform-origin: center bottom;
  transform: translate3d(-50%, calc(-50% + var(--popup-motion-y)), 0) scale(.992);
}

.global-pola-popup[data-mode="center"].is-open,
.global-pola-popup[data-placement="center"].is-open {
  transform: translate3d(-50%, -50%, 0) scale(1);
}

.global-pola-popup[data-mode="center"].is-closing,
.global-pola-popup[data-placement="center"].is-closing {
  opacity: 0;
  visibility: visible;
  pointer-events: none;
  transform: translate3d(-50%, calc(-50% + var(--popup-motion-y)), 0) scale(.992);
}

.global-pola-popup[data-mode="anchor"] {
  left: max(var(--popup-safe-edge), min(var(--pola-left, var(--popup-safe-edge)), calc(100dvw - var(--popup-safe-edge) - min(var(--pola-width, var(--pola-fallback-w)), calc(100dvw - (var(--popup-safe-edge) * 2))))));
  top: var(--pola-top, var(--popup-safe-edge));
  width: min(var(--pola-width, var(--pola-fallback-w)), calc(100dvw - (var(--popup-safe-edge) * 2)));
  max-width: calc(100dvw - (var(--popup-safe-edge) * 2));
  transform-origin: center bottom;
  transform: translate3d(0, var(--popup-motion-y), 0) scale(.992);
}

.global-pola-popup[data-mode="anchor"].is-positioning {
  transform: translate3d(0, var(--popup-motion-y), 0) scale(.992);
}

.global-pola-popup[data-mode="anchor"].is-open {
  transform: translate3d(0, 0, 0) scale(1);
}

.global-pola-popup[data-mode="anchor"].is-closing {
  opacity: 0;
  visibility: visible;
  pointer-events: none;
  transform: translate3d(0, var(--popup-motion-y), 0) scale(.992);
}

.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] {
  left: max(var(--popup-safe-edge), min(var(--pola-left, var(--popup-safe-edge)), calc(100dvw - var(--popup-safe-edge) - min(var(--pola-width, var(--pola-fallback-w)), calc(100dvw - (var(--popup-safe-edge) * 2))))));
  top: max(var(--popup-safe-edge), min(var(--pola-top, var(--popup-safe-edge)), calc(100dvh - var(--popup-safe-edge) - min(var(--pola-height, var(--pola-max-h, 999px)), calc(100dvh - (var(--popup-safe-edge) * 2))))));
  width: min(var(--pola-width, var(--pola-fallback-w)), calc(100dvw - (var(--popup-safe-edge) * 2)));
  height: var(--pola-height, auto);
  max-width: calc(100dvw - (var(--popup-safe-edge) * 2));
  max-height: min(var(--pola-max-h, calc(100dvh - (var(--popup-safe-edge) * 2))), calc(100dvh - (var(--popup-safe-edge) * 2)));
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  padding: 0;
  overflow: hidden;
  transform: translate3d(0, var(--popup-motion-y), 0) scale(.992);
}

.global-pola-popup[data-mode="anchor"][data-placement="card-inner"].is-positioning {
  transition: none;
  transform: translate3d(0, var(--popup-motion-y), 0) scale(.992);
  will-change: auto;
}

.global-pola-popup[data-mode="anchor"][data-placement="card-inner"].is-open {
  transform: translate3d(0, 0, 0) scale(1);
}

.global-pola-popup[data-mode="anchor"][data-placement="card-inner"].is-closing {
  opacity: 0;
  visibility: visible;
  pointer-events: none;
  transform: translate3d(0, var(--popup-motion-y), 0) scale(.992);
}

.global-pola-popup[data-mode="anchor"][data-placement="card-inner"][data-density="loose"],
.global-pola-popup[data-mode="anchor"][data-placement="card-inner"][data-density="balanced"] {
  --pola-body-align: center;
}

.global-pola-popup[data-mode="anchor"][data-placement="card-inner"][data-density="compact"] {
  --pola-body-align: start;
}

.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-drawer-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(5px, 2cqw, 8px);
  min-height: clamp(30px, 11cqw, 38px);
  padding: clamp(6px, 2.4cqw, 9px) clamp(8px, 3cqw, 11px);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  background: transparent;
}

.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-clean-title {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  color: rgba(255,255,255,0.96);
  font-size: var(--pola-title-font, clamp(10px, 4.2cqw, 13px));
  font-weight: 900;
  line-height: 1.14;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-drawer-close {
  width: clamp(24px, 9cqw, 30px);
  min-width: clamp(24px, 9cqw, 30px);
  height: clamp(24px, 9cqw, 30px);
  border-radius: clamp(7px, 2.8cqw, 10px);
}

.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .card-dropup-body,
.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-clean-body {
  min-width: 0;
  min-height: 0;
  max-height: none;
  height: auto;
  display: grid;
  align-items: var(--pola-body-align, center);
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding: clamp(7px, 2.6cqw, 10px) clamp(8px, 3cqw, 12px) clamp(8px, 3cqw, 12px);
  background: transparent;
  scrollbar-width: none;
}

.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .card-dropup-body::-webkit-scrollbar,
.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-clean-body::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-clean-content,
.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-clean-section,
.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-clean-list,
.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-clean-line {
  min-width: 0;
  max-width: 100%;
}

.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-clean-content {
  width: 100%;
  gap: var(--pola-content-gap, clamp(4px, 1.8cqw, 7px));
  overflow: visible;
  text-align: center;
}

.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-clean-section {
  gap: var(--pola-section-gap, clamp(2px, 1cqw, 4px));
}

.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-clean-list {
  gap: var(--pola-list-gap, clamp(1px, .7cqw, 3px));
}

.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-clean-section-label,
.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-clean-section-label[class*="tone-"] {
  max-width: 100%;
  margin-bottom: 0;
  overflow-wrap: anywhere;
  color: rgba(255,255,255,0.56);
  font-size: var(--pola-label-font, clamp(5.6px, 2.3cqw, 7px));
  line-height: 1.12;
  letter-spacing: 0.08em;
  white-space: normal;
}

.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-clean-line,
.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .card-dropup-plain-line,
.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .card-dropup-note {
  max-width: 100%;
  overflow: visible;
  color: rgba(255,255,255,0.95);
  font-size: var(--pola-line-font, clamp(7.2px, 3.15cqw, 9.6px));
  font-weight: 740;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  hyphens: auto;
  text-wrap: balance;
}

.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-clean-line.is-long,
.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-clean-line.is-xlong {
  line-height: 1.18;
}

.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-kv-line {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  column-gap: 0.28em;
  row-gap: 0;
}

.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-kv-label,
.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-kv-sep,
.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-kv-value {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: normal;
  white-space: normal;
}

.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-kv-label,
.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-kv-sep {
  flex: 0 0 auto;
}

.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-kv-value {
  flex: 0 1 auto;
}

.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-kv-line.is-xlong .pola-kv-value {
  flex-basis: 100%;
}

.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .card-dropup-loading,
.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .card-dropup-feedback {
  max-width: 100%;
  padding: 6px 0;
  overflow-wrap: anywhere;
  font-size: clamp(8px, 3cqw, 9.5px);
  line-height: 1.2;
}

.card.is-pola-open,
.card-shell:has(.card.is-pola-open) {
  z-index: 7;
}

@starting-style  {
.global-pola-popup.is-open {
  opacity: 0;
  transform: translate3d(-50%, calc(-50% + var(--popup-motion-y)), 0) scale(.992);
}
.global-pola-popup[data-mode="center"].is-open,
.global-pola-popup[data-placement="center"].is-open {
  opacity: 0;
  transform: translate3d(-50%, calc(-50% + var(--popup-motion-y)), 0) scale(.992);
}
.global-pola-popup[data-mode="anchor"].is-open,
.global-pola-popup[data-mode="anchor"][data-placement="card-inner"].is-open {
  opacity: 0;
  transform: translate3d(0, var(--popup-motion-y), 0) scale(.992);
}
}

@media (max-width: 560px) {
:root {
  --popup-safe-edge: 4px;
  --popup-motion-y: clamp(10px, 3.8dvh, 20px);
}
.global-pola-popup[data-mode="center"],
.global-pola-popup[data-placement="center"] {
  width: min(312px, calc(100dvw - 8px));
  max-width: calc(100dvw - 8px);
}
.global-pola-popup[data-mode="anchor"],
.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] {
  width: min(var(--pola-width, var(--pola-fallback-w)), calc(100dvw - 8px));
  max-width: calc(100dvw - 8px);
  max-height: min(var(--pola-max-h, calc(100dvh - 82px)), calc(100dvh - 82px));
  border-radius: var(--pola-popup-radius, 10px);
}
.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-drawer-head {
  min-height: clamp(28px, 12cqw, 34px);
  padding: 6px 8px;
}
.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-clean-title {
  font-size: var(--pola-title-font, clamp(9.6px, 4.6cqw, 12px));
}
.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-drawer-close {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .card-dropup-body,
.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-clean-body {
  padding: 6px 8px 8px;
}
.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-clean-content {
  gap: var(--pola-content-gap, 4px);
}
.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-clean-section-label,
.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-clean-section-label[class*="tone-"] {
  font-size: var(--pola-label-font, clamp(5.4px, 2.4cqw, 6.6px));
  line-height: 1.12;
}
.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .pola-clean-line,
.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .card-dropup-plain-line,
.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] .card-dropup-note {
  font-size: var(--pola-line-font, clamp(7px, 3.2cqw, 8.8px));
  line-height: 1.18;
}
}

@media (prefers-reduced-motion: reduce) {
.global-pola-popup,
.global-pola-popup[data-mode="center"],
.global-pola-popup[data-placement="center"],
.global-pola-popup[data-mode="anchor"],
.global-pola-popup[data-mode="anchor"][data-placement="card-inner"] {
  transition-duration: 1ms;
}
}

.banner-section > .banner-copy-section {
  display: block;
  width: 100%;
  max-width: min(1080px, 100%);
  margin: clamp(12px, 1.45vw, 20px) 0 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--text, rgba(255,255,255,0.92));
  text-align: left;
  overflow: visible;
}

.banner-copy-title,
.banner-copy-lead,
.banner-copy-text,
.banner-copy-subtitle,
.banner-copy-signature,
.banner-strategy-list,
.banner-strategy-list li {
  min-width: 0;
  max-width: 100%;
  overflow: visible;
  text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  text-overflow: clip;
}

.banner-copy-title {
  max-width: min(980px, 100%);
  margin: 0;
  color: #ffffff;
  font-size: clamp(22px, 2.75vw, 42px);
  font-weight: 950;
  line-height: 1.04;
  letter-spacing: -0.055em;
  text-wrap: balance;
}

.banner-copy-lead {
  max-width: min(940px, 100%);
  margin: clamp(8px, 0.9vw, 12px) 0 0;
  color: rgba(255,255,255,0.82);
  font-size: clamp(12.5px, 1.06vw, 16px);
  font-weight: 680;
  line-height: 1.55;
  letter-spacing: -0.015em;
}

.banner-copy-text {
  max-width: min(980px, 100%);
  margin: clamp(8px, 0.85vw, 12px) 0 0;
  color: var(--flat-wrap-muted, rgba(255,255,255,0.62));
  font-size: clamp(11.5px, 0.95vw, 14px);
  font-weight: 560;
  line-height: 1.62;
  letter-spacing: -0.01em;
}

.banner-copy-subtitle {
  max-width: min(980px, 100%);
  margin: clamp(14px, 1.45vw, 22px) 0 clamp(8px, 0.9vw, 12px);
  color: #ffffff;
  font-size: clamp(14px, 1.25vw, 18px);
  font-weight: 900;
  line-height: 1.22;
  letter-spacing: -0.025em;
  text-wrap: balance;
}

.banner-strategy-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(8px, 0.95vw, 12px) clamp(14px, 1.8vw, 24px);
  max-width: min(1060px, 100%);
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: banner-strategy;
}

.banner-strategy-list li {
  position: relative;
  counter-increment: banner-strategy;
  display: block;
  margin: 0;
  padding: 0 0 0 clamp(28px, 2.3vw, 36px);
  color: var(--flat-wrap-muted, rgba(255,255,255,0.64));
  font-size: clamp(10.8px, 0.9vw, 13.4px);
  font-weight: 560;
  line-height: 1.56;
  letter-spacing: -0.01em;
}

.banner-strategy-list li::before {
  content: counter(banner-strategy);
  position: absolute;
  top: 0.08em;
  left: 0;
  display: inline-grid;
  place-items: center;
  width: clamp(20px, 1.6vw, 25px);
  height: clamp(20px, 1.6vw, 25px);
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 999px;
  background: transparent;
  color: rgba(255,255,255,0.92);
  font-size: clamp(9px, 0.72vw, 10.5px);
  font-weight: 900;
  line-height: 1;
}

.banner-strategy-list strong {
  color: #ffffff;
  font-weight: 860;
}

.banner-copy-signature {
  max-width: min(980px, 100%);
  margin: clamp(10px, 1vw, 16px) 0 0;
  color: rgba(255,255,255,0.88);
  font-size: clamp(12px, 1vw, 15px);
  font-weight: 760;
  line-height: 1.45;
  letter-spacing: -0.015em;
}

.banner-copy-signature strong {
  color: #ffffff;
  font-weight: 950;
  letter-spacing: 0.02em;
}

@media (max-width: 860px) {
.banner-section > .banner-copy-section {
  margin-top: clamp(10px, 3vw, 15px);
}
.banner-copy-title {
  font-size: clamp(19px, 5.2vw, 28px);
  line-height: 1.08;
  letter-spacing: -0.045em;
}
.banner-copy-lead {
  margin-top: 8px;
  font-size: clamp(11.2px, 3.05vw, 13.5px);
  line-height: 1.5;
}
.banner-copy-text {
  font-size: clamp(10.5px, 2.85vw, 12.4px);
  line-height: 1.55;
}
.banner-copy-subtitle {
  margin-top: 13px;
  font-size: clamp(12.5px, 3.35vw, 15px);
  line-height: 1.28;
}
.banner-strategy-list {
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}
.banner-strategy-list li {
  padding-left: 29px;
  font-size: clamp(10px, 2.8vw, 12px);
  line-height: 1.52;
}
.banner-strategy-list li::before {
  width: 21px;
  height: 21px;
}
.banner-copy-signature {
  font-size: clamp(11px, 2.95vw, 13px);
}
}

@media (max-width: 420px) {
.banner-copy-title {
  font-size: clamp(18px, 5.5vw, 23px);
}
.banner-copy-lead,
.banner-copy-text {
  letter-spacing: -0.006em;
}
.banner-strategy-list li {
  padding-left: 27px;
}
}

:root {
  --s4d-winner-list-max-w: 100%;
  --s4d-winner-list-gap: clamp(6px, 0.58vw, 8px);
  --s4d-winner-list-pad-y: .2rem;
  --s4d-winner-list-pad-x: .4rem;
  --s4d-winner-thumb: 60px;
  --s4d-winner-thumb-mobile: 60px;
  --s4d-winner-list-bg: var(--card-bg, #171717);
  --s4d-winner-list-bg-hover: var(--card-bg-hover, #202020);
  --s4d-winner-list-line: var(--line, rgba(255,255,255,0.09));
  --s4d-winner-list-line-strong: var(--line-strong, rgba(255,255,255,0.16));
  --s4d-winner-list-text: var(--text, rgba(255,255,255,0.92));
  --s4d-winner-list-muted: var(--muted, rgba(255,255,255,0.64));
  --s4d-winner-list-soft: var(--muted-2, rgba(255,255,255,0.46));
  --s4d-winner-list-accent: var(--theme-color-accent, #ededed);
  --s4d-winner-cup: #f5c45e;
  --s4d-winner-date-icon: rgba(255,255,255,0.72);
}

:root {
  --s4d-avatar-bg: #101010;
  --s4d-image-fade-ms: 0ms;
  --s4d-winner-title-logo-url: url("https://i.postimg.cc/7Z4zNcpX/jackpot.png");
  --s4d-winner-title-logo-size: clamp(20px, 1.45vw, 26px);
  --s4d-winner-trophy-size: clamp(28px, 2.1vw, 36px);
}

.card-shell.image-native-shell,
.image-native-card,
.thumb-wrap {
  contain: layout style;
}

.thumb {
  background: var(--s4d-avatar-bg);
  filter: none;
  transition: none;
  animation: none;
  will-change: auto;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

@media (max-width: 768px) {
:root {
  --s4d-winner-title-logo-size: clamp(17px, 4.6vw, 21px);
  --s4d-winner-trophy-size: clamp(18px, 5.2vw, 23px);
}
}

:root {
  --s4d-winner-jp-avatar-size: 60px;
  --s4d-winner-jp-avatar-border: var(--bs-border-color-translucent, rgba(255,255,255,0.18));
  --s4d-winner-jp-avatar-border-hover: var(--bs-link-color, rgba(255,255,255,0.34));
  --s4d-winner-jp-avatar-radius: 20% 75% 75% 20% / 20% 50% 50% 20%;
  --s4d-winner-jp-avatar-shadow: -5px 0 0 1px rgb(0 0 0 / 30%), 2px 0 4px 0 rgb(0 0 0 / 30%);
  --s4d-winner-jp-avatar-rotate: 351deg;
  --s4d-winner-jp-provider-size: 30px;
  --s4d-winner-jp-provider-top: calc(var(--s4d-winner-jp-avatar-size) - var(--s4d-winner-jp-provider-size) + 12px);
  --s4d-winner-jp-provider-top-mobile: calc(var(--s4d-winner-jp-avatar-size) - var(--s4d-winner-jp-provider-size) + 10px);
  --s4d-winner-jp-provider-bg: var(--bs-dark, #101010);
  --s4d-winner-jp-game-muted: rgba(255,255,255,0.62);
}

.jd-game {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  color: var(--s4d-winner-jp-game-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}

@keyframes shaking-jp{0%{transform:translate(0, 0) rotate(0deg) scale(1)}25%{transform:translate(2px, 2px) rotate(2deg) scale(1.05)}50%{transform:translate(0, 0) rotate(0deg) scale(1.05)}75%{transform:translate(-2px, 2px) rotate(-2deg) scale(1.05)}100%{transform:translate(0, 0) rotate(0deg) scale(1)}}

@media (max-width: 768px) {
:root {
  --s4d-winner-jp-avatar-size: 60px;
  --s4d-winner-jp-provider-size: 30px;
}
}

:root {
  --s4d-wp-list-gap: clamp(10px, 1.1vw, 14px);
  --s4d-wp-list-radius: clamp(12px, 1vw, 16px);
  --s4d-wp-list-avatar: 60px;
  --s4d-wp-list-trophy: clamp(22px, 1.8vw, 30px);
  --s4d-wp-list-amount-w: clamp(118px, 12.5vw, 174px);
}

@media (max-width: 640px) {
:root {
  --s4d-wp-list-radius: 15px;
  --s4d-wp-list-avatar: 60px;
  --s4d-wp-list-trophy: clamp(18px, 5.2vw, 23px);
  --s4d-wp-list-amount-w: clamp(104px, 33vw, 128px);
}
}

@media (max-width: 390px) {
:root {
  --s4d-wp-list-amount-w: clamp(92px, 31vw, 112px);
}
}

@media (max-width: 340px) {
:root {
  --s4d-wp-list-amount-w: clamp(86px, 30vw, 100px);
}
}


/*
 * Winner Experience
 * Top winner list, winner player, banner proof page, jackpot/trophy/avatar rules.
 * Keep after Interface Core so page-specific rules win the cascade.
 */

.winner-banner-page .site-header,
.winner-banner-page .wb-site-header {
  z-index: 180;
}

.winner-banner-page .wb-site-header .header-bar {
  min-height: var(--header-h);
}

.winner-banner-page .wb-proof-frame {
  background: var(--card-bg);
  border: 1px solid var(--line);
  box-shadow: none;
  background-clip: padding-box;
}

html.winner-banner-html #winnerBannerContent > .section-head,
html.winner-banner-html #winnerBannerContent > .wb-detail-head,
.winner-banner-page .wb-detail-head,
.winner-banner-page .wb-detail-kicker,
.winner-banner-page .wb-detail-title,
.winner-banner-page .wb-detail-sub,
.winner-banner-page .wb-detail-meta {
  display: none;
}

.winner-banner-page .wb-sidebar .catalog-tab-btn,
.winner-banner-page .wb-top-winner-link {
  width: 100%;
}

.winner-player-section,
.winner-player-shell {
  border: 0;
  background: transparent;
  box-shadow: none;
  filter: none;
}

.winner-player-shell {
  padding: 0;
  border-radius: 0;
  overflow: visible;
}

.winner-banner-page .sidebar-top-winner-block {
  position: relative;
  z-index: 4;
  overflow: visible;
}

.winner-banner-page .sidebar-block[aria-label="Shortcut sidebar"] {
  display: none;
}

.sidebar .icon-winner-player {
  --s4d-icon-bg: #666666;
}

#sidebarWinnerPlayerLink,
.sidebar [href="#winnerPlayerArea"],
.sidebar [href="#winner-player"],
.sidebar [data-sidebar-winner-player] {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

#sidebarWinnerPlayerLink:hover,
#sidebarWinnerPlayerLink:focus-visible,
#sidebarWinnerPlayerLink.is-active,
.sidebar [href="#winnerPlayerArea"]:hover,
.sidebar [href="#winnerPlayerArea"]:focus-visible,
.sidebar [href="#winnerPlayerArea"].is-active {
  border: 0;
  background: transparent;
  box-shadow: none;
}

#winnerPlayerArea {
  scroll-margin-top: calc(var(--page-header-clear) + 14px);
  scroll-margin-bottom: calc(88px + var(--safe-bottom));
}

html.winner-banner-html,
html.winner-banner-html body {
  min-height: 100%;
  margin: 0;
  color-scheme: dark;
}

html.winner-banner-html {
  scrollbar-gutter: stable;
  --wb-text: var(--text);
  --wb-muted: var(--muted);
  --wb-soft: rgba(255,255,255,0.07);
  --wb-gold: #ffb700;
  --wb-line: var(--line);
  --wb-line-2: var(--line-strong);
  --wb-page-bg-1: #101010;
  --wb-page-bg-2: #101010;
  --wb-page-bg-3: #171717;
}

html.winner-banner-html * {
  box-sizing: border-box;
}

html.winner-banner-html body.winner-banner-page {
  min-height: 100svh;
  color: var(--text);
  font-family: var(--font-sans);
  background: var(--bg);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-gutter: stable;
}

.winner-banner-page {
  --winner-page-gap: clamp(10px, 1.15vw, 16px);
  --winner-proof-radius: 18px;
  --winner-proof-top: calc(var(--wb-header-h, var(--header-h)) + var(--safe-top));
  --winner-proof-area-h: calc(100dvh - var(--winner-proof-top) - max(12px, var(--safe-bottom)));
}

.winner-banner-page .wb-layout-shell {
  min-height: 100svh;
  padding-top: calc(var(--page-header-clear) + var(--winner-page-gap));
  padding-right: 0;
  padding-left: 0;
  overflow-x: clip;
}

.winner-banner-page .wb-content-wrap {
  padding-top: 0;
}

.winner-banner-page .wb-main-content {
  display: grid;
  align-content: start;
  gap: var(--space-section);
  width: 100%;
  max-width: none;
  min-width: 0;
}

.winner-banner-page .wb-detail-panel {
  min-width: 0;
}

.winner-banner-page .wb-hero,
.winner-banner-page .wb-hero-panel {
  width: 100%;
  max-width: none;
  min-width: 0;
}

.winner-banner-page .wb-top-banner {
  contain: layout paint style;
}

.winner-banner-page .wb-banner {
  position: relative;
}

.winner-banner-page .wb-pane {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.winner-banner-page .wb-pane-side {
  gap: 12px;
}

.winner-banner-page .wb-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  margin-bottom: 1px;
}

.winner-banner-page .wb-logo {
  width: min(170px, 34vw);
  height: 50px;
  flex: 0 0 auto;
}

.winner-banner-page .wb-logo.is-empty {
  display: none;
}

.winner-banner-page .wb-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left center;
}

.winner-banner-page .wb-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: min(50%, 230px);
  min-height: 34px;
  margin-left: auto;
  padding: 8px 14px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  color: var(--text);
  background: var(--flat-bg-soft);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.winner-banner-page .wb-desc {
  margin: 0;
  color: var(--muted);
  font-weight: 700;
}

.winner-banner-page .wb-footline {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 1px;
  color: var(--text);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.winner-banner-page .wb-dot {
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: var(--muted-2);
}

.winner-banner-page .wb-statuscard,
.winner-banner-page .wb-dropcard {
  border: 1px solid var(--line);
  background: var(--card-bg);
  box-shadow: none;
}

.winner-banner-page .wb-statuscard {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: clamp(14px, 1.8vw, 20px);
  overflow: hidden;
  border-radius: var(--radius-lg);
}

.winner-banner-page .wb-stathead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.winner-banner-page .wb-statkicker {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.winner-banner-page .wb-statkicker b,
.winner-banner-page .wb-amountbox b,
.winner-banner-page .wb-chip b {
  color: var(--muted);
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.winner-banner-page .wb-statkicker span {
  overflow: hidden;
  color: var(--text-strong);
  font-size: 14px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.winner-banner-page .wb-avatar-thumb {
  width: 64px;
  height: 64px;
  flex: none;
  padding: 4px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--flat-bg-soft);
}

.winner-banner-page .wb-avatar-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.winner-banner-page .wb-amountbox {
  display: grid;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--flat-bg-soft);
}

.winner-banner-page .wb-amountbox strong {
  color: var(--text-strong);
  font-weight: 900;
  letter-spacing: -.055em;
}

.winner-banner-page .wb-chip {
  min-width: 0;
  padding: 12px 13px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--flat-bg-soft);
}

.winner-banner-page .wb-chip b,
.winner-banner-page .wb-chip span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.winner-banner-page .wb-chip b {
  margin-bottom: 5px;
  font-size: 9px;
}

.winner-banner-page .wb-chip span {
  color: var(--text-strong);
  font-size: 12px;
  font-weight: 900;
}

.winner-banner-page .wb-dropcard {
  overflow: hidden;
  border-radius: var(--radius-lg);
}

.winner-banner-page .wb-dropcard summary {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto 18px;
  align-items: center;
  gap: 8px;
  min-height: 60px;
  padding: 0 14px;
  cursor: pointer;
  list-style: none;
  user-select: none;
}

.winner-banner-page .wb-dropcard summary::-webkit-details-marker {
  display: none;
}

.winner-banner-page .wb-drop-title {
  min-width: 0;
}

.winner-banner-page .wb-drop-spacer {
  display: none;
}

.winner-banner-page .wb-chevron {
  width: 12px;
  height: 12px;
  flex: none;
  border-right: 2px solid var(--muted);
  border-bottom: 2px solid var(--muted);
  transform: rotate(45deg);
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.winner-banner-page .wb-dropcard[open] .wb-chevron {
  transform: rotate(225deg) translate(-1px,-1px);
}

.winner-banner-page .wb-proof {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  cursor: pointer;
}

.winner-banner-page .wb-proof-text,
.winner-banner-page .wb-proof span {
  display: inline;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.winner-banner-page .wb-datepill {
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  color: var(--text);
  background: var(--flat-bg-soft);
  font-size: 12px;
  font-weight: 800;
}

.winner-banner-page .wb-datepill svg {
  width: 15px;
  height: 15px;
  flex: none;
}

.winner-banner-page .wb-val.is-dark {
  color: var(--accent);
}

.winner-banner-page .wb-proof-modal {
  position: fixed;
  top: var(--winner-proof-top);
  right: 0;
  bottom: 0;
  left: var(--sidebar-docked-w);
  z-index: 320;
  display: grid;
  align-items: center;
  justify-items: center;
  padding: 12px max(12px, var(--safe-right)) max(12px, var(--safe-bottom)) max(12px, var(--safe-left));
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  overflow: visible;
  overscroll-behavior: auto;
  touch-action: none;
  transition: opacity 100ms ease, transform 100ms ease, visibility 100ms ease;
}

.winner-banner-page .wb-proof-modal.is-open {
  visibility: visible;
  opacity: 1;
  pointer-events: none;
}

.winner-banner-page .wb-proof-frame {
  --proof-frame-max-w: min(420px, calc(100dvw - 28px));
  --proof-frame-max-h: calc(var(--winner-proof-area-h) - 20px);
  position: relative;
  isolation: isolate;
  width: fit-content;
  max-width: var(--proof-frame-max-w);
  max-height: var(--proof-frame-max-h);
  aspect-ratio: auto;
  display: grid;
  grid-template-rows: auto minmax(0,auto);
  gap: 8px;
  padding: 8px 8px 10px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 14px;
  background: #171717;
  box-shadow: none;
  contain: layout style;
  pointer-events: auto;
  transform: translate3d(0, 4px, 0) scale(.99);
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.winner-banner-page .wb-proof-frame::before {
  display: none;
}

.winner-banner-page .wb-proof-modal.is-open .wb-proof-frame {
  transform: translate3d(0, 0, 0) scale(1);
}

.winner-banner-page .wb-proof-topbar {
  position: relative;
  z-index: 5;
  pointer-events: auto;
  display: grid;
  grid-template-columns: minmax(0,1fr) 34px;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 0;
  border-bottom: 0;
  background: transparent;
}

.winner-banner-page .wb-proof-label,
.winner-banner-page .wb-proof-close {
  height: 34px;
  min-height: 34px;
  max-height: 34px;
  border: 0;
  border-radius: var(--radius-pill);
  color: var(--text-strong);
  background: transparent;
}

.winner-banner-page .wb-proof-label {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  width: 100%;
  gap: 6px;
  padding: 0 11px;
  overflow: hidden;
  font-size: 9.5px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.winner-banner-page .wb-proof-label svg {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
}

.winner-banner-page .wb-proof-label-text,
.winner-banner-page .wb-proof-label span {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.winner-banner-page .wb-proof-close {
  position: relative;
  z-index: 12;
  pointer-events: auto;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  display: grid;
  place-items: center;
  width: 40px;
  min-width: 40px;
  padding: 0;
  cursor: pointer;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.winner-banner-page .wb-proof-close:hover,
.winner-banner-page .wb-proof-close:focus-visible {
  border-color: var(--chip-border-strong);
  background: var(--flat-bg-soft);
  outline: none;
}

.winner-banner-page .wb-proof-close svg {
  width: 14px;
  height: 14px;
}

.winner-banner-page .wb-proof-image {
  position: relative;
  z-index: 1;
  pointer-events: none;
  min-height: 0;
  display: grid;
  place-items: center;
  width: fit-content;
  max-width: 100%;
  max-height: calc(var(--proof-frame-max-h, var(--winner-proof-area-h)) - 54px);
  overflow: hidden;
  border: 0;
  border-radius: 10px;
  background: transparent;
  margin: 0;
}

.winner-banner-page .wb-proof-image img {
  position: relative;
  pointer-events: none;
  display: block;
  width: auto;
  height: auto;
  max-width: min(100%, calc(var(--proof-frame-max-w, calc(100dvw - 24px)) - 20px));
  max-height: calc(var(--proof-frame-max-h, var(--winner-proof-area-h)) - 54px);
  object-fit: contain;
  object-position: center;
  border-radius: 8px;
}

.winner-banner-page .wb-top-winner-nav {
  display: grid;
  gap: 8px;
}

.winner-banner-page .wb-top-winner-link {
  min-height: 48px;
  padding: 9px 11px;
  border: 1px solid var(--line);
  border-radius: 12px;
  color: var(--muted);
  text-align: left;
  background: var(--flat-bg-soft);
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.winner-banner-page .wb-top-winner-link span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.winner-banner-page .wb-top-winner-link b,
.winner-banner-page .wb-top-winner-link small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.winner-banner-page .wb-top-winner-link b {
  color: var(--text-strong);
  font-size: 11px;
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.winner-banner-page .wb-top-winner-link small {
  color: var(--muted-2);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.15;
}

.winner-banner-page .wb-top-winner-link:hover,
.winner-banner-page .wb-top-winner-link:focus-visible,
.winner-banner-page .wb-top-winner-link.is-active,
.winner-banner-page .wb-top-winner-link[aria-current="page"],
.winner-banner-page .catalog-tab-btn:hover,
.winner-banner-page .catalog-tab-btn:focus-visible,
.winner-banner-page .catalog-tab-btn.is-active {
  border-color: var(--chip-border-strong);
  color: var(--text-strong);
  background: var(--flat-bg-soft);
  outline: none;
}

.winner-banner-page .wb-top-winner-link.is-active,
.winner-banner-page .wb-top-winner-link[aria-current="page"] {
  box-shadow: none;
}

.winner-banner-page .wb-top-winner-link.is-empty-top small {
  color: var(--muted-2);
}

.winner-banner-page .wb-top-winner-link:disabled,
.winner-banner-page .wb-top-winner-link[aria-disabled="true"] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .44;
  transform: none;
}

.winner-player-section {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.winner-player-section::before,
.winner-player-section::after {
  content: none;
  display: none;
}

.winner-player-copy {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.winner-player-title {
  margin: 0;
  color: var(--text-strong);
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 900;
  line-height: 1.04;
  letter-spacing: -.03em;
}

.winner-player-sub {
  margin: 0;
  color: rgba(255,255,255,0.70);
  font-size: clamp(12px, 1.1vw, 13px);
  font-weight: 600;
  line-height: 1.55;
}

.winner-player-card.is-empty-slot {
  cursor: not-allowed;
}

.winner-player-banner-empty {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  padding: 16px;
  color: rgba(255,255,255,0.78);
  font-size: 12px;
  font-weight: 800;
  text-align: center;
}

.winner-player-avatar > img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  object-position: center;
  background: #101010;
}

.winner-player-avatar.winner-provider-avatar > img {
  object-fit: contain;
}

.winner-player-avatar.winner-game-avatar > img {
  object-fit: cover;
  padding: 0;
}

.winner-player-meta-copy {
  flex: 1 1 auto;
}

.winner-player-member {
  margin-top: 4px;
}

.winner-player-game {
  align-self: start;
  width: max-content;
  min-width: 0;
}

.winner-player-amount-wrap {
  flex: 1 1 auto;
}

.winner-player-amount {
  white-space: normal;
}

.winner-player-section,
.winner-player-shell {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  filter: none;
  overflow: visible;
}

.winner-player-shell {
  position: relative;
  isolation: isolate;
}

.winner-player-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.winner-player-kicker {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 999px;
  background: rgba(255,255,255,0.04);
  box-shadow: none;
  color: rgba(255,255,255,0.66);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.winner-player-card {
  align-items: center;
  filter: none;
  transform: none;
}

.winner-player-card[data-winner-ready="1"]:hover,
.winner-player-card[data-winner-ready="1"]:focus-visible {
  box-shadow: none;
}

.winner-player-banner {
  box-shadow: none;
}

.winner-player-avatar {
  position: relative;
  overflow: hidden;
}

.winner-player-game,
.winner-player-member,
.winner-player-time,
.winner-player-amount-label {
  color: var(--muted);
}

@media (min-width: 1025px) {
.winner-banner-page .wb-content-wrap {
  margin: 0;
}
}

@media (max-width: 1100px) {
.winner-banner-page .wb-banner {
  grid-template-columns: minmax(0,1fr) minmax(300px, .82fr);
}
}

@media (max-width: 900px) {
.winner-banner-page .wb-banner {
  grid-template-columns: 1fr;
  min-height: auto;
}
.winner-banner-page .wb-pane-side {
  border-left: 0;
  border-top: 1px solid var(--line);
}
.winner-banner-page .wb-title {
  max-width: none;
}
.winner-banner-page .wb-row {
  grid-template-columns: 148px minmax(0,1fr);
}
}

@media (max-width: 860px) {
.winner-player-shell {
  padding: 12px;
  border-radius: calc(var(--radius-xl) - 4px);
}
.winner-player-title {
  font-size: 18px;
}
.winner-player-sub {
  font-size: 11px;
}
.winner-player-grid {
  gap: 10px;
}
.winner-player-avatar {
  width: 54px;
  height: 54px;
  border-radius: 16px;
}
.winner-player-name {
  font-size: 14px;
}
.winner-player-member,
.winner-player-time,
.winner-player-amount-label {
  font-size: 10px;
}
.winner-player-game {
  max-width: 100%;
  padding: 8px 10px;
  font-size: 11px;
}
.winner-player-amount {
  font-size: 16px;
}
.winner-player-card {
  padding: 12px;
  border-radius: 16px;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "banner" "meta" "game" "bottom";
  gap: 9px;
}
.winner-player-banner {
  width: 100%;
  border-radius: 8px;
}
}

@media (max-width: 680px) {
.winner-banner-page {
  --winner-page-gap: 12px;
  --winner-proof-radius: 16px;
  --page-header-clear: calc(72px + var(--safe-top));
  --wb-header-h: 58px;
  --winner-proof-top: calc(var(--wb-header-h) + var(--safe-top));
  --winner-proof-area-h: calc(100dvh - var(--winner-proof-top) - max(10px, var(--safe-bottom)));
}
.winner-banner-page .wb-site-header .header-bar {
  min-height: 58px;
}
.winner-banner-page .wb-detail-panel {
  padding: 10px;
  border-radius: 18px;
}
.winner-banner-page .wb-top-banner {
  min-height: 0;
  border-radius: 16px;
}
.winner-banner-page .wb-banner,
.winner-banner-page .wb-dropcard {
  border-radius: 16px;
}
.winner-banner-page .wb-pane {
  padding: 14px;
}
.winner-banner-page .wb-logo {
  width: min(122px, 36vw);
  height: 36px;
}
.winner-banner-page .wb-kicker {
  max-width: 49%;
  min-height: 28px;
  padding: 6px 9px;
  font-size: 7.5px;
  letter-spacing: .085em;
}
.winner-banner-page .wb-title {
  font-size: clamp(27px, 9.4vw, 46px);
}
.winner-banner-page .wb-desc {
  font-size: 11.5px;
}
.winner-banner-page .wb-info,
.winner-banner-page .wb-chip,
.winner-banner-page .wb-row {
  grid-template-columns: 1fr;
}
.winner-banner-page .wb-val {
  border-left: 0;
  border-top: 1px solid var(--line);
  padding-top: 10px;
  padding-bottom: 10px;
}
.winner-banner-page .wb-dropcard summary {
  grid-template-columns: minmax(0,1fr) minmax(0,auto) 16px;
  min-height: 54px;
  gap: 6px;
  padding: 0 10px;
}
.winner-banner-page .wb-drop-title {
  font-size: 12px;
  letter-spacing: .06em;
}
.winner-banner-page .wb-proof {
  max-width: min(52vw, 152px);
  min-height: 34px;
  gap: 6px;
  padding: 0 10px;
}
.winner-banner-page .wb-proof-modal {
  padding: 10px max(10px, var(--safe-right)) max(10px, var(--safe-bottom)) max(10px, var(--safe-left));
}
.winner-banner-page .wb-proof-frame {
  --proof-frame-max-w: min(392px, calc(100dvw - 20px));
  --proof-frame-max-h: calc(var(--winner-proof-area-h) - 20px);
  width: fit-content;
  max-width: var(--proof-frame-max-w);
  max-height: var(--proof-frame-max-h);
  aspect-ratio: auto;
  gap: 7px;
  padding: 7px 7px 9px;
  border-radius: 13px;
}
.winner-banner-page .wb-proof-topbar {
  grid-template-columns: minmax(0,1fr) 32px;
  gap: 7px;
}
.winner-banner-page .wb-proof-label,
.winner-banner-page .wb-proof-close {
  height: 32px;
  min-height: 32px;
  max-height: 32px;
}
.winner-banner-page .wb-proof-label {
  padding: 0 9px;
  font-size: 8.6px;
  letter-spacing: .07em;
}
.winner-banner-page .wb-proof-close {
  width: 32px;
  min-width: 32px;
}
.winner-banner-page .wb-top-winner-nav {
  gap: 7px;
}
.winner-banner-page .wb-top-winner-link {
  min-height: 44px;
  padding: 8px 10px;
  border-radius: 11px;
}
.winner-banner-page .wb-top-winner-link b {
  font-size: 10px;
}
.winner-banner-page .wb-top-winner-link small {
  font-size: 9.3px;
}
}

@media (max-width: 520px) {
.winner-player-card {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  padding: 10px;
  border-radius: 14px;
}
.winner-player-banner {
  aspect-ratio: var(--winner-player-banner-aspect, 2000 / 810);
  min-height: 0;
  border-radius: 12px;
}
.winner-player-bottom {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}
}

@media (max-width: 420px) {
.winner-player-card {
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}
.winner-player-bottom {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}
}

@media (prefers-reduced-motion: reduce) {
.winner-player-card {
  transition-duration: 1ms;
}
}

.winner-section {
  position: relative;
  z-index: 1;
  margin-bottom: var(--space-section);
}

.winner-shell {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: var(--flat-wrap-pad);
  border: 1px solid var(--flat-wrap-line);
  border-radius: var(--flat-wrap-radius-xl);
  background: var(--flat-wrap-bg);
  background-clip: padding-box;
  box-shadow: none;
}

.winner-shell::before,
.winner-shell::after,
.winner-card::before,
.winner-card::after {
  content: none;
  display: none;
}

.winner-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--flat-wrap-gap);
  width: 100%;
  margin: 0 0 clamp(10px, 1vw, 14px);
  padding: 0;
  text-align: left;
}

.winner-copy,
.winner-copy-left,
.winner-copy-nowrap {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  width: 100%;
  max-width: none;
  gap: 0;
  overflow: hidden;
  text-align: left;
}

.winner-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  min-height: 25px;
  margin: 0 0 8px;
  padding: 0 10px;
  border: 1px solid var(--flat-wrap-line);
  border-radius: 999px;
  background: var(--flat-wrap-surface);
  color: var(--flat-wrap-text);
  font-size: 9px;
  font-weight: 850;
  line-height: 1;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow: none;
}

.winner-title,
.winner-title-nowrap {
  width: 100%;
  max-width: 100%;
  margin: 0;
  overflow: hidden;
  color: #ffffff;
  font-size: clamp(18px, 1.9vw, 27px);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -0.04em;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.winner-sub,
.winner-sub-nowrap {
  width: 100%;
  max-width: 100%;
  margin: 6px 0 0;
  overflow: hidden;
  color: var(--flat-wrap-muted);
  font-size: clamp(10px, 0.9vw, 12.5px);
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.01em;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.winner-header-left,
.winner-header-nowrap {
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
}

.winner-header-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  margin-left: auto;
  padding-top: 2px;
}

.winner-view-all-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid var(--flat-wrap-line);
  border-radius: 999px;
  background: var(--flat-wrap-surface);
  color: #ffffff;
  box-shadow: none;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.winner-view-all-btn span {
  display: none;
}

.winner-view-all-btn strong {
  color: #ffffff;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: -0.012em;
}

.winner-view-all-btn:hover,
.winner-view-all-btn:focus-visible {
  border-color: var(--flat-wrap-line-strong);
  background: var(--flat-wrap-surface-3);
  outline: none;
}

.winner-viewport {
  position: relative;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  contain: layout paint style;
}

.winner-viewport::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.winner-grid {
  display: flex;
  align-items: stretch;
  gap: var(--flat-wrap-gap);
}

.winner-grid {
  position: relative;
  z-index: 1;
  flex-wrap: nowrap;
  width: max-content;
  min-width: 100%;
  padding: 0;
  background: transparent;
  scroll-snap-type: x proximity;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.winner-card {
  position: relative;
  flex: 0 0 auto;
  overflow: hidden;
  border: 1px solid var(--flat-wrap-line-soft);
  background: var(--flat-wrap-surface);
  background-clip: padding-box;
  box-shadow: none;
  scroll-snap-align: start;
  transform: translateZ(0);
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.winner-card {
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  width: clamp(264px, 26vw, 360px);
  min-width: clamp(264px, 26vw, 360px);
  max-width: clamp(264px, 26vw, 360px);
  border-radius: var(--flat-wrap-radius-lg);
  cursor: pointer;
  touch-action: manipulation;
  contain: layout paint style;
  -webkit-tap-highlight-color: transparent;
}

.winner-card[data-winner-home-image-only="1"] {
  display: block;
  padding: 0;
  aspect-ratio: var(--banner-aspect, 2000 / 810);
  min-height: 0;
  background: #101010;
  box-shadow: none;
  filter: none;
  transform: none;
  transition: border-color 90ms ease, background-color 90ms ease, opacity 90ms ease;
  will-change: auto;
}

.winner-card-image {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border-radius: inherit;
  background: #101010;
  contain: layout paint style;
}

.winner-card-img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  background: #101010;
  filter: none;
  transform: none;
  transition: none;
  animation: none;
  will-change: auto;
  user-select: none;
  -webkit-user-drag: none;
}

.winner-card[data-winner-home-image-only="1"] .winner-detail,
.winner-card[data-winner-home-image-only="1"] .winner-avatar,
.winner-card[data-winner-home-image-only="1"] .winner-time,
.winner-card[data-winner-home-image-only="1"] .winner-desc,
.winner-card[data-winner-home-image-only="1"] .winner-bottom {
  display: none;
}

.winner-card[data-winner-home-image-only="1"]:hover,
.winner-card[data-winner-home-image-only="1"]:focus-within,
.winner-card[data-winner-home-image-only="1"]:active {
  background: #101010;
  box-shadow: none;
  filter: none;
  transform: none;
}

.winner-card:hover,
.winner-card:focus-within {
  border-color: var(--flat-wrap-line-strong);
  background: var(--flat-wrap-surface-2);
  box-shadow: none;
  outline: none;
}

.winner-card[data-winner-card]:focus-visible {
  outline: 2px solid rgba(255,255,255,0.34);
  outline-offset: 3px;
}

.winner-card.is-empty-slot,
.winner-card[data-winner-empty="1"],
.winner-card[data-open-locked="1"] {
  cursor: not-allowed;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

.winner-card[data-clone-openable="1"] {
  cursor: pointer;
  pointer-events: auto;
}

.winner-card.is-empty-slot {
  opacity: 0.62;
  filter: none;
}

.winner-detail {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: clamp(12px, 1vw, 14px);
}

.winner-detail-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.winner-top {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
  margin-bottom: 0;
}

.winner-avatar {
  position: relative;
  flex: 0 0 auto;
  width: clamp(50px, 4.3vw, 62px);
  height: clamp(50px, 4.3vw, 62px);
  overflow: hidden;
  border: 1px solid var(--flat-wrap-line);
  border-radius: var(--flat-wrap-radius-md);
  background: #0d0d0d;
  box-shadow: none;
}

.winner-avatar > img,
.winner-avatar.winner-provider-avatar > img,
.winner-avatar.winner-game-avatar > img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-position: center;
  background: #0d0d0d;
}

.winner-avatar > img,
.winner-avatar.winner-game-avatar > img {
  object-fit: cover;
  padding: 0;
}

.winner-avatar.winner-provider-avatar > img {
  object-fit: contain;
  padding: 5px;
}

.winner-head-main {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  gap: 10px;
}

.winner-meta {
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
}

.winner-name {
  max-width: 100%;
  margin: 0;
  overflow: hidden;
  color: #ffffff;
  font-size: clamp(13px, 1vw, 15px);
  font-weight: 850;
  line-height: 1.15;
  letter-spacing: -0.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.winner-subline,
.winner-tag,
.winner-desc {
  max-width: 100%;
  overflow: hidden;
  color: var(--flat-wrap-muted);
}

.winner-subline {
  margin-top: 4px;
  font-size: 10px;
  font-weight: 650;
  line-height: 1.1;
  letter-spacing: 0.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.winner-tag {
  display: inline-flex;
  align-items: center;
  margin-top: 5px;
  font-size: 10px;
  font-weight: 750;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.winner-game {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  width: max-content;
  max-width: 100%;
  min-width: 0;
  padding: 8px 11px;
  overflow: hidden;
  border: 1px solid var(--flat-wrap-line);
  border-radius: var(--flat-wrap-radius-sm);
  background: #101010;
  color: #ffffff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.winner-desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 2.78em;
  margin: 0;
  font-size: 12px;
  font-weight: 560;
  line-height: 1.39;
  letter-spacing: -0.006em;
}

.winner-open-hint {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid var(--flat-wrap-line);
  border-radius: 999px;
  background: var(--flat-wrap-surface);
  color: #ffffff;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
}

.winner-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
  margin-top: 2px;
  padding-top: 10px;
  border-top: 1px solid var(--flat-wrap-line-soft);
}

.winner-amount-wrap {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}

.winner-amount-label {
  margin-bottom: 4px;
  color: var(--flat-wrap-muted);
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.winner-amount {
  max-width: 100%;
  overflow: hidden;
  color: #ffffff;
  font-size: clamp(15px, 1.25vw, 18px);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.035em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.winner-time {
  flex: 0 0 auto;
  color: var(--flat-wrap-muted);
  font-size: 10.5px;
  font-weight: 750;
  line-height: 1;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

.winner-empty-state {
  width: 100%;
  min-height: 96px;
  display: grid;
  place-items: center;
  padding: 18px;
  border: 1px solid var(--flat-wrap-line-soft);
  border-radius: var(--flat-wrap-radius-lg);
  background: var(--flat-wrap-surface);
  color: var(--flat-wrap-muted);
  font-weight: 800;
  letter-spacing: 0.01em;
  text-align: center;
  box-shadow: none;
}

@media (max-width: 1180px) {
.winner-card {
  width: clamp(280px, 42vw, 360px);
  min-width: clamp(280px, 42vw, 360px);
  max-width: clamp(280px, 42vw, 360px);
}
}

@media (max-width: 768px) {
.winner-shell {
  padding: 11px;
  border-radius: 18px;
}
.winner-header {
  gap: 8px;
  margin-bottom: 10px;
}
.winner-title,
.winner-title-nowrap {
  font-size: clamp(16px, 4.5vw, 21px);
  white-space: nowrap;
}
.winner-sub,
.winner-sub-nowrap {
  font-size: clamp(8.5px, 2.7vw, 11px);
  white-space: nowrap;
}
.winner-view-all-btn {
  min-height: 28px;
  padding-inline: 10px;
}
.winner-grid {
  width: 100%;
  min-width: 100%;
  gap: 10px;
  padding: 0;
  scroll-snap-type: x mandatory;
}
.winner-card {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  border-radius: 15px;
}
.winner-detail {
  padding: 11px;
  gap: 9px;
}
.winner-top {
  gap: 10px;
}
.winner-avatar {
  width: 48px;
  height: 48px;
  border-radius: 14px;
}
.winner-name {
  font-size: 13px;
}
.winner-subline {
  font-size: 9px;
}
.winner-tag {
  font-size: 8px;
}
.winner-game {
  padding: 7px 9px;
  border-radius: 10px;
  font-size: 10.5px;
}
.winner-bottom {
  gap: 7px;
  padding-top: 9px;
}
.winner-amount-label {
  font-size: 8px;
}
.winner-amount {
  font-size: 13px;
}
.winner-time {
  font-size: 8px;
}
}

@media (max-width: 420px) {
.winner-shell {
  padding: 9px;
  border-radius: 16px;
}
.winner-grid {
  gap: 8px;
}
.winner-detail {
  padding: 10px;
}
.winner-title,
.winner-title-nowrap {
  font-size: 15px;
}
.winner-sub,
.winner-sub-nowrap {
  font-size: 8px;
}
.winner-avatar {
  width: 42px;
  height: 42px;
  border-radius: 12px;
}
.winner-name {
  font-size: 12px;
}
.winner-game {
  padding: 6px 8px;
  font-size: 9.5px;
}
.winner-amount {
  font-size: 12px;
}
}

@media (hover: none), (pointer: coarse) {
.winner-card:hover,
.winner-card:focus-within,
.winner-view-all-btn:hover,
.winner-view-all-btn:focus-visible {
  box-shadow: none;
}
}

.winner-player-card {
  align-content: start;
}

.winner-player-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,0.055), transparent 34%);
  opacity: .65;
  pointer-events: none;
}

.winner-player-meta {
  grid-area: meta;
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 10px;
  padding: 0 2px;
}

.winner-player-avatar {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border-radius: 15px;
  border: 1px solid rgba(255,255,255,0.12);
  background: #0f0f0f;
  box-shadow: none;
}

.winner-player-avatar.winner-provider-avatar > img {
  padding: 4px;
}

.winner-player-meta-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.winner-player-name {
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  color: #ffffff;
  font-size: clamp(13.5px, 1vw, 15px);
  font-weight: 900;
  line-height: 1.12;
  letter-spacing: -0.025em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.winner-player-member {
  margin: 0;
  color: rgba(255,255,255,0.58);
  font-size: 10.5px;
  font-weight: 760;
  line-height: 1.2;
}

.winner-player-game {
  grid-area: game;
  display: inline-flex;
  align-items: center;
  justify-self: start;
  max-width: 100%;
  min-height: 28px;
  padding: 0 10px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 999px;
  background: rgba(255,255,255,0.055);
  color: rgba(255,255,255,0.74);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .035em;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.winner-player-bottom {
  grid-area: bottom;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  padding-top: 5px;
  border-top: 1px solid rgba(255,255,255,0.075);
  text-align: left;
}

.winner-player-amount-wrap {
  min-width: 0;
}

.winner-player-amount-label {
  margin-bottom: 5px;
  color: rgba(255,255,255,0.54);
  font-size: 9.5px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.winner-player-amount {
  color: #ffffff;
  font-size: clamp(15px, 1.12vw, 18px);
  font-weight: 950;
  line-height: 1.08;
  letter-spacing: -0.03em;
  word-break: break-word;
}

.winner-player-time {
  flex: 0 0 auto;
  align-self: flex-end;
  color: rgba(255,255,255,0.54);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.1;
  text-align: right;
  white-space: nowrap;
}

.winner-player-card.is-empty-slot .winner-player-banner,
.winner-player-card.is-empty-slot .winner-player-avatar,
.winner-player-card.is-empty-slot .winner-player-game {
  opacity: .78;
}

@media (min-width: 1180px) {
.winner-player-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
}

@media (max-width: 767px) {
.winner-player-shell {
  padding: 10px;
  border-radius: 18px;
}
.winner-player-grid {
  grid-template-columns: minmax(0, 1fr);
}
.winner-player-card {
  gap: 10px;
  padding: 10px;
}
.winner-player-banner {
  border-radius: 14px;
}
.winner-player-meta {
  gap: 9px;
  padding-inline: 1px;
}
.winner-player-avatar {
  width: 44px;
  height: 44px;
  flex-basis: 44px;
  border-radius: 14px;
}
.winner-player-name {
  font-size: 13px;
}
.winner-player-member {
  font-size: 9.75px;
}
.winner-player-game {
  min-height: 26px;
  padding-inline: 9px;
  font-size: 9px;
}
.winner-player-bottom {
  flex-direction: row;
  align-items: flex-end;
  gap: 10px;
  padding-top: 4px;
}
.winner-player-amount-label,
.winner-player-time {
  font-size: 9px;
}
.winner-player-amount {
  font-size: 15px;
}
}

@media (max-width: 390px) {
.winner-player-card {
  padding: 9px;
}
.winner-player-banner {
  border-radius: 13px;
}
.winner-player-avatar {
  width: 42px;
  height: 42px;
  flex-basis: 42px;
}
.winner-player-bottom {
  gap: 8px;
}
.winner-player-time {
  max-width: 44%;
  overflow: hidden;
  text-overflow: ellipsis;
}
}

.winner-player-section {
  margin-bottom: var(--space-section);
}

.winner-player-shell {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: var(--winner-player-shell-bg);
  box-shadow: none;
  overflow: visible;
}

.winner-player-header {
  margin-bottom: clamp(12px, 1.2vw, 16px);
  padding-bottom: 0;
  border-bottom: 0;
}

.winner-player-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(14px, 1.45vw, 18px);
  align-items: stretch;
}

.winner-player-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "banner" "detail";
  gap: 0;
  min-width: 0;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--winner-player-card-line);
  border-radius: 20px;
  background: var(--winner-player-card-bg);
  background-clip: padding-box;
  box-shadow: none;
  isolation: isolate;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.winner-player-card::before,
.winner-player-card::after {
  content: none;
  display: none;
}

.winner-player-card[data-winner-ready="1"] {
  cursor: pointer;
}

.winner-player-card[data-winner-ready="1"]:hover,
.winner-player-card[data-winner-ready="1"]:focus-visible {
  border-color: var(--winner-player-card-line-strong);
  background: var(--winner-player-card-bg-hover);
  outline: none;
  transform: translate3d(0, -1px, 0);
}

.winner-player-card.is-empty-slot {
  opacity: .84;
}

.winner-player-banner {
  grid-area: banner;
  position: relative;
  width: 100%;
  aspect-ratio: var(--winner-player-banner-aspect, 2000 / 810);
  min-height: 0;
  overflow: hidden;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  border-radius: inherit;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: #101010;
  isolation: isolate;
}

.winner-player-banner::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 36%;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.22));
}

.winner-player-banner img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.winner-player-banner-empty {
  min-height: 0;
  border-radius: inherit;
  background: #101010;
}

.winner-player-detail-final {
  grid-area: detail;
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 12px 14px 14px;
}

.winner-player-detail-head-final {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.winner-player-head-main-final {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  gap: 11px;
}

.winner-player-card .winner-avatar,
.winner-player-avatar {
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  border-radius: 15px;
}

.winner-player-meta-final {
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
}

.winner-player-name-final {
  display: block;
  max-width: 100%;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  font-size: 15px;
  font-weight: 850;
  line-height: 1.15;
  letter-spacing: -.02em;
}

.winner-player-member-final {
  display: block;
  margin-top: 4px;
  max-width: 100%;
  overflow: hidden;
  color: var(--flat-wrap-muted, rgba(255,255,255,.64));
  font-size: 10px;
  font-weight: 650;
  line-height: 1.1;
  letter-spacing: .02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.winner-player-card .winner-time {
  flex: 0 0 auto;
  align-self: flex-start;
  max-width: 9.5rem;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: transparent;
  color: var(--flat-wrap-muted, rgba(255,255,255,.64));
  font-size: 10.5px;
  font-weight: 750;
  line-height: 1.1;
  letter-spacing: -.01em;
  text-align: right;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
}

.winner-player-game-final {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  width: max-content;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 8px 11px;
  overflow: hidden;
  border: 1px solid var(--flat-wrap-line, rgba(255,255,255,.1));
  border-radius: 12px;
  background: #101010;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.winner-player-desc-final {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  min-height: 2.78em;
  margin: 0;
  overflow: hidden;
  color: var(--flat-wrap-muted, rgba(255,255,255,.64));
  font-size: 12px;
  font-weight: 560;
  line-height: 1.39;
  letter-spacing: -.006em;
}

.winner-player-bottom-final {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  margin-top: 2px;
  padding-top: 10px;
  border-top: 1px solid var(--flat-wrap-line-soft, rgba(255,255,255,.08));
}

.winner-player-amount-wrap-final {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}

.winner-player-amount-label-final {
  margin-bottom: 4px;
}

.winner-player-amount-final {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.winner-player-open-hint-final {
  flex: 0 0 auto;
}

.winner-avatar,
.winner-banner-page .wb-avatar-thumb {
  position: relative;
  overflow: hidden;
  background: #101010;
  border-color: rgba(255,255,255,.10);
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.winner-avatar::after,
.winner-banner-page .wb-avatar-thumb::after {
  content: "";
  position: absolute;
  inset: 2px;
  border: 1px solid rgba(255,255,255,0);
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.winner-avatar > img,
.winner-avatar.winner-provider-avatar > img,
.winner-avatar.winner-game-avatar > img,
.winner-player-card .winner-avatar img,
.winner-banner-page .wb-avatar-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  image-rendering: auto;
  filter: none;
  transform: none;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.winner-avatar:hover,
.winner-avatar:focus-within,
.winner-avatar:active,
.winner-banner-page .wb-avatar-thumb:hover,
.winner-banner-page .wb-avatar-thumb:focus-within,
.winner-banner-page .wb-avatar-thumb:active {
  transform: none;
  border-color: rgba(255,255,255,.24);
  box-shadow: none;
}

.winner-avatar:hover::after,
.winner-avatar:focus-within::after,
.winner-avatar:active::after,
.winner-banner-page .wb-avatar-thumb:hover::after,
.winner-banner-page .wb-avatar-thumb:focus-within::after,
.winner-banner-page .wb-avatar-thumb:active::after {
  opacity: 1;
  border-color: rgba(255,255,255,.18);
}

.winner-avatar:hover > img,
.winner-avatar:focus-within > img,
.winner-avatar:active > img,
.winner-player-card .winner-avatar:hover img,
.winner-player-card .winner-avatar:focus-within img,
.winner-player-card .winner-avatar:active img,
.winner-banner-page .wb-avatar-thumb:hover img,
.winner-banner-page .wb-avatar-thumb:focus-within img,
.winner-banner-page .wb-avatar-thumb:active img {
  transform: none;
  filter: none;
}

@media (max-width: 1023.98px) {
.winner-player-grid {
  grid-template-columns: minmax(0, 1fr);
}
}

@media (max-width: 767px) {
.winner-player-grid {
  gap: 12px;
}
.winner-player-card {
  border-radius: 18px;
}
.winner-player-detail-final {
  gap: 9px;
  padding: 12px;
}
.winner-player-detail-head-final {
  gap: 8px;
}
.winner-player-head-main-final {
  gap: 9px;
}
.winner-player-card .winner-avatar,
.winner-player-avatar {
  width: 44px;
  height: 44px;
  flex-basis: 44px;
  border-radius: 14px;
}
.winner-player-name-final {
  font-size: 13px;
}
.winner-player-member-final,
.winner-player-card .winner-time {
  font-size: 9.75px;
}
.winner-player-game-final {
  padding: 7px 10px;
  font-size: 11px;
}
.winner-player-desc-final {
  font-size: 11.5px;
}
}

@media (max-width: 390px) {
.winner-player-card {
  border-radius: 16px;
}
.winner-player-banner {
  aspect-ratio: var(--winner-player-banner-aspect, 2000 / 810);
}
.winner-player-card .winner-time {
  max-width: 78px;
  font-size: 9.25px;
}
}

.winner-banner-page {
  --wb-final-radius: 18px;
  --wb-final-radius-inner: 14px;
  --wb-final-gap: clamp(12px, 1.25vw, 16px);
  --wb-final-line: rgba(255,255,255,0.10);
  --wb-final-line-soft: rgba(255,255,255,0.075);
  --wb-final-surface: #101010;
  --wb-final-surface-soft: #151515;
  --wb-final-side-gap: clamp(14px, 1.1vw, 20px);
  --wb-final-right-gap: clamp(14px, 1.1vw, 22px);
  --wb-desktop-sidebar-w: clamp(252px, 18vw, 300px);
  --wb-final-table-key: 142px;
}

.winner-banner-page .wb-detail-panel,
.winner-banner-page .wb-hero-panel,
.winner-banner-page .wb-detail-card,
.winner-banner-page .wb-statuscard,
.winner-banner-page .wb-top-banner,
.winner-banner-page .wb-avatar-thumb {
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.winner-banner-page.wb-panel-switching .wb-detail-panel {
  opacity: .92;
  transform: translate3d(0, 4px, 0);
}

.winner-banner-page.wb-panel-switching [data-wb-image] {
  opacity: .72;
}

.winner-banner-page.wb-panel-settled .wb-detail-panel {
  opacity: 1;
  transform: translate3d(0,0,0);
}

.winner-banner-page [data-wb-image] {
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

@media (prefers-reduced-motion: reduce) {
.winner-banner-page .wb-detail-panel,
.winner-banner-page .wb-hero-panel,
.winner-banner-page .wb-detail-card,
.winner-banner-page .wb-statuscard,
.winner-banner-page .wb-top-banner,
.winner-banner-page .wb-avatar-thumb,
.winner-banner-page [data-wb-image] {
  transition: none;
}
}

.winner-banner-page .wb-content-wrap {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding-inline: max(10px, var(--safe-left)) max(10px, var(--safe-right));
}

.winner-banner-page .wb-main-content,
.winner-banner-page .wb-detail-panel,
.winner-banner-page .wb-hero,
.winner-banner-page .wb-hero-panel,
.winner-banner-page .wb-top-banner,
.winner-banner-page .wb-banner,
.winner-banner-page .wb-dropcard,
.winner-banner-page .wb-detail-card,
.winner-banner-page .wb-statuscard,
.winner-banner-page .wb-table {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.winner-banner-page .wb-detail-panel {
  display: grid;
  gap: var(--wb-final-gap);
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  contain: none;
  scroll-margin-top: calc(var(--page-header-clear, 78px) + 10px);
}

.winner-banner-page #winnerBannerContent,
.winner-banner-page #winnerBannerDetail,
.winner-banner-page .wb-hero,
.winner-banner-page .wb-top-banner {
  scroll-margin-top: calc(var(--page-header-clear, 78px) + 10px);
}

.winner-banner-page .wb-hero,
.winner-banner-page .wb-hero-panel {
  display: grid;
  gap: var(--wb-final-gap);
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.winner-banner-page .wb-top-banner {
  position: relative;
  width: 100%;
  margin: 0;
  aspect-ratio: var(--winner-banner-aspect, var(--banner-aspect, 2000 / 810));
  min-height: 0;
  max-height: none;
  overflow: hidden;
  border: 1px solid var(--wb-final-line);
  border-radius: var(--wb-final-radius);
  background: #0b0b0b;
  box-shadow: none;
  isolation: isolate;
}

.winner-banner-page .wb-top-banner::after {
  content: none;
  display: none;
}

.winner-banner-page .wb-top-banner img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center center;
  background: #0b0b0b;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.winner-banner-page .wb-banner {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr);
  min-height: clamp(232px, 26vw, 328px);
  overflow: hidden;
  border: 1px solid var(--wb-final-line);
  border-radius: var(--wb-final-radius);
  background: var(--wb-final-surface);
  box-shadow: none;
}

.winner-banner-page .wb-banner::before {
  content: none;
  display: none;
}

.winner-banner-page .wb-pane {
  padding: clamp(16px, 1.65vw, 24px);
}

.winner-banner-page .wb-pane-main {
  gap: clamp(8px, .8vw, 11px);
  justify-content: center;
}

.winner-banner-page .wb-pane-side {
  position: relative;
  z-index: 3;
  overflow: visible;
  border-left: 1px solid var(--wb-final-line-soft);
  background: var(--wb-final-surface);
}

.winner-banner-page .wb-title {
  max-width: min(100%, 19ch);
  margin: 0;
  color: var(--text-strong);
  font-size: clamp(28px, 3.7vw, 48px);
  font-weight: 900;
  line-height: 1.02;
  letter-spacing: -.045em;
  text-transform: uppercase;
  text-wrap: balance;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.winner-banner-page .wb-title.is-title-short {
  max-width: min(100%, 14ch);
  font-size: clamp(34px, 4.4vw, 58px);
  line-height: .98;
}

.winner-banner-page .wb-title.is-title-medium {
  max-width: min(100%, 17ch);
  font-size: clamp(30px, 3.95vw, 52px);
}

.winner-banner-page .wb-title.is-title-long {
  max-width: min(100%, 21ch);
  font-size: clamp(25px, 3.1vw, 42px);
  line-height: 1.06;
  letter-spacing: -.038em;
}

.winner-banner-page .wb-title.is-title-xlong {
  max-width: min(100%, 25ch);
  font-size: clamp(22px, 2.65vw, 35px);
  line-height: 1.09;
  letter-spacing: -.03em;
}

.winner-banner-page .wb-desc {
  max-width: 660px;
  font-size: clamp(12px, 1.1vw, 14px);
  line-height: 1.5;
}

.winner-banner-page .wb-statuscard,
.winner-banner-page .wb-dropcard,
.winner-banner-page .wb-detail-card {
  border: 1px solid var(--wb-final-line);
  border-radius: var(--wb-final-radius);
  background: var(--wb-final-surface);
  box-shadow: none;
}

.winner-banner-page .wb-statuscard {
  position: relative;
  z-index: 6;
  gap: 14px;
  overflow: visible;
  background: var(--wb-final-surface-soft);
  isolation: isolate;
}

.winner-banner-page .wb-amountbox,
.winner-banner-page .wb-chip {
  border-color: var(--wb-final-line);
  background: #101010;
}

.winner-banner-page .wb-amountbox {
  padding: 18px 18px 19px;
  gap: 8px;
}

.winner-banner-page .wb-amountbox strong {
  display: block;
  max-width: 100%;
  overflow: hidden;
  overflow-wrap: normal;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: clip;
  font-size: clamp(28px, 2.9vw, 42px);
  line-height: .96;
  letter-spacing: -.045em;
}

.winner-banner-page .wb-info {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 9px;
}

.winner-banner-page .wb-chip {
  min-height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.winner-banner-page .wb-chip span {
  white-space: normal;
  line-height: 1.25;
}

.winner-banner-page .wb-detail-card {
  overflow: hidden;
}

.winner-banner-page .wb-detail-card-head {
  justify-content: space-between;
  padding: 16px 16px 2px;
}

.winner-banner-page .wb-detail-card-titlewrap {
  display: grid;
  gap: 4px;
  flex: 1 1 auto;
}

.winner-banner-page .wb-drop-title {
  color: var(--text-strong);
  font-size: clamp(13px, 1.15vw, 16px);
  font-weight: 900;
  letter-spacing: -.015em;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.winner-banner-page .wb-detail-card-subtitle {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: .015em;
}

.winner-banner-page .wb-detail-card-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
}

.winner-banner-page .wb-datepill {
  display: none;
}

.winner-banner-page .wb-drop-body {
  padding: 12px 16px 16px;
}

.winner-banner-page .wb-proof {
  min-height: 42px;
  max-width: none;
  padding: 0 18px;
  gap: 9px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  background: #f2f2f2;
  color: #101010;
  transform: translate3d(0,0,0);
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.winner-banner-page .wb-proof:hover,
.winner-banner-page .wb-proof:focus-visible {
  background: #fff;
  color: #050505;
  filter: none;
  transform: translate3d(0,0,0);
  outline: none;
}

.winner-banner-page .wb-proof:active {
  background: #ededed;
  transform: translate3d(0,0,0) scale(.992);
}

.winner-banner-page .wb-proof svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}

.winner-banner-page .wb-proof-text,
.winner-banner-page .wb-proof span {
  color: currentColor;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .005em;
  line-height: 1;
  text-transform: none;
}

.winner-banner-page .catalog-tab-btn[data-proof-open] .catalog-tab-label {
  white-space: normal;
  line-height: 1.15;
}

.winner-banner-page .wb-table {
  width: 100%;
  border: 1px solid var(--wb-final-line);
  border-radius: 16px;
  background: var(--wb-final-surface-soft);
}

.winner-banner-page .wb-row {
  display: grid;
  grid-template-columns: minmax(120px, var(--wb-final-table-key)) minmax(0,1fr);
  align-items: stretch;
  min-height: 58px;
  border-top: 1px solid var(--wb-final-line-soft);
}

.winner-banner-page .wb-row:first-child {
  border-top: 0;
}

.winner-banner-page .wb-cell {
  display: flex;
  align-items: center;
  min-height: 58px;
  min-width: 0;
  padding: 0 14px;
}

.winner-banner-page .wb-key {
  color: rgba(255,255,255,.72);
  font-size: 13px;
  font-weight: 750;
}

.winner-banner-page .wb-val {
  border-left: 1px solid var(--wb-final-line-soft);
  color: var(--text-strong);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.35;
  overflow: visible;
  overflow-wrap: anywhere;
  text-overflow: clip;
  white-space: normal;
  word-break: break-word;
}

.winner-banner-page .wb-val.is-navy {
  color: #fff;
}

.winner-banner-page .wb-avatar-thumb,
.winner-avatar {
  position: relative;
  overflow: hidden;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.winner-banner-page .wb-avatar-thumb::after,
.winner-avatar::after {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: inherit;
  border: 1px solid rgba(255,255,255,0);
  opacity: 0;
  pointer-events: none;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.winner-banner-page .wb-avatar-thumb img,
.winner-avatar > img,
.winner-avatar.winner-provider-avatar > img,
.winner-avatar.winner-game-avatar > img,
.winner-player-card .winner-avatar img {
  filter: none;
  image-rendering: auto;
  transform: none;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.winner-banner-page .wb-avatar-thumb:hover,
.winner-banner-page .wb-avatar-thumb:focus-within,
.winner-banner-page .wb-avatar-thumb:active,
.winner-avatar:hover,
.winner-avatar:focus-within,
.winner-avatar:active {
  transform: none;
  border-color: rgba(255,255,255,.24);
  box-shadow: none;
}

.winner-banner-page .wb-avatar-thumb:hover::after,
.winner-banner-page .wb-avatar-thumb:focus-within::after,
.winner-banner-page .wb-avatar-thumb:active::after,
.winner-avatar:hover::after,
.winner-avatar:focus-within::after,
.winner-avatar:active::after {
  opacity: 1;
  border-color: rgba(255,255,255,.18);
}

.winner-banner-page .wb-avatar-thumb:hover img,
.winner-banner-page .wb-avatar-thumb:focus-within img,
.winner-banner-page .wb-avatar-thumb:active img,
.winner-avatar:hover > img,
.winner-avatar:focus-within > img,
.winner-avatar:active > img,
.winner-avatar.winner-provider-avatar:hover > img,
.winner-avatar.winner-provider-avatar:focus-within > img,
.winner-avatar.winner-provider-avatar:active > img,
.winner-avatar.winner-game-avatar:hover > img,
.winner-avatar.winner-game-avatar:focus-within > img,
.winner-avatar.winner-game-avatar:active > img,
.winner-player-card .winner-avatar:hover img,
.winner-player-card .winner-avatar:focus-within img,
.winner-player-card .winner-avatar:active img {
  transform: none;
  filter: none;
}

#winnerBannerContent:focus,
.winner-banner-page .wb-detail-panel:focus {
  outline: none;
}

@media (min-width: 1025px) {
.winner-banner-page .wb-layout-shell {
  padding-left: 0;
  padding-right: 0;
}
.winner-banner-page .site-header,
.winner-banner-page .wb-site-header {
  left: var(--wb-desktop-sidebar-w, var(--sidebar-docked-w));
  right: 0;
  width: auto;
}
.winner-banner-page .wb-content-wrap {
  width: calc(100vw - var(--wb-desktop-sidebar-w, var(--sidebar-docked-w)));
  max-width: none;
  margin-left: var(--wb-desktop-sidebar-w, var(--sidebar-docked-w));
  margin-right: 0;
  padding-left: var(--wb-final-side-gap);
  padding-right: max(var(--wb-final-right-gap), var(--safe-right));
}
.winner-banner-page .wb-main-content {
  width: 100%;
  max-width: none;
}
.winner-banner-page .wb-hero,
.winner-banner-page .wb-hero-panel {
  gap: clamp(8px, .85vw, 12px);
}
.winner-banner-page .wb-top-banner {
  max-height: none;
}
.winner-banner-page .wb-banner {
  grid-template-columns: minmax(0, 1fr) minmax(320px, .72fr);
  min-height: clamp(232px, 23vw, 328px);
}
.winner-banner-page .wb-pane-main {
  min-height: clamp(198px, 18vw, 262px);
}
.winner-banner-page .wb-pane-side {
  align-self: stretch;
}
.winner-banner-page .wb-sidebar {
  width: var(--wb-desktop-sidebar-w, var(--sidebar-docked-w));
  max-width: var(--wb-desktop-sidebar-w, var(--sidebar-docked-w));
  left: 0;
  right: auto;
  z-index: 220;
}
.winner-banner-page .wb-sidebar .sidebar-inner {
  gap: 12px;
  padding: calc(var(--safe-top) + 12px) 16px 16px;
}
.winner-banner-page .wb-sidebar .sidebar-block {
  padding: 14px;
  border-radius: 16px;
}
.winner-banner-page .wb-sidebar .catalog-tab-scroll,
.winner-banner-page .wb-sidebar .wb-top-winner-nav {
  gap: 10px;
}
.winner-banner-page .wb-sidebar .catalog-tab-btn,
.winner-banner-page .wb-sidebar .wb-top-winner-link {
  width: 100%;
  min-width: 0;
  min-height: 48px;
  padding: 10px 14px;
  border-radius: 14px;
}
.winner-banner-page .wb-sidebar .catalog-tab-label,
.winner-banner-page .wb-sidebar .wb-top-winner-link b {
  font-size: 12px;
  line-height: 1.12;
}
.winner-banner-page .wb-sidebar .catalog-tab-sub,
.winner-banner-page .wb-sidebar .wb-top-winner-link small {
  font-size: 10.25px;
  line-height: 1.15;
}
.winner-banner-page .wb-proof-modal {
  left: var(--wb-desktop-sidebar-w, var(--sidebar-docked-w));
  width: calc(100vw - var(--wb-desktop-sidebar-w, var(--sidebar-docked-w)));
  padding-left: var(--wb-final-side-gap);
  padding-right: max(var(--wb-final-right-gap), var(--safe-right));
}
}

@media (min-width: 1025px) and (max-width: 1120px) {
.winner-banner-page .wb-banner {
  grid-template-columns: minmax(0, 1fr) minmax(300px, .68fr);
}
.winner-banner-page .wb-pane-side {
  border-left: 1px solid var(--wb-final-line-soft);
  border-top: 0;
}
}

@media (max-width: 1024px) {
.winner-banner-page .wb-content-wrap {
  width: 100%;
  max-width: 100%;
  margin-inline: 0;
  padding-left: max(12px, calc(12px + var(--safe-left)));
  padding-right: max(12px, calc(12px + var(--safe-right)));
}
.winner-banner-page .wb-banner {
  grid-template-columns: minmax(0,1fr);
}
.winner-banner-page .wb-pane-side {
  border-left: 0;
  border-top: 1px solid var(--wb-final-line-soft);
}
}

@media (max-width: 768px) {
.winner-banner-page {
  --wb-final-radius: 15px;
  --wb-final-radius-inner: 12px;
  --wb-final-gap: 10px;
  --wb-final-table-key: 112px;
}
.winner-banner-page .wb-top-banner {
  min-height: 0;
}
.winner-banner-page .wb-top-banner img {
  object-fit: cover;
}
.winner-banner-page .wb-pane {
  padding: 14px;
}
.winner-banner-page .wb-title,
.winner-banner-page .wb-title.is-title-short,
.winner-banner-page .wb-title.is-title-medium,
.winner-banner-page .wb-title.is-title-long,
.winner-banner-page .wb-title.is-title-xlong {
  max-width: 100%;
  font-size: clamp(24px, 8vw, 38px);
  line-height: 1.06;
  letter-spacing: -.04em;
}
.winner-banner-page .wb-title.is-title-long,
.winner-banner-page .wb-title.is-title-xlong {
  font-size: clamp(21px, 6.7vw, 32px);
  line-height: 1.1;
  letter-spacing: -.03em;
}
.winner-banner-page .wb-desc {
  font-size: 12px;
  line-height: 1.48;
}
.winner-banner-page .wb-layout-shell {
  min-height: auto;
  padding-bottom: max(10px, var(--safe-bottom));
}
.winner-banner-page .wb-detail-panel,
.winner-banner-page .wb-hero,
.winner-banner-page .wb-hero-panel {
  gap: 8px;
}
.winner-banner-page .wb-detail-card {
  margin-bottom: 0;
}
.winner-banner-page .wb-detail-card-head {
  align-items: flex-start;
  flex-direction: row;
  justify-content: space-between;
  padding: 12px 12px 0;
}
.winner-banner-page .wb-detail-card-titlewrap {
  flex: 1 1 auto;
  min-width: 0;
  padding-right: 4px;
}
.winner-banner-page .wb-detail-card-subtitle {
  max-width: min(100%, 24ch);
  font-size: 9.4px;
  line-height: 1.22;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.winner-banner-page .wb-detail-card-actions {
  align-self: flex-start;
  justify-content: flex-end;
  margin-left: auto;
}
.winner-banner-page .wb-drop-body {
  padding: 10px 12px 10px;
}
.winner-banner-page .wb-proof {
  padding: 0 12px;
  width: auto;
  max-width: none;
}
.winner-banner-page .wb-proof svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}
.winner-banner-page .wb-proof-text,
.winner-banner-page .wb-proof span {
  font-size: 10.2px;
  line-height: 1.05;
}
.winner-banner-page .wb-cell {
  padding: 0 12px;
}
}

@media (max-width: 480px) {
.winner-banner-page {
  --wb-final-table-key: 98px;
}
.winner-banner-page .wb-content-wrap {
  padding-left: max(10px, calc(10px + var(--safe-left)));
  padding-right: max(10px, calc(10px + var(--safe-right)));
}
.winner-banner-page .wb-layout-shell {
  padding-bottom: max(8px, var(--safe-bottom));
}
.winner-banner-page .wb-detail-card-head {
  padding: 10px 10px 0;
  gap: 7px;
}
.winner-banner-page .wb-drop-body {
  padding: 8px 10px 8px;
}
.winner-banner-page .wb-proof {
  min-height: 32px;
  padding: 0 10px;
  gap: 6px;
}
.winner-banner-page .wb-proof svg {
  width: 15px;
  height: 15px;
  flex-basis: 15px;
}
.winner-banner-page .wb-proof-text,
.winner-banner-page .wb-proof span {
  font-size: 9.7px;
}
.winner-banner-page .wb-amountbox strong {
  font-size: clamp(24px, 8.7vw, 38px);
  line-height: .98;
}
.winner-banner-page .wb-chip {
  min-height: 66px;
  padding: 11px 12px;
}
.winner-banner-page .wb-chip span {
  font-size: 11px;
}
.winner-banner-page .wb-row {
  grid-template-columns: minmax(90px, 98px) minmax(0,1fr);
}
.winner-banner-page .wb-key,
.winner-banner-page .wb-val {
  font-size: 11.5px;
}
}

.winner-banner-page .wb-detail-card-head {
  display: grid;
  gap: 10px;
}

.winner-banner-page .wb-detail-card-titlewrap {
  min-width: 0;
}

.winner-banner-page .wb-detail-card-subtitle {
  max-width: min(100%, 38ch);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-wrap: normal;
}

.winner-banner-page .wb-proof {
  white-space: nowrap;
}

.winner-banner-page .wb-proof-text,
.winner-banner-page .wb-proof span {
  white-space: nowrap;
}

.winner-banner-page .wb-avatar-thumb img,
.winner-player-card .winner-avatar img,
.winner-avatar.winner-game-avatar > img {
  object-fit: cover;
  object-position: center;
}

@media (max-width: 480px) {
.winner-banner-page .wb-detail-card-subtitle {
  display: none;
}
.winner-banner-page .wb-proof {
  min-width: 0;
  max-width: none;
}
}

.winner-section,
.winner-player-area,
.winner-banner-page .wb-content-wrap,
.winner-banner-page .wb-detail-panel {
  min-width: 0;
}

.winner-section,
.winner-player-area {
  content-visibility: auto;
  contain-intrinsic-size: var(--prod-card-contain-size);
}

.winner-player-card,
.winner-card,
.winner-banner-page .wb-proof,
.winner-banner-page .wb-avatar-thumb,
.winner-avatar {
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.winner-player-card,
.winner-card,
.winner-banner-page .wb-banner,
.winner-banner-page .wb-detail-card,
.winner-banner-page .wb-statuscard,
.winner-banner-page .wb-table {
  contain: layout paint style;
}

.winner-grid,
.winner-player-grid {
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
}

.winner-grid::-webkit-scrollbar,
.winner-player-grid::-webkit-scrollbar {
  display: none;
}

.winner-banner-page .wb-proof {
  transition-duration: var(--prod-motion-base);
  transition-timing-function: var(--prod-ease);
}

.winner-banner-page .wb-proof:hover {
  transform: translate3d(0,-1px,0);
}

.winner-banner-page .wb-proof:active {
  transform: translate3d(0,0,0) scale(.985);
}

.winner-banner-page .wb-proof-modal {
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  overflow: visible;
  overscroll-behavior: auto;
}

.winner-banner-page .wb-proof-modal:not(.is-open) {
  display: grid;
}

body.wb-proof-open {
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: auto;
}

.winner-banner-page .wb-detail-card-head {
  grid-template-columns: minmax(0,1fr) auto;
  align-items: start;
}

.winner-banner-page .wb-detail-card-subtitle {
  display: none;
}

.winner-banner-page .wb-proof {
  min-width: max-content;
  box-shadow: none;
  filter: none;
}

.winner-banner-page .wb-proof:hover,
.winner-banner-page .wb-proof:focus-visible {
  border-color: rgba(255,255,255,.34);
  box-shadow: none;
}

.winner-banner-page .wb-table {
  overflow: hidden;
}

.winner-banner-page .wb-val,
.winner-banner-page .wb-key {
  min-width: 0;
}

@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
.winner-section,
.winner-player-area {
  content-visibility: visible;
}
.winner-banner-page .wb-proof:hover {
  transform: none;
}
}

@media (max-width: 768px) {
.winner-section,
.winner-player-area {
  contain-intrinsic-size: 320px 520px;
}
.winner-banner-page .wb-detail-card-head {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 8px;
  padding-top: 10px;
}
.winner-banner-page .wb-drop-title {
  line-height: 1.08;
}
.winner-banner-page .wb-proof {
  justify-self: end;
  min-height: 34px;
  padding-inline: 10px;
}
.winner-banner-page .wb-proof-text,
.winner-banner-page .wb-proof span {
  max-width: 98px;
}
.winner-banner-page .wb-table {
  border-radius: 13px;
}
.winner-banner-page .wb-row {
  grid-template-columns: minmax(82px, 30vw) minmax(0,1fr);
  min-height: 48px;
}
.winner-banner-page .wb-cell {
  min-height: 48px;
  padding-inline: 10px;
}
.winner-banner-page .wb-key,
.winner-banner-page .wb-val {
  font-size: 11.2px;
  line-height: 1.25;
}
.winner-banner-page .wb-proof-modal {
  align-items: center;
  padding: 10px max(10px, var(--safe-right)) max(10px, var(--safe-bottom)) max(10px, var(--safe-left));
}
}

@media (max-width: 420px) {
.winner-banner-page .wb-proof-text,
.winner-banner-page .wb-proof span {
  max-width: 78px;
}
.winner-banner-page .wb-proof svg {
  width: 14px;
  height: 14px;
}
.winner-banner-page .wb-row {
  grid-template-columns: 86px minmax(0,1fr);
}
}

:is(.card, .banner-viewport, .winner-card, .recommended-card, .catalog-filter-dialog, .sidebar) {
  box-shadow: none;
  filter: none;
  contain: layout paint style;
}

:is(.thumb, .banner-media, .winner-game-avatar img, .recommended-provider-logo img, .card img) {
  backface-visibility: hidden;
  transform: translateZ(0);
}

.winner-banner-page .wb-proof-modal {
  position: fixed;
  top: calc(var(--wb-header-h, var(--header-h)) + var(--safe-top));
  right: 0;
  bottom: 0;
  left: var(--sidebar-docked-w);
  z-index: 360;
  display: grid;
  place-items: center;
  align-content: center;
  justify-items: center;
  inline-size: auto;
  min-block-size: calc(100dvh - var(--wb-header-h, var(--header-h)) - var(--safe-top));
  padding: 10px max(14px, var(--safe-right)) max(18px, var(--safe-bottom)) 14px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  touch-action: auto;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: opacity 100ms ease, transform 100ms ease, visibility 100ms ease;
}

.winner-banner-page .wb-proof-modal::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.winner-banner-page .wb-proof-modal::before {
  content: "";
  position: fixed;
  top: calc(var(--wb-header-h, var(--header-h)) + var(--safe-top));
  right: 0;
  bottom: 0;
  left: var(--sidebar-docked-w);
  background: rgba(0, 0, 0, 0.70);
  transform: translateZ(0);
  contain: strict;
  pointer-events: none;
}

.winner-banner-page .wb-proof-modal.is-open,
.winner-banner-page .wb-proof-modal.is-closing {
  visibility: visible;
  pointer-events: none;
}

.winner-banner-page .wb-proof-modal.is-open {
  opacity: 1;
}

.winner-banner-page .wb-proof-modal.is-closing {
  opacity: 0;
}

.winner-banner-page .wb-proof-modal[hidden] {
  display: none !important;
}

.winner-banner-page .wb-proof-frame {
  --proof-frame-max-w: min(440px, calc(100dvw - 24px));
  --proof-frame-max-h: calc(100dvh - var(--wb-header-h, var(--header-h)) - var(--safe-top) - max(34px, var(--safe-bottom)) - 34px);
  position: relative;
  z-index: 1;
  width: fit-content;
  max-width: var(--proof-frame-max-w);
  max-height: var(--proof-frame-max-h);
  aspect-ratio: auto;
  grid-template-rows: auto minmax(0,auto);
  gap: 8px;
  padding: 10px;
  border-radius: 14px;
  pointer-events: auto;
  contain: layout style;
  opacity: 0;
  transform: translate3d(0, 12px, 0) scale(.985);
  transform-origin: 50% 50%;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.winner-banner-page .wb-proof-modal.is-open .wb-proof-frame {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

.winner-banner-page .wb-proof-modal.is-closing .wb-proof-frame {
  opacity: 0;
  transform: translate3d(0, 10px, 0) scale(.988);
}

.winner-banner-page .wb-proof-topbar {
  position: relative;
  z-index: 5;
  pointer-events: auto;
}

.winner-banner-page .wb-proof-close {
  position: relative;
  z-index: 12;
  width: 40px;
  min-width: 40px;
  pointer-events: auto;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}

.winner-banner-page .wb-proof-close::after {
  content: "";
  position: absolute;
  inset: -10px;
  border-radius: 999px;
  pointer-events: none;
}

.winner-banner-page .wb-proof-image,
.winner-banner-page .wb-proof-image img {
  pointer-events: none;
}

.winner-banner-page .wb-proof-image {
  width: fit-content;
  max-width: 100%;
  max-height: calc(var(--proof-frame-max-h, 100dvh) - 42px);
  margin: 0;
  border: 0;
  border-radius: 10px;
  background: transparent;
  overflow: hidden;
}

.winner-banner-page .wb-proof-image img {
  width: auto;
  height: auto;
  max-width: min(100%, calc(var(--proof-frame-max-w, 420px) - 16px));
  max-height: calc(var(--proof-frame-max-h, 100dvh) - 42px);
  object-fit: contain;
  object-position: center;
  border-radius: 8px;
}

@media (max-width: 1024px) {
.winner-banner-page .wb-proof-modal {
  top: calc(var(--wb-header-h, var(--header-h)) + var(--safe-top));
  right: 0;
  bottom: 0;
  left: 0;
  min-block-size: calc(100dvh - var(--wb-header-h, var(--header-h)) - var(--safe-top));
  padding: 10px max(10px, var(--safe-right)) max(10px, var(--safe-bottom)) max(10px, var(--safe-left));
}
.winner-banner-page .wb-proof-modal::before {
  top: calc(var(--wb-header-h, var(--header-h)) + var(--safe-top));
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.68);
}
}

@media (min-width: 1025px) {
.winner-banner-page .wb-proof-modal {
  padding: 10px max(14px, var(--safe-right)) max(18px, var(--safe-bottom)) 14px;
}
.winner-banner-page .wb-proof-modal::before {
  top: calc(var(--wb-header-h, var(--header-h)) + var(--safe-top));
  right: 0;
  bottom: 0;
  left: var(--sidebar-docked-w);
}
}

@media (max-width: 520px) {
.winner-banner-page .wb-proof-frame {
  --proof-frame-max-w: min(340px, calc(100dvw - 20px));
  --proof-frame-max-h: calc(100dvh - var(--wb-header-h, var(--header-h)) - var(--safe-top) - max(28px, var(--safe-bottom)) - 28px);
  padding: 8px;
  border-radius: 13px;
}
.winner-banner-page .wb-proof-image {
  max-height: calc(var(--proof-frame-max-h) - 38px);
}
.winner-banner-page .wb-proof-image img {
  max-width: min(100%, calc(var(--proof-frame-max-w) - 14px));
  max-height: calc(var(--proof-frame-max-h) - 38px);
}
.winner-banner-page .wb-proof-topbar {
  grid-template-columns: minmax(0,1fr) 26px;
  gap: 4px;
  padding-inline: 1px;
}
.winner-banner-page .wb-proof-label,
.winner-banner-page .wb-proof-close {
  height: 26px;
  min-height: 26px;
  max-height: 26px;
}
.winner-banner-page .wb-proof-label {
  padding-inline: 4px;
  font-size: 7.9px;
  letter-spacing: .035em;
}
.winner-banner-page .wb-proof-label svg,
.winner-banner-page .wb-proof-close svg {
  width: 10px;
  height: 10px;
}
.winner-banner-page .wb-proof-close {
  width: 26px;
  min-width: 26px;
}
}

@media (prefers-reduced-transparency: reduce) {
.winner-banner-page .wb-proof-modal::before {
  background: rgba(0, 0, 0, 0.74);
}
}

.winner-mobile-transition-overlay {
  position: fixed;
  inset: 0;
  z-index: 350;
  display: grid;
  place-items: center;
  padding: max(18px, var(--safe-top)) max(18px, var(--safe-right)) max(18px, var(--safe-bottom)) max(18px, var(--safe-left));
  background: rgba(0,0,0,.28);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateZ(0);
  transition: opacity 100ms ease, transform 100ms ease, visibility 100ms ease;
}

.winner-mobile-transition-overlay.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.winner-mobile-transition-overlay[hidden] {
  display: none !important;
}

.winner-mobile-transition-card {
  min-width: min(230px, calc(100dvw - 48px));
  display: grid;
  justify-items: center;
  gap: 11px;
  padding: 18px 20px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 18px;
  background: rgba(18,18,18,.96);
  color: rgba(255,255,255,.94);
  box-shadow: none;
  transform: translate3d(0, 6px, 0) scale(.985);
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.winner-mobile-transition-overlay.is-visible .winner-mobile-transition-card {
  transform: translate3d(0, 0, 0) scale(1);
}

.winner-mobile-transition-spinner {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,.20);
  border-top-color: rgba(255,255,255,.95);
}

.winner-mobile-transition-label {
  max-width: 220px;
  color: rgba(255,255,255,.88);
  font-size: 12px;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: .055em;
  text-align: center;
  text-transform: uppercase;
}

body.winner-mobile-transition-active {
  cursor: progress;
}

@media (min-width: 861px) and (hover: hover) and (pointer: fine) {
.winner-mobile-transition-overlay {
  display: none !important;
}
}

@media (prefers-reduced-motion: reduce) {
.winner-banner-page .wb-proof-modal,
.winner-banner-page .wb-proof-frame,
.winner-mobile-transition-overlay,
.winner-mobile-transition-card {
  transition-duration: 1ms !important;
}
}

body.wb-proof-open {
  overflow-x: hidden;
  overscroll-behavior: contain;
}

.winner-banner-page .wb-proof-modal {
  position: fixed;
  top: calc(var(--wb-header-h, var(--header-h, 0px)) + var(--safe-top, 0px));
  right: 0;
  bottom: 0;
  left: var(--sidebar-docked-w, 0px);
  z-index: 360;
  display: grid;
  place-items: center;
  padding: 10px max(12px, var(--safe-right, 0px)) max(12px, var(--safe-bottom, 0px)) 12px;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  touch-action: none;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition: opacity 100ms ease, transform 100ms ease, visibility 100ms ease;
}

.winner-banner-page .wb-proof-modal::before {
  content: "";
  position: fixed;
  top: calc(var(--wb-header-h, var(--header-h, 0px)) + var(--safe-top, 0px));
  right: 0;
  bottom: 0;
  left: var(--sidebar-docked-w, 0px);
  z-index: 0;
  background: var(--wb-proof-overlay);
  transform: translateZ(0);
  pointer-events: none;
  contain: strict;
}

.winner-banner-page .wb-proof-modal.is-open,
.winner-banner-page .wb-proof-modal.is-closing {
  visibility: visible;
}

.winner-banner-page .wb-proof-frame {
  --wb-proof-safe-w: calc(100vw - var(--sidebar-docked-w, 0px) - max(24px, var(--safe-left, 0px) + var(--safe-right, 0px)));
  --wb-proof-safe-h: calc(100vh - var(--wb-header-h, var(--header-h, 0px)) - var(--safe-top, 0px) - max(28px, var(--safe-bottom, 0px)));
  --wb-proof-safe-w: calc(100svw - var(--sidebar-docked-w, 0px) - max(24px, var(--safe-left, 0px) + var(--safe-right, 0px)));
  --wb-proof-safe-h: calc(100svh - var(--wb-header-h, var(--header-h, 0px)) - var(--safe-top, 0px) - max(28px, var(--safe-bottom, 0px)));
  --wb-proof-content-w: min(var(--wb-proof-image-w), calc(var(--wb-proof-safe-w) - (var(--wb-proof-pad) * 2)));
  position: relative;
  z-index: 1;
  isolation: isolate;
  display: inline-grid;
  grid-template-rows: var(--wb-proof-header-h) minmax(0, 1fr);
  align-items: start;
  justify-items: center;
  gap: var(--wb-proof-gap);
  width: max-content;
  inline-size: max-content;
  max-width: min(360px, var(--wb-proof-safe-w));
  max-inline-size: min(360px, var(--wb-proof-safe-w));
  max-height: var(--wb-proof-safe-h);
  max-block-size: var(--wb-proof-safe-h);
  padding: var(--wb-proof-pad);
  overflow: hidden;
  border: 1px solid var(--wb-proof-panel-line);
  border-radius: var(--wb-proof-radius);
  background: var(--wb-proof-panel-bg);
  background-clip: padding-box;
  box-shadow: none;
  color: var(--text, rgba(255,255,255,.92));
  contain: layout style paint;
  pointer-events: auto;
  transform: translate3d(0, 8px, 0) scale(.988);
  transform-origin: 50% 50%;
  opacity: 0;
  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease, opacity 90ms ease;
}

.winner-banner-page .wb-proof-modal.is-closing .wb-proof-frame {
  opacity: 0;
  transform: translate3d(0, 8px, 0) scale(.99);
}

.winner-banner-page .wb-proof-frame::before,
.winner-banner-page .wb-proof-frame::after {
  display: none;
  content: none;
}

.winner-banner-page .wb-proof-topbar {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--wb-proof-header-h);
  align-items: center;
  gap: 3px;
  width: var(--wb-proof-content-w);
  inline-size: var(--wb-proof-content-w);
  min-width: 0;
  min-height: 0;
  height: var(--wb-proof-header-h);
  max-height: var(--wb-proof-header-h);
  padding: 0;
  margin: 0;
  overflow: hidden;
  border: 0;
  border-radius: 10px;
  background: transparent;
  pointer-events: auto;
}

.winner-banner-page .wb-proof-label {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  width: 100%;
  min-width: 0;
  height: var(--wb-proof-header-h);
  min-height: 0;
  max-height: var(--wb-proof-header-h);
  padding: 0 5px;
  margin: 0;
  overflow: hidden;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: rgba(255,255,255,.94);
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .055em;
  text-transform: uppercase;
  white-space: nowrap;
}

.winner-banner-page .wb-proof-label svg {
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
}

.winner-banner-page .wb-proof-label-text,
.winner-banner-page .wb-proof-label span {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.winner-banner-page .wb-proof-close {
  position: relative;
  z-index: 4;
  display: grid;
  place-items: center;
  width: var(--wb-proof-header-h);
  min-width: var(--wb-proof-header-h);
  max-width: var(--wb-proof-header-h);
  height: var(--wb-proof-header-h);
  min-height: var(--wb-proof-header-h);
  max-height: var(--wb-proof-header-h);
  padding: 0;
  margin: 0;
  overflow: visible;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: rgba(255,255,255,.94);
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  -webkit-user-select: none;
}

.winner-banner-page .wb-proof-close:hover,
.winner-banner-page .wb-proof-close:focus-visible {
  background: rgba(255,255,255,.075);
  outline: none;
}

.winner-banner-page .wb-proof-close::after {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: inherit;
  pointer-events: none;
}

.winner-banner-page .wb-proof-close span,
.winner-banner-page .wb-proof-close svg {
  display: block;
  width: 12px;
  height: 12px;
  pointer-events: none;
}

.winner-banner-page .wb-proof-image {
  position: relative;
  z-index: 2;
  display: block;
  width: var(--wb-proof-content-w);
  inline-size: var(--wb-proof-content-w);
  max-width: var(--wb-proof-content-w);
  max-inline-size: var(--wb-proof-content-w);
  max-height: calc(var(--wb-proof-safe-h) - var(--wb-proof-header-h) - var(--wb-proof-gap) - (var(--wb-proof-pad) * 2));
  max-block-size: calc(var(--wb-proof-safe-h) - var(--wb-proof-header-h) - var(--wb-proof-gap) - (var(--wb-proof-pad) * 2));
  min-width: 0;
  min-height: 0;
  margin: 0;
  overflow: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  border: 0;
  border-radius: 9px;
  background: transparent;
  pointer-events: auto;
  touch-action: pan-x pan-y;
}

.winner-banner-page .wb-proof-image::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.winner-banner-page .wb-proof-image img {
  display: block;
  width: 100%;
  inline-size: 100%;
  height: auto;
  block-size: auto;
  max-width: 100%;
  max-inline-size: 100%;
  max-height: none;
  max-block-size: none;
  margin: 0 auto;
  border: 0;
  border-radius: 8px;
  object-fit: contain;
  object-position: center top;
  transform: none;
  filter: none;
  opacity: 1;
  pointer-events: none;
  backface-visibility: hidden;
}

@media (max-width: 1024px) {
.winner-banner-page .wb-proof-modal {
  left: 0;
  padding: 10px max(10px, var(--safe-right, 0px)) max(10px, var(--safe-bottom, 0px)) max(10px, var(--safe-left, 0px));
}
.winner-banner-page .wb-proof-modal::before {
  left: 0;
}
.winner-banner-page .wb-proof-frame {
  --wb-proof-safe-w: calc(100vw - max(20px, var(--safe-left, 0px) + var(--safe-right, 0px)));
  --wb-proof-safe-w: calc(100svw - max(20px, var(--safe-left, 0px) + var(--safe-right, 0px)));
  --wb-proof-image-w: clamp(206px, 72vw, 292px);
  --wb-proof-image-w: clamp(206px, 72svw, 292px);
  max-width: min(314px, var(--wb-proof-safe-w));
  max-inline-size: min(314px, var(--wb-proof-safe-w));
}
}

@media (max-width: 420px) {
.winner-banner-page .wb-proof-frame {
  --wb-proof-image-w: clamp(196px, 76vw, 260px);
  --wb-proof-image-w: clamp(196px, 76svw, 260px);
  max-width: min(282px, var(--wb-proof-safe-w));
  max-inline-size: min(282px, var(--wb-proof-safe-w));
}
.winner-banner-page .wb-proof-label {
  gap: 4px;
  padding-inline: 4px;
  font-size: 8px;
  letter-spacing: .04em;
}
.winner-banner-page .wb-proof-label svg,
.winner-banner-page .wb-proof-close span,
.winner-banner-page .wb-proof-close svg {
  width: 10px;
  height: 10px;
}
}

@media (max-width: 340px) {
.winner-banner-page .wb-proof-frame {
  --wb-proof-image-w: clamp(184px, 74vw, 228px);
  --wb-proof-image-w: clamp(184px, 74svw, 228px);
  max-width: min(246px, var(--wb-proof-safe-w));
  max-inline-size: min(246px, var(--wb-proof-safe-w));
}
.winner-banner-page .wb-proof-label {
  font-size: 7.4px;
  letter-spacing: .025em;
}
}

@media (max-height: 520px) and (orientation: landscape) {
.winner-banner-page .wb-proof-frame {
  --wb-proof-image-w: clamp(184px, 26vw, 252px);
  --wb-proof-image-w: clamp(184px, 26svw, 252px);
  --wb-proof-safe-h: calc(100vh - var(--wb-header-h, var(--header-h, 0px)) - var(--safe-top, 0px) - max(14px, var(--safe-bottom, 0px)));
  --wb-proof-safe-h: calc(100svh - var(--wb-header-h, var(--header-h, 0px)) - var(--safe-top, 0px) - max(14px, var(--safe-bottom, 0px)));
}
}

@media (prefers-reduced-motion: reduce) {
.winner-banner-page .wb-proof-modal,
.winner-banner-page .wb-proof-frame {
  transition: none;
}
}

:where(#catalogArea, #resultArea, .list.list-slider, .winner-player-grid, .gift-grid):empty::after {
  content: none;
  display: none;
  background: none;
  transform: none;
}

@supports selector(:has(*)) {
:where(.thumb-wrap, .banner-media-wrap, .winner-player-banner, .winner-avatar, .winner-player-avatar, .gift-card, .brand-logo, .sidebar-logo):has(img:not([src]))::after,
:where(.thumb-wrap, .banner-media-wrap, .winner-player-banner, .winner-avatar, .winner-player-avatar, .gift-card, .brand-logo, .sidebar-logo):has(img[src=""])::after {
  content: none;
  display: none;
  background: none;
  transform: none;
}
}

:where(.banner-track, .banner-media, .thumb, .winner-player-banner img, .gift-card img) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

:where(.catalog-clean-section, .gift-section, .winner-player-shell, .search-panel, .banner-section) {
  content-visibility: auto;
  contain-intrinsic-size: 1px 520px;
}

:where(.winner-section, .winner-player-section, .winner-player-area) {
  min-width: 0;
}

:where(.winner-shell, .winner-player-shell) {
  min-width: 0;
  contain: layout style;
}

:where(.winner-viewport, .winner-player-grid) {
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
}

:where(.winner-viewport, .winner-player-grid)::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.winner-grid {
  gap: var(--s4d-winner-compact-gap);
}

.winner-card {
  min-width: 0;
  contain: layout paint style;
}

.winner-detail,
.winner-player-detail-final {
  min-width: 0;
}

.winner-name,
.winner-game,
.winner-desc,
.winner-amount,
.winner-player-name-final,
.winner-player-member-final,
.winner-player-game-final,
.winner-player-desc-final,
.winner-player-amount-final,
.winner-player-card .winner-time {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.winner-desc,
.winner-player-desc-final {
  overflow-wrap: anywhere;
}

@media (min-width: 769px) and (max-width: 1180px) {
.winner-shell {
  padding: clamp(10px, 1.25vw, 14px);
  border-radius: 18px;
}
.winner-title,
.winner-title-nowrap {
  font-size: clamp(19px, 2.25vw, 25px);
}
.winner-card {
  width: clamp(292px, 43vw, 372px);
  min-width: clamp(292px, 43vw, 372px);
  max-width: clamp(292px, 43vw, 372px);
  border-radius: 17px;
}
.winner-player-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--s4d-winner-compact-gap);
}
.winner-player-card {
  border-radius: 18px;
}
.winner-player-detail-final {
  padding: 11px 12px 12px;
  gap: 8px;
}
.winner-player-banner {
  aspect-ratio: var(--winner-player-banner-aspect, 2000 / 810);
}
}

@media (max-width: 768px) {
.winner-shell {
  padding: clamp(8px, 2.5vw, 11px);
  border-radius: var(--s4d-winner-compact-radius);
}
.winner-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 8px;
  margin-bottom: 9px;
}
.winner-kicker {
  min-height: 22px;
  margin-bottom: 6px;
  padding-inline: 8px;
  font-size: 7.8px;
  letter-spacing: 0.075em;
}
.winner-title,
.winner-title-nowrap {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
  font-size: clamp(16px, 5vw, 20px);
  line-height: 1.08;
  text-overflow: clip;
}
.winner-sub,
.winner-sub-nowrap {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 4px;
  white-space: normal;
  font-size: clamp(8.6px, 2.7vw, 10.5px);
  line-height: 1.32;
  text-overflow: clip;
}
.winner-view-all-btn {
  min-height: 28px;
  padding-inline: 10px;
  border-radius: 999px;
}
.winner-view-all-btn strong {
  font-size: 9px;
}
.winner-viewport {
  margin-inline: calc(var(--s4d-winner-compact-pad) * -1);
  padding-inline: var(--s4d-winner-compact-pad);
  scroll-padding-inline: var(--s4d-winner-compact-pad);
}
.winner-grid {
  width: max-content;
  min-width: 100%;
  gap: 8px;
  scroll-snap-type: x proximity;
}
.winner-card {
  flex: 0 0 var(--s4d-winner-card-mobile-w);
  width: var(--s4d-winner-card-mobile-w);
  min-width: var(--s4d-winner-card-mobile-w);
  max-width: var(--s4d-winner-card-mobile-w);
  border-radius: 15px;
}
.winner-detail {
  gap: 7px;
  padding: 9px;
}
.winner-top {
  gap: 8px;
}
.winner-avatar {
  width: 40px;
  height: 40px;
  flex-basis: 40px;
  border-radius: 12px;
}
.winner-name {
  font-size: 12px;
  line-height: 1.12;
}
.winner-provider,
.winner-member,
.winner-time {
  font-size: 8.8px;
}
.winner-game {
  max-width: 100%;
  min-height: 24px;
  padding: 5px 8px;
  border-radius: 9px;
  font-size: 8.6px;
  line-height: 1.15;
}
.winner-desc {
  -webkit-line-clamp: 1;
  min-height: 1.34em;
  font-size: 10px;
  line-height: 1.34;
}
.winner-bottom {
  gap: 7px;
  margin-top: 0;
  padding-top: 7px;
}
.winner-amount-label {
  margin-bottom: 3px;
  font-size: 8.6px;
}
.winner-amount {
  font-size: clamp(12.5px, 3.8vw, 15px);
}
.winner-open-hint {
  min-height: 24px;
  padding-inline: 8px;
  font-size: 8px;
}
.winner-player-grid {
  display: flex;
  grid-template-columns: none;
  align-items: stretch;
  gap: 9px;
  overflow-x: auto;
  overflow-y: hidden;
  margin-inline: calc(var(--space-page, 10px) * -1);
  padding: 0 var(--space-page, 10px) 3px;
  scroll-snap-type: x proximity;
  scroll-padding-inline: var(--space-page, 10px);
}
.winner-player-card {
  flex: 0 0 var(--s4d-winner-card-mobile-w);
  width: var(--s4d-winner-card-mobile-w);
  min-width: var(--s4d-winner-card-mobile-w);
  max-width: var(--s4d-winner-card-mobile-w);
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "banner" "detail";
  border-radius: 15px;
  scroll-snap-align: start;
}
.winner-player-banner {
  aspect-ratio: var(--winner-player-banner-aspect, 2000 / 810);
}
.winner-player-detail-final {
  gap: 7px;
  padding: 9px;
}
.winner-player-detail-head-final {
  gap: 7px;
}
.winner-player-head-main-final {
  gap: 8px;
}
.winner-player-card .winner-avatar,
.winner-player-avatar {
  width: 40px;
  height: 40px;
  flex-basis: 40px;
  border-radius: 12px;
}
.winner-player-name-final {
  font-size: 12px;
  line-height: 1.12;
}
.winner-player-member-final,
.winner-player-card .winner-time {
  font-size: 8.8px;
}
.winner-player-game-final {
  max-width: 100%;
  min-height: 24px;
  padding: 5px 8px;
  border-radius: 9px;
  font-size: 9px;
  line-height: 1.15;
}
.winner-player-desc-final {
  -webkit-line-clamp: 1;
  min-height: 1.34em;
  font-size: 10px;
  line-height: 1.34;
}
.winner-player-bottom-final {
  gap: 7px;
  margin-top: 0;
  padding-top: 7px;
}
.winner-player-amount-label-final {
  margin-bottom: 3px;
  font-size: 8.6px;
}
.winner-player-amount-final {
  font-size: clamp(12.5px, 3.8vw, 15px);
}
.winner-player-open-hint-final {
  min-height: 24px;
  padding-inline: 8px;
  font-size: 8px;
}
}

@media (max-width: 520px) {
.winner-player-banner {
  display: none;
}
.winner-player-card {
  grid-template-areas: "detail";
}
.winner-player-detail-final {
  grid-area: detail;
}
}

@media (max-width: 420px) {
.winner-card,
.winner-player-card {
  flex-basis: var(--s4d-winner-card-small-w);
  width: var(--s4d-winner-card-small-w);
  min-width: var(--s4d-winner-card-small-w);
  max-width: var(--s4d-winner-card-small-w);
  border-radius: 14px;
}
.winner-detail,
.winner-player-detail-final {
  padding: 8px;
  gap: 6px;
}
.winner-avatar,
.winner-player-card .winner-avatar,
.winner-player-avatar {
  width: 36px;
  height: 36px;
  flex-basis: 36px;
  border-radius: 11px;
}
.winner-name,
.winner-player-name-final {
  font-size: 11.4px;
}
.winner-desc,
.winner-player-desc-final {
  display: none;
}
.winner-game,
.winner-player-game-final {
  min-height: 22px;
  padding: 5px 7px;
  font-size: 8px;
}
.winner-bottom,
.winner-player-bottom-final {
  padding-top: 6px;
}
.winner-open-hint,
.winner-player-open-hint-final {
  min-height: 22px;
  padding-inline: 7px;
  font-size: 7.4px;
}
}

@media (max-width: 340px) {
.winner-sub,
.winner-sub-nowrap {
  display: none;
}
}

@media (max-width: 768px) {
.winner-banner-page .wb-table {
  overflow: hidden;
  border-radius: 13px;
}
.winner-banner-page .wb-row {
  grid-template-columns: minmax(78px, 30vw) minmax(0, 1fr);
}
.winner-banner-page .wb-cell {
  min-width: 0;
  padding-inline: clamp(8px, 2.6vw, 11px);
}
.winner-banner-page .wb-key,
.winner-banner-page .wb-val {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: clamp(10px, 2.9vw, 11.2px);
  line-height: 1.24;
}
}

body.app-view-winner-player #winnerPlayerArea {
  min-width: 0;
}

body.app-view-winner-player #winnerPlayerGrid,
#winnerPlayerArea .winner-player-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: var(--s4d-wp-grid-gap);
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  scroll-snap-type: none;
  contain: layout paint style;
}

body.app-view-winner-player #winnerPlayerGrid > .winner-player-card,
#winnerPlayerArea .winner-player-grid > .winner-player-card {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  grid-template-areas: "banner detail";
  width: 100%;
  min-width: 0;
  max-width: none;
  flex: initial;
  border-radius: var(--s4d-wp-card-radius);
  scroll-snap-align: none;
  overflow: hidden;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-banner,
#winnerPlayerArea .winner-player-grid .winner-player-banner {
  display: block;
  grid-area: banner;
  min-height: 0;
  aspect-ratio: var(--winner-player-banner-aspect, 2000 / 810);
  border-radius: inherit 0 0 inherit;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-detail-final,
#winnerPlayerArea .winner-player-grid .winner-player-detail-final {
  grid-area: detail;
  min-width: 0;
  padding: clamp(10px, 1.05vw, 14px);
}

@media (min-width: 1181px) {
body.has-sidebar-docked.app-view-winner-player #winnerPlayerGrid,
body.has-sidebar-docked #winnerPlayerArea .winner-player-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (min-width: 641px) and (max-width: 1180px) {
body.app-view-winner-player #winnerPlayerGrid,
#winnerPlayerArea .winner-player-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.app-view-winner-player #winnerPlayerGrid > .winner-player-card,
#winnerPlayerArea .winner-player-grid > .winner-player-card {
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}
}

@media (max-width: 640px) {
body.app-view-winner-player #winnerPlayerGrid,
#winnerPlayerArea .winner-player-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  margin: 0;
  padding: 0;
  overflow: visible;
}
body.app-view-winner-player #winnerPlayerGrid > .winner-player-card,
#winnerPlayerArea .winner-player-grid > .winner-player-card {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "banner" "detail";
  width: 100%;
  min-width: 0;
  max-width: none;
  flex-basis: auto;
  border-radius: 15px;
}
body.app-view-winner-player #winnerPlayerGrid .winner-player-banner,
#winnerPlayerArea .winner-player-grid .winner-player-banner {
  display: block;
  min-height: 0;
  aspect-ratio: var(--winner-player-banner-aspect, 2000 / 810);
  border-radius: 15px 15px 0 0;
}
}

@media (max-width: 360px) {
body.app-view-winner-player #winnerPlayerGrid .winner-player-banner,
#winnerPlayerArea .winner-player-grid .winner-player-banner {
  display: none;
}
body.app-view-winner-player #winnerPlayerGrid > .winner-player-card,
#winnerPlayerArea .winner-player-grid > .winner-player-card {
  grid-template-areas: "detail";
}
}

body.app-view-winner-player #winnerPlayerGrid,
#winnerPlayerArea .winner-player-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--s4d-wp-banner-top-gap);
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  scroll-snap-type: none;
  touch-action: pan-y;
}

body.app-view-winner-player #winnerPlayerGrid > .winner-player-card,
#winnerPlayerArea .winner-player-grid > .winner-player-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "banner" "detail";
  align-content: start;
  width: 100%;
  min-width: 0;
  max-width: none;
  flex: initial;
  overflow: hidden;
  border-radius: var(--s4d-wp-banner-top-radius);
  background: var(--winner-player-card-bg, var(--flat-wrap-surface, #171717));
  box-shadow: none;
  filter: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  scroll-snap-align: none;
}

body.app-view-winner-player #winnerPlayerGrid > .winner-player-card::before,
body.app-view-winner-player #winnerPlayerGrid > .winner-player-card::after,
#winnerPlayerArea .winner-player-grid > .winner-player-card::before,
#winnerPlayerArea .winner-player-grid > .winner-player-card::after,
body.app-view-winner-player #winnerPlayerGrid .winner-player-banner::before,
body.app-view-winner-player #winnerPlayerGrid .winner-player-banner::after,
#winnerPlayerArea .winner-player-grid .winner-player-banner::before,
#winnerPlayerArea .winner-player-grid .winner-player-banner::after {
  content: none;
  display: none;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-banner,
#winnerPlayerArea .winner-player-grid .winner-player-banner {
  display: block;
  grid-area: banner;
  width: 100%;
  min-height: 0;
  aspect-ratio: var(--winner-player-banner-aspect, 2000 / 810);
  overflow: hidden;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  border-radius: var(--s4d-wp-banner-top-radius) var(--s4d-wp-banner-top-radius) 0 0;
  background: #101010;
  box-shadow: none;
  filter: none;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-banner img,
#winnerPlayerArea .winner-player-grid .winner-player-banner img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 640px) {
body.app-view-winner-player #winnerPlayerGrid,
#winnerPlayerArea .winner-player-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
}
body.app-view-winner-player #winnerPlayerGrid > .winner-player-card,
#winnerPlayerArea .winner-player-grid > .winner-player-card {
  width: 100%;
  min-width: 0;
  max-width: none;
  border-radius: 15px;
}
body.app-view-winner-player #winnerPlayerGrid .winner-player-banner,
#winnerPlayerArea .winner-player-grid .winner-player-banner {
  display: block;
  aspect-ratio: var(--winner-player-banner-aspect, 2000 / 810);
  border-radius: 15px 15px 0 0;
}
}

@media (max-width: 360px) {
body.app-view-winner-player #winnerPlayerGrid .winner-player-banner,
#winnerPlayerArea .winner-player-grid .winner-player-banner {
  display: block;
  aspect-ratio: var(--winner-player-banner-aspect, 2000 / 810);
}
body.app-view-winner-player #winnerPlayerGrid > .winner-player-card,
#winnerPlayerArea .winner-player-grid > .winner-player-card {
  grid-template-areas: "banner" "detail";
}
}

.winner-viewport {
  overflow-x: auto;
  overflow-y: hidden;
  touch-action: pan-x pan-y;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  contain: layout paint;
}

#winnerGrid.winner-grid {
  touch-action: pan-x pan-y;
  pointer-events: auto;
}

#winnerGrid.winner-grid > .winner-card {
  touch-action: pan-x pan-y;
}

@media (update: slow), (prefers-reduced-data: reduce) {
.winner-section,
.winner-player-area {
  content-visibility: visible;
  contain-intrinsic-size: auto;
}
.winner-grid,
.winner-player-grid {
  transition: none !important;
  animation: none !important;
  scroll-behavior: auto !important;
}
}

#winnerPlayerArea {
  display: grid;
  gap: var(--ui-section-gap);
  min-width: 0;
}

.winner-section {
  min-width: 0;
}

#winnerPlayerArea[hidden] {
  display: none !important;
}

body:not(.app-view-winner-player) #winnerPlayerArea {
  display: none !important;
}

body.app-view-winner-player #winnerViewAllButton {
  display: none !important;
}

@media (min-width: 1025px) {
.winner-banner-page .wb-layout-shell {
  padding-left: 0;
}
.winner-banner-page .wb-main-content {
  max-width: none;
}
}

.winner-header .winner-copy {
  min-height: 0;
}

.winner-header .winner-kicker {
  margin-bottom: 0;
}

#winnerGrid.winner-grid {
  transform: none;
  backface-visibility: visible;
  -webkit-backface-visibility: visible;
  contain: layout paint style;
}

#winnerGrid .winner-card[data-winner-home-image-only="1"] {
  aspect-ratio: var(--banner-aspect, 2000 / 810);
  min-height: 0;
  padding: 0;
  background: #101010;
  box-shadow: none;
  filter: none;
  transform: none;
  transition: border-color 90ms ease, background-color 90ms ease, opacity 90ms ease;
  will-change: auto;
}

#winnerGrid .winner-card[data-winner-home-image-only="1"] .winner-card-image,
#winnerGrid .winner-card[data-winner-home-image-only="1"] .winner-card-img {
  transform: none;
  transition: none;
  animation: none;
  filter: none;
  will-change: auto;
}

#winnerGrid .winner-card[data-winner-home-image-only="1"] .winner-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.winner-avatar,
.winner-avatar::after,
.winner-avatar > img,
.winner-avatar.winner-provider-avatar > img,
.winner-avatar.winner-game-avatar > img,
.winner-player-card .winner-avatar img {
  animation: none;
  transition: none;
  transform: none;
  filter: none;
  will-change: auto;
}

.winner-avatar:hover,
.winner-avatar:focus-within,
.winner-avatar:active,
.winner-avatar:hover::after,
.winner-avatar:focus-within::after,
.winner-avatar:active::after,
.winner-avatar:hover > img,
.winner-avatar:focus-within > img,
.winner-avatar:active > img,
.winner-player-card .winner-avatar:hover img,
.winner-player-card .winner-avatar:focus-within img,
.winner-player-card .winner-avatar:active img {
  transform: none;
  filter: none;
  box-shadow: none;
}

.winner-section,
.winner-shell,
.winner-viewport,
#winnerGrid.winner-grid {
  min-width: 0;
}

.winner-section {
  width: min(100%, var(--s4d-winner-list-max-w));
  max-width: none;
  justify-self: stretch;
}

.winner-shell {
  display: grid;
  gap: var(--s4d-winner-list-gap);
  width: 100%;
  max-width: 100%;
  overflow: visible;
  background: var(--flat-wrap-bg, #101010);
}

.winner-viewport {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: visible;
  scroll-padding-inline: 0;
  scroll-snap-type: none;
  overscroll-behavior-x: auto;
  contain: layout style;
}

#winnerGrid.winner-grid {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  gap: var(--s4d-winner-list-gap);
  padding: 0;
  overflow: visible;
  scroll-snap-type: none;
  isolation: isolate;
  transform: none;
  backface-visibility: visible;
  -webkit-backface-visibility: visible;
}

#winnerGrid.winner-grid > .winner-card[data-winner-compact-list="1"] {
  display: grid;
  grid-template-columns: var(--s4d-winner-thumb) minmax(0, 1fr) clamp(138px, 15vw, 214px) var(--s4d-winner-trophy-size);
  grid-template-rows: auto;
  align-items: center;
  column-gap: .5rem;
  row-gap: 0;
  flex: 0 0 auto;
  flex-basis: auto;
  align-self: stretch;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  block-size: auto;
  min-block-size: 0;
  max-block-size: none;
  aspect-ratio: auto;
  padding: var(--s4d-winner-list-pad-y) var(--s4d-winner-list-pad-x);
  overflow: visible;
  border: 1px solid var(--s4d-winner-list-line);
  border-radius: 1rem 2rem 2rem 1rem / 1rem 50% 50% 1rem;
  background: var(--s4d-winner-list-bg);
  box-shadow: none;
  filter: none;
  transform: none;
  transition: border-color 80ms ease, background-color 80ms ease, opacity 80ms ease, box-shadow 80ms ease;
  will-change: auto;
  contain: layout style;
  isolation: isolate;
  scroll-snap-align: none;
  cursor: pointer;
  touch-action: manipulation;
}

#winnerGrid.winner-grid > .winner-card[data-winner-compact-list="1"]:hover,
#winnerGrid.winner-grid > .winner-card[data-winner-compact-list="1"]:focus-within,
#winnerGrid.winner-grid > .winner-card[data-winner-compact-list="1"]:active {
  border-color: var(--s4d-winner-list-line-strong);
  background: var(--s4d-winner-list-bg-hover);
  box-shadow: 0 4px 0 0 rgba(255,255,255,0.10);
  filter: none;
  transform: none;
  z-index: 12;
}

.winner-list-detail {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  align-items: center;
  align-self: center;
  gap: 2px;
  min-width: 0;
  overflow: hidden;
}

.winner-list-name,
.winner-list-date,
.winner-list-game,
.winner-list-amount-row,
.winner-list-amount-row b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.winner-list-name {
  display: block;
  color: var(--s4d-winner-list-text);
  font-size: clamp(11.4px, 0.88vw, 13px);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.018em;
  white-space: nowrap;
}

.winner-list-date {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  min-width: 0;
  color: var(--s4d-winner-list-muted);
  font-size: clamp(8.7px, 0.68vw, 10.2px);
  font-weight: 720;
  line-height: 1.12;
  white-space: nowrap;
  overflow: hidden;
}

.winner-list-date > span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.winner-list-date-icon {
  display: block;
  width: 11px;
  min-width: 11px;
  height: 11px;
  color: var(--s4d-winner-date-icon);
  opacity: 0.92;
  transform: translateY(-0.1px);
}

.winner-list-game {
  display: block;
  color: var(--s4d-winner-list-muted);
  font-size: clamp(8.7px, 0.68vw, 10.2px);
  font-weight: 720;
  line-height: 1.11;
  white-space: nowrap;
  width: 100%;
  max-width: 100%;
  color: var(--s4d-winner-list-text);
  font-weight: 820;
  text-transform: uppercase;
}

.winner-list-amounts {
  justify-self: end;
  align-self: center;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  width: min(100%, clamp(138px, 15vw, 214px));
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
}

.winner-list-amount-row {
  display: grid;
  grid-template-columns: 20px 5px minmax(0, 1fr);
  align-items: baseline;
  column-gap: 3px;
  min-width: 0;
  color: var(--s4d-winner-list-text);
  white-space: nowrap;
}

.winner-list-amount-row em,
.winner-list-amount-row i {
  display: block;
  color: var(--s4d-winner-list-soft);
  font-size: clamp(8.2px, 0.64vw, 9.6px);
  font-style: normal;
  font-weight: 850;
  line-height: 1.08;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.winner-list-amount-row em {
  text-align: right;
}

.winner-list-amount-row i {
  text-align: center;
}

.winner-list-amount-row b {
  display: block;
  color: var(--s4d-winner-list-accent);
  font-size: clamp(9.8px, 0.84vw, 12px);
  font-weight: 950;
  line-height: 1.08;
  letter-spacing: -0.03em;
  text-align: left;
  white-space: nowrap;
}

.winner-list-cup {
  display: inline-grid;
  place-items: center;
  justify-self: end;
  align-self: center;
  width: 18px;
  min-width: 18px;
  height: 18px;
  color: var(--s4d-winner-cup);
  line-height: 1;
  filter: none;
  transform: none;
  opacity: 0.96;
  contain: strict;
}

.winner-list-cup-icon {
  display: block;
  width: 100%;
  height: 100%;
  color: currentColor;
}

.winner-card[data-winner-compact-list="1"] .winner-avatar,
.winner-card[data-winner-compact-list="1"] .winner-time,
.winner-card[data-winner-compact-list="1"] .winner-desc,
.winner-card[data-winner-compact-list="1"] .winner-bottom,
.winner-card[data-winner-compact-list="1"] .winner-open-hint,
.winner-card[data-winner-compact-list="1"] .winner-member,
.winner-card[data-winner-compact-list="1"] .winner-detail {
  display: none;
}

.winner-header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#winnerViewAllButton,
.winner-view-all-btn,
.winner-view-all-btn.winner-view-all-bottom {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-height: 28px;
  margin: 0;
  padding: 0 12px;
  border: 1px solid var(--s4d-winner-list-line);
  border-radius: 999px;
  background: var(--btn-ghost-bg, #1b1b1b);
  color: var(--text, rgba(255,255,255,0.92));
  box-shadow: none;
}

.winner-view-all-btn.winner-view-all-bottom {
  width: 100%;
  min-height: 32px;
  margin-top: 1px;
  background: var(--flat-wrap-surface, #171717);
}

.winner-view-all-btn strong {
  color: var(--text, rgba(255,255,255,0.92));
  font-size: clamp(9.4px, 0.78vw, 11px);
  font-weight: 900;
  letter-spacing: -0.012em;
}

.winner-view-all-btn:hover,
.winner-view-all-btn:focus-visible {
  border-color: var(--s4d-winner-list-line-strong);
  background: var(--btn-ghost-bg-hover, #252525);
  color: #ffffff;
  outline: none;
}

@media (max-width: 768px) {
.winner-section,
.winner-shell {
  width: 100%;
  max-width: 100%;
}
.winner-shell {
  gap: 6px;
}
.winner-viewport {
  margin-inline: 0;
  padding-inline: 0;
}
#winnerGrid.winner-grid {
  width: 100%;
  min-width: 0;
  gap: 6px;
}
#winnerGrid.winner-grid > .winner-card[data-winner-compact-list="1"] {
  grid-template-columns: var(--s4d-winner-thumb-mobile) minmax(74px, 1fr) clamp(104px, 33vw, 128px) var(--s4d-winner-trophy-size);
  column-gap: 7px;
  row-gap: 0;
  flex: 0 0 auto;
  flex-basis: auto;
  width: 100%;
  min-width: 0;
  max-width: none;
  height: auto;
  min-height: 0;
  max-height: none;
  block-size: auto;
  min-block-size: 0;
  padding: 6px 7px;
  overflow: visible;
  border-radius: 10px;
}
.winner-list-detail {
  gap: 3px;
}
.winner-list-name {
  font-size: clamp(10.8px, 2.95vw, 12.4px);
  line-height: 1.1;
}
.winner-list-date,
.winner-list-game {
  font-size: clamp(8.3px, 2.12vw, 9.6px);
  line-height: 1.12;
}
.winner-list-date {
  gap: 4px;
}
.winner-list-date-icon {
  width: 10px;
  min-width: 10px;
  height: 10px;
}
.winner-list-game {
  max-width: min(100%, clamp(96px, 28vw, 172px));
}
.winner-list-amounts {
  justify-self: end;
  width: min(100%, clamp(104px, 33vw, 128px));
  gap: 3px;
}
.winner-list-amount-row {
  grid-template-columns: 18px 5px minmax(0, 1fr);
  column-gap: 3px;
}
.winner-list-amount-row em,
.winner-list-amount-row i {
  font-size: clamp(7.8px, 1.95vw, 8.9px);
}
.winner-list-amount-row b {
  font-size: clamp(9.1px, 2.38vw, 10.8px);
}
.winner-list-cup {
  width: 14px;
  min-width: 14px;
  height: 14px;
}
.winner-view-all-btn.winner-view-all-bottom {
  min-height: 31px;
}
}

@media (max-width: 430px) {
#winnerGrid.winner-grid > .winner-card[data-winner-compact-list="1"] {
  grid-template-columns: var(--s4d-winner-thumb-mobile) minmax(68px, 1fr) clamp(98px, 32vw, 122px) var(--s4d-winner-trophy-size);
  column-gap: 6px;
}
.winner-list-detail {
  gap: 2px;
}
.winner-list-game {
  max-width: min(100%, clamp(82px, 27vw, 128px));
}
.winner-list-amounts {
  width: min(100%, clamp(98px, 32vw, 122px));
  gap: 3px;
}
.winner-list-amount-row {
  grid-template-columns: 16px 4px minmax(0, 1fr);
}
}

@media (max-width: 390px) {
#winnerGrid.winner-grid > .winner-card[data-winner-compact-list="1"] {
  grid-template-columns: var(--s4d-winner-thumb-mobile) minmax(66px, 1fr) clamp(92px, 31vw, 112px) var(--s4d-winner-trophy-size);
  column-gap: 6px;
  row-gap: 0;
  padding: 5px 6px;
  border-radius: 9px;
  flex: 0 0 auto;
  flex-basis: auto;
  height: auto;
  min-height: 0;
  max-height: none;
}
.winner-list-amounts {
  width: min(100%, clamp(92px, 31vw, 112px));
  gap: 2px;
}
.winner-list-amount-row {
  grid-template-columns: 16px 4px minmax(0, 1fr);
}
.winner-list-amount-row b {
  font-size: clamp(8.8px, 2.25vw, 10.2px);
}
.winner-list-cup {
  width: 12px;
  min-width: 12px;
  height: 12px;
}
}

@media (max-width: 340px) {
#winnerGrid.winner-grid > .winner-card[data-winner-compact-list="1"] {
  grid-template-columns: var(--s4d-winner-thumb-mobile) minmax(58px, 1fr) clamp(86px, 30vw, 98px) var(--s4d-winner-trophy-size);
  column-gap: 5px;
}
.winner-list-game {
  max-width: min(100%, clamp(74px, 25vw, 100px));
}
.winner-list-amounts {
  width: min(100%, clamp(88px, 32vw, 100px));
  gap: 2px;
}
.winner-list-amount-row {
  grid-template-columns: 15px 4px minmax(0, 1fr);
}
}

@media (prefers-reduced-motion: reduce) {
#winnerGrid.winner-grid > .winner-card[data-winner-compact-list="1"],
#winnerGrid .winner-card[data-winner-compact-list="1"] .winner-card-img,
.winner-view-all-btn {
  transition: none;
  animation: none;
}
}

#winnerGrid.winner-grid,
#winnerGrid.winner-grid > .winner-card,
.winner-player-grid,
.winner-player-card,
.winner-avatar,
.winner-player-banner,
.winner-banner-page .wb-avatar-thumb {
  contain: layout style;
}

.winner-player-banner img,
.winner-avatar > img,
.winner-player-card .winner-avatar img,
.winner-banner-page .wb-avatar-thumb img {
  background: var(--s4d-avatar-bg);
  filter: none;
  transition: none;
  animation: none;
  will-change: auto;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.winner-avatar,
.winner-banner-page .wb-avatar-thumb {
  position: relative;
  z-index: 8;
  overflow: visible;
  background: var(--s4d-avatar-bg);
  isolation: isolate;
  transform: translateZ(0);
}

.winner-avatar::after,
.winner-banner-page .wb-avatar-thumb::after {
  display: none;
  content: none;
}

.winner-header .winner-kicker,
.winner-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
  width: auto;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: rgba(255,255,255,0.96);
  font-size: clamp(11.5px, 0.92vw, 14px);
  font-weight: 950;
  line-height: 1.15;
  letter-spacing: 0.045em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: visible;
}

.winner-kicker::before {
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  width: var(--s4d-winner-title-logo-size);
  height: var(--s4d-winner-title-logo-size);
  background-image: var(--s4d-winner-title-logo-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translateY(-0.5px);
  filter: none;
}

.winner-kicker::after {
  content: none;
  display: none;
}

.winner-list-cup {
  width: var(--s4d-winner-trophy-size);
  min-width: var(--s4d-winner-trophy-size);
  height: var(--s4d-winner-trophy-size);
  opacity: 1;
  color: inherit;
  filter: none;
  transform: none;
  contain: paint;
  will-change: auto;
}

.winner-list-cup-icon {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  border: 0;
  background: transparent;
  filter: none;
  transform: none;
  transition: none;
  animation: none;
  user-select: none;
  -webkit-user-drag: none;
}

#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]) {
  overflow: visible;
  grid-template-columns: var(--s4d-winner-jp-avatar-size) minmax(0, 1fr) clamp(138px, 15vw, 214px) var(--s4d-winner-trophy-size);
}

#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):hover,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):focus-within,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):active {
  cursor: pointer;
  backface-visibility: hidden;
}

#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-card-image,
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-avatar,
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-player-avatar,
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-list-avatar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: var(--s4d-winner-jp-avatar-size);
  min-width: var(--s4d-winner-jp-avatar-size);
  max-width: var(--s4d-winner-jp-avatar-size);
  height: var(--s4d-winner-jp-avatar-size);
  min-height: var(--s4d-winner-jp-avatar-size);
  max-height: var(--s4d-winner-jp-avatar-size);
  margin: 0;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  filter: none;
  transform: none;
  contain: layout style;
  isolation: isolate;
  z-index: 8;
}

#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-card-image::before,
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-card-image::after,
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-avatar::before,
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-avatar::after,
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-player-avatar::before,
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-player-avatar::after,
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-list-avatar::before,
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-list-avatar::after {
  content: none;
  display: none;
}

#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-card-img,
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-card-image > img,
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-card-image picture,
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-card-image picture > img,
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-avatar > img,
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-player-avatar > img,
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-list-avatar > img,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]) > img:first-child,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]) > picture:first-child,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]) > picture:first-child > img,
.winner-player-card .winner-avatar > img,
.winner-banner-page .wb-avatar-thumb > img[data-wb-image="avatar"] {
  position: relative;
  left: 0;
  z-index: 1;
  display: block;
  width: var(--s4d-winner-jp-avatar-size);
  min-width: var(--s4d-winner-jp-avatar-size);
  max-width: none;
  height: var(--s4d-winner-jp-avatar-size);
  min-height: var(--s4d-winner-jp-avatar-size);
  max-height: var(--s4d-winner-jp-avatar-size);
  margin-top: -5px;
  padding: 0;
  overflow: hidden;
  border: 2px solid var(--s4d-winner-jp-avatar-border);
  border-radius: var(--s4d-winner-jp-avatar-radius);
  background: #101010;
  box-shadow: var(--s4d-winner-jp-avatar-shadow);
  object-fit: cover;
  object-position: center;
  transform: rotate(var(--s4d-winner-jp-avatar-rotate));
  transform-origin: center center;
  filter: none;
  transition: border-color 90ms ease, box-shadow 90ms ease, opacity 90ms ease;
  animation: none;
  will-change: auto;
  user-select: none;
  -webkit-user-drag: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-card-image picture,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]) > picture:first-child {
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
}

#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-card-image picture > img,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]) > picture:first-child > img {
  margin-top: 0;
}

.winner-player-card .winner-avatar,
.winner-banner-page .wb-avatar-thumb {
  position: relative;
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
  contain: layout style;
  isolation: isolate;
  z-index: 80;
}

.winner-player-card .winner-avatar::before,
.winner-player-card .winner-avatar::after,
.winner-banner-page .wb-avatar-thumb::before,
.winner-banner-page .wb-avatar-thumb::after {
  content: none;
  display: none;
}

#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):hover .winner-card-image,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):focus-within .winner-card-image,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):active .winner-card-image,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):hover .winner-avatar,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):focus-within .winner-avatar,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):active .winner-avatar,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):hover .winner-player-avatar,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):focus-within .winner-player-avatar,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):active .winner-player-avatar,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):hover .winner-list-avatar,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):focus-within .winner-list-avatar,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):active .winner-list-avatar,
.winner-player-card .winner-avatar:hover,
.winner-player-card .winner-avatar:focus-within,
.winner-player-card .winner-avatar:active,
.winner-banner-page .wb-avatar-thumb:hover,
.winner-banner-page .wb-avatar-thumb:focus-within,
.winner-banner-page .wb-avatar-thumb:active {
  animation: shaking-jp 2s ease infinite;
  z-index: 2;
}

#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):hover .winner-card-img,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):focus-within .winner-card-img,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):active .winner-card-img,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):hover .winner-card-image > img,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):focus-within .winner-card-image > img,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):active .winner-card-image > img,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):hover .winner-avatar > img,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):focus-within .winner-avatar > img,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):active .winner-avatar > img,
.winner-player-card .winner-avatar:hover > img,
.winner-player-card .winner-avatar:focus-within > img,
.winner-player-card .winner-avatar:active > img,
.winner-banner-page .wb-avatar-thumb:hover > img[data-wb-image="avatar"],
.winner-banner-page .wb-avatar-thumb:focus-within > img[data-wb-image="avatar"],
.winner-banner-page .wb-avatar-thumb:active > img[data-wb-image="avatar"] {
  border-color: var(--s4d-winner-jp-avatar-border-hover);
}

#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-provider,
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-provider-badge,
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-card-provider,
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .jackpot-provider,
.winner-player-card .winner-provider-badge,
.winner-player-card .winner-avatar-provider-badge,
.winner-banner-page .wb-provider-badge {
  position: absolute;
  top: var(--s4d-winner-jp-provider-top);
  right: -6px;
  z-index: 60;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--s4d-winner-jp-provider-size);
  min-width: var(--s4d-winner-jp-provider-size);
  height: var(--s4d-winner-jp-provider-size);
  min-height: var(--s4d-winner-jp-provider-size);
  padding: 3px;
  overflow: hidden;
  border: 2px solid var(--s4d-winner-jp-avatar-border);
  border-radius: 50%;
  background: var(--s4d-winner-jp-provider-bg);
  box-shadow: 2px 0 4px 0 rgb(0 0 0 / 30%);
  pointer-events: none;
  transform: none;
  filter: none;
  contain: layout style;
}

.winner-player-card .winner-avatar-provider-badge,
.winner-banner-page .wb-provider-badge {
  top: calc(var(--s4d-winner-jp-provider-top) + 6px);
  right: -12px;
  z-index: 90;
}

#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-provider img,
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-provider svg,
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-provider-badge img,
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-provider-badge svg,
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-card-provider img,
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-card-provider svg,
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .jackpot-provider img,
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .jackpot-provider svg,
.winner-player-card .winner-provider-badge img,
.winner-player-card .winner-provider-badge svg,
.winner-banner-page .wb-provider-badge img,
.winner-banner-page .wb-provider-badge svg {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}

#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):hover .winner-provider,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):focus-within .winner-provider,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):active .winner-provider,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):hover .winner-provider-badge,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):focus-within .winner-provider-badge,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):active .winner-provider-badge,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):hover .winner-card-provider,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):focus-within .winner-card-provider,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):active .winner-card-provider,
.winner-player-card .winner-avatar:hover .winner-provider-badge,
.winner-player-card .winner-avatar:focus-within .winner-provider-badge,
.winner-player-card .winner-avatar:active .winner-provider-badge,
.winner-banner-page .wb-avatar-thumb:hover .wb-provider-badge,
.winner-banner-page .wb-avatar-thumb:focus-within .wb-provider-badge,
.winner-banner-page .wb-avatar-thumb:active .wb-provider-badge {
  border-color: var(--s4d-winner-jp-avatar-border-hover);
}

.winner-list-detail,
.winner-detail,
.winner-card-detail,
.jackpot-detail {
  min-width: 0;
}

.winner-list-game,
.winner-game,
.winner-card-game,
.winner-player-game {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  color: var(--s4d-winner-jp-game-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 768px) {
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]) {
  grid-template-columns: var(--s4d-winner-jp-avatar-size) minmax(74px, 1fr) clamp(104px, 33vw, 128px) var(--s4d-winner-trophy-size);
}
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-provider,
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-provider-badge,
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .winner-card-provider,
#winnerGrid .winner-card:not([data-winner-home-image-only="1"]) .jackpot-provider,
.winner-player-card .winner-provider-badge,
.winner-player-card .winner-avatar-provider-badge,
.winner-banner-page .wb-provider-badge {
  top: calc(var(--s4d-winner-jp-provider-top-mobile) + 3px);
}
}

@media (max-width: 390px) {
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]) {
  grid-template-columns: var(--s4d-winner-jp-avatar-size) minmax(66px, 1fr) clamp(92px, 31vw, 112px) var(--s4d-winner-trophy-size);
}
}

@media (prefers-reduced-motion: reduce), (update: slow), (prefers-reduced-data: reduce), (hover: none), (pointer: coarse) {
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):hover .winner-card-image,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):focus-within .winner-card-image,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):active .winner-card-image,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):hover .winner-avatar,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):focus-within .winner-avatar,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):active .winner-avatar,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):hover .winner-player-avatar,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):focus-within .winner-player-avatar,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):active .winner-player-avatar,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):hover .winner-list-avatar,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):focus-within .winner-list-avatar,
#winnerGrid.winner-grid > .winner-card:not([data-winner-home-image-only="1"]):active .winner-list-avatar,
.winner-player-card .winner-avatar:hover,
.winner-player-card .winner-avatar:focus-within,
.winner-player-card .winner-avatar:active,
.winner-banner-page .wb-avatar-thumb:hover,
.winner-banner-page .wb-avatar-thumb:focus-within,
.winner-banner-page .wb-avatar-thumb:active {
  animation: none;
}
}

body.app-view-winner-player #winnerPlayerGrid,
#winnerPlayerArea .winner-player-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--s4d-wp-list-gap);
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  scroll-snap-type: none;
  touch-action: pan-y;
  contain: layout paint style;
}

body.app-view-winner-player #winnerPlayerGrid > .winner-player-card,
#winnerPlayerArea .winner-player-grid > .winner-player-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "banner" "summary";
  align-content: start;
  width: 100%;
  min-width: 0;
  max-width: none;
  overflow: hidden;
  border: 1px solid var(--line, rgba(255,255,255,.09));
  border-radius: var(--s4d-wp-list-radius);
  background: var(--card-bg, #171717);
  box-shadow: none;
  filter: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

body.app-view-winner-player #winnerPlayerGrid > .winner-player-card:hover,
body.app-view-winner-player #winnerPlayerGrid > .winner-player-card:focus-visible,
#winnerPlayerArea .winner-player-grid > .winner-player-card:hover,
#winnerPlayerArea .winner-player-grid > .winner-player-card:focus-visible {
  border-color: var(--line-strong, rgba(255,255,255,.16));
  background: var(--card-bg-hover, #202020);
  outline: none;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-banner-main,
#winnerPlayerArea .winner-player-grid .winner-player-banner-main {
  grid-area: banner;
  display: block;
  width: 100%;
  min-width: 0;
  aspect-ratio: var(--winner-player-banner-aspect, 2000 / 810);
  overflow: hidden;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
  border-radius: var(--s4d-wp-list-radius) var(--s4d-wp-list-radius) 0 0;
  background: #101010;
  box-shadow: none;
  filter: none;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-banner-main img,
#winnerPlayerArea .winner-player-grid .winner-player-banner-main img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  background: #101010;
  transform: translateZ(0);
  user-select: none;
  -webkit-user-drag: none;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-banner-empty,
#winnerPlayerArea .winner-player-grid .winner-player-banner-empty {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  color: rgba(255,255,255,.82);
  font-size: clamp(13px, 1.1vw, 17px);
  font-weight: 900;
  letter-spacing: -.02em;
  background: linear-gradient(135deg, #10254a 0%, #0e1d38 60%, #132f62 100%);
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-list-row,
#winnerPlayerArea .winner-player-grid .winner-player-list-row {
  grid-area: summary;
  display: grid;
  grid-template-columns: var(--s4d-wp-list-avatar) minmax(78px, 1fr) var(--s4d-wp-list-amount-w) var(--s4d-wp-list-trophy);
  align-items: center;
  gap: clamp(7px, .72vw, 10px);
  width: 100%;
  min-width: 0;
  padding: clamp(7px, .72vw, 10px);
  background: transparent;
  overflow: visible;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-card-image,
#winnerPlayerArea .winner-player-grid .winner-player-card-image {
  position: relative;
  display: block;
  width: var(--s4d-wp-list-avatar);
  min-width: var(--s4d-wp-list-avatar);
  height: var(--s4d-wp-list-avatar);
  min-height: var(--s4d-wp-list-avatar);
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
  isolation: isolate;
  contain: layout style;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-card-img,
#winnerPlayerArea .winner-player-grid .winner-player-card-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  overflow: hidden;
  border: 2px solid var(--s4d-winner-jp-avatar-border, rgba(255,255,255,.18));
  border-radius: var(--s4d-winner-jp-avatar-radius, 20% 75% 75% 20% / 20% 50% 50% 20%);
  background: #101010;
  box-shadow: var(--s4d-winner-jp-avatar-shadow, -5px 0 0 1px rgb(0 0 0 / 30%), 2px 0 4px 0 rgb(0 0 0 / 30%));
  transform: rotate(var(--s4d-winner-jp-avatar-rotate, 351deg));
  transform-origin: center center;
  filter: none;
  transition: border-color 90ms ease;
  user-select: none;
  -webkit-user-drag: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-card-image:hover,
body.app-view-winner-player #winnerPlayerGrid .winner-player-card-image:focus-within,
#winnerPlayerArea .winner-player-grid .winner-player-card-image:hover,
#winnerPlayerArea .winner-player-grid .winner-player-card-image:focus-within {
  animation: shaking-jp 2s ease infinite;
  z-index: 5;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-card-image:hover .winner-player-card-img,
body.app-view-winner-player #winnerPlayerGrid .winner-player-card-image:focus-within .winner-player-card-img,
#winnerPlayerArea .winner-player-grid .winner-player-card-image:hover .winner-player-card-img,
#winnerPlayerArea .winner-player-grid .winner-player-card-image:focus-within .winner-player-card-img {
  border-color: var(--s4d-winner-jp-avatar-border-hover, rgba(255,255,255,.34));
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-card-provider,
#winnerPlayerArea .winner-player-grid .winner-player-card-provider {
  position: absolute;
  top: calc(var(--s4d-wp-list-avatar) - var(--s4d-winner-jp-provider-size, 30px) + 9px);
  right: -6px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--s4d-winner-jp-provider-size, 30px);
  min-width: var(--s4d-winner-jp-provider-size, 30px);
  height: var(--s4d-winner-jp-provider-size, 30px);
  min-height: var(--s4d-winner-jp-provider-size, 30px);
  padding: 3px;
  overflow: hidden;
  border: 2px solid var(--s4d-winner-jp-avatar-border, rgba(255,255,255,.18));
  border-radius: 50%;
  background: var(--s4d-winner-jp-provider-bg, #171717);
  box-shadow: 2px 0 4px 0 rgb(0 0 0 / 30%);
  pointer-events: none;
  transform: none;
  filter: none;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-card-provider img,
body.app-view-winner-player #winnerPlayerGrid .winner-player-card-provider svg,
#winnerPlayerArea .winner-player-grid .winner-player-card-provider img,
#winnerPlayerArea .winner-player-grid .winner-player-card-provider svg {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
  border: 0;
  border-radius: 0;
  background: transparent;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-list-detail,
#winnerPlayerArea .winner-player-grid .winner-player-list-detail {
  display: grid;
  gap: 3px;
  min-width: 0;
  overflow: hidden;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-list-name,
#winnerPlayerArea .winner-player-grid .winner-player-list-name {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  color: var(--s4d-winner-list-text, rgba(255,255,255,.92));
  font-size: clamp(11.2px, .86vw, 13px);
  font-weight: 950;
  line-height: 1.08;
  letter-spacing: -.018em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-list-date,
body.app-view-winner-player #winnerPlayerGrid .winner-player-list-game,
#winnerPlayerArea .winner-player-grid .winner-player-list-date,
#winnerPlayerArea .winner-player-grid .winner-player-list-game {
  display: flex;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  color: var(--s4d-winner-list-muted, rgba(255,255,255,.64));
  font-size: clamp(8.5px, .66vw, 10.2px);
  font-weight: 760;
  line-height: 1.12;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-list-date,
#winnerPlayerArea .winner-player-grid .winner-player-list-date {
  gap: 5px;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-list-date > span,
#winnerPlayerArea .winner-player-grid .winner-player-list-date > span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-list-date-icon,
#winnerPlayerArea .winner-player-grid .winner-player-list-date-icon {
  display: block;
  width: 11px;
  min-width: 11px;
  height: 11px;
  color: var(--s4d-winner-date-icon, rgba(255,255,255,.72));
  opacity: .92;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-list-game,
#winnerPlayerArea .winner-player-grid .winner-player-list-game {
  color: var(--s4d-winner-list-text, rgba(255,255,255,.92));
  font-weight: 850;
  text-transform: uppercase;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-list-amounts,
#winnerPlayerArea .winner-player-grid .winner-player-list-amounts {
  justify-self: end;
  align-self: center;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  width: var(--s4d-wp-list-amount-w);
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-list-amount-row,
#winnerPlayerArea .winner-player-grid .winner-player-list-amount-row {
  display: grid;
  grid-template-columns: 20px 5px minmax(0, 1fr);
  align-items: baseline;
  column-gap: 3px;
  min-width: 0;
  color: var(--s4d-winner-list-text, rgba(255,255,255,.92));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-list-amount-row em,
body.app-view-winner-player #winnerPlayerGrid .winner-player-list-amount-row i,
#winnerPlayerArea .winner-player-grid .winner-player-list-amount-row em,
#winnerPlayerArea .winner-player-grid .winner-player-list-amount-row i {
  display: block;
  color: var(--s4d-winner-list-soft, rgba(255,255,255,.46));
  font-size: clamp(8px, .62vw, 9.5px);
  font-style: normal;
  font-weight: 850;
  line-height: 1.08;
  letter-spacing: .035em;
  text-transform: uppercase;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-list-amount-row em,
#winnerPlayerArea .winner-player-grid .winner-player-list-amount-row em {
  text-align: right;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-list-amount-row i,
#winnerPlayerArea .winner-player-grid .winner-player-list-amount-row i {
  text-align: center;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-list-amount-row b,
#winnerPlayerArea .winner-player-grid .winner-player-list-amount-row b {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: var(--s4d-winner-list-accent, var(--theme-color-accent, #ededed));
  font-size: clamp(9.4px, .78vw, 12px);
  font-weight: 950;
  line-height: 1.08;
  letter-spacing: -.03em;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-list-cup,
#winnerPlayerArea .winner-player-grid .winner-player-list-cup {
  display: inline-grid;
  place-items: center;
  justify-self: end;
  align-self: center;
  width: var(--s4d-wp-list-trophy);
  min-width: var(--s4d-wp-list-trophy);
  height: var(--s4d-wp-list-trophy);
  color: var(--s4d-winner-cup, #f5c45e);
  line-height: 1;
  opacity: .98;
  filter: none;
  transform: none;
  contain: paint;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-list-cup-icon,
#winnerPlayerArea .winner-player-grid .winner-player-list-cup-icon {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  border: 0;
  background: transparent;
  user-select: none;
  -webkit-user-drag: none;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-detail-final,
body.app-view-winner-player #winnerPlayerGrid .winner-player-desc-final,
body.app-view-winner-player #winnerPlayerGrid .winner-player-game-final,
body.app-view-winner-player #winnerPlayerGrid .winner-player-bottom-final,
#winnerPlayerArea .winner-player-grid .winner-player-detail-final,
#winnerPlayerArea .winner-player-grid .winner-player-desc-final,
#winnerPlayerArea .winner-player-grid .winner-player-game-final,
#winnerPlayerArea .winner-player-grid .winner-player-bottom-final {
  display: none !important;
}

@media (min-width: 1181px) {
body.has-sidebar-docked.app-view-winner-player #winnerPlayerGrid,
body.has-sidebar-docked #winnerPlayerArea .winner-player-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 860px) {
body.app-view-winner-player #winnerPlayerGrid,
#winnerPlayerArea .winner-player-grid {
  grid-template-columns: minmax(0, 1fr);
}
}

@media (max-width: 640px) {
body.app-view-winner-player #winnerPlayerGrid,
#winnerPlayerArea .winner-player-grid {
  gap: 10px;
}
body.app-view-winner-player #winnerPlayerGrid .winner-player-list-row,
#winnerPlayerArea .winner-player-grid .winner-player-list-row {
  grid-template-columns: var(--s4d-wp-list-avatar) minmax(68px, 1fr) var(--s4d-wp-list-amount-w) var(--s4d-wp-list-trophy);
  gap: 6px;
  padding: 6px 7px;
}
body.app-view-winner-player #winnerPlayerGrid .winner-player-list-name,
#winnerPlayerArea .winner-player-grid .winner-player-list-name {
  font-size: clamp(10.8px, 2.95vw, 12.4px);
}
body.app-view-winner-player #winnerPlayerGrid .winner-player-list-date,
body.app-view-winner-player #winnerPlayerGrid .winner-player-list-game,
#winnerPlayerArea .winner-player-grid .winner-player-list-date,
#winnerPlayerArea .winner-player-grid .winner-player-list-game {
  font-size: clamp(8.3px, 2.12vw, 9.6px);
}
body.app-view-winner-player #winnerPlayerGrid .winner-player-list-amount-row,
#winnerPlayerArea .winner-player-grid .winner-player-list-amount-row {
  grid-template-columns: 18px 5px minmax(0, 1fr);
}
}

@media (max-width: 390px) {
body.app-view-winner-player #winnerPlayerGrid .winner-player-list-row,
#winnerPlayerArea .winner-player-grid .winner-player-list-row {
  grid-template-columns: var(--s4d-wp-list-avatar) minmax(62px, 1fr) var(--s4d-wp-list-amount-w) var(--s4d-wp-list-trophy);
  padding: 5px 6px;
}
body.app-view-winner-player #winnerPlayerGrid .winner-player-list-amount-row,
#winnerPlayerArea .winner-player-grid .winner-player-list-amount-row {
  grid-template-columns: 16px 4px minmax(0, 1fr);
}
}

@media (max-width: 340px) {
body.app-view-winner-player #winnerPlayerGrid .winner-player-list-row,
#winnerPlayerArea .winner-player-grid .winner-player-list-row {
  grid-template-columns: var(--s4d-wp-list-avatar) minmax(56px, 1fr) var(--s4d-wp-list-amount-w) var(--s4d-wp-list-trophy);
  gap: 5px;
}
}

@media (prefers-reduced-motion: reduce), (update: slow), (hover: none), (pointer: coarse) {
body.app-view-winner-player #winnerPlayerGrid .winner-player-card-image:hover,
body.app-view-winner-player #winnerPlayerGrid .winner-player-card-image:focus-within,
#winnerPlayerArea .winner-player-grid .winner-player-card-image:hover,
#winnerPlayerArea .winner-player-grid .winner-player-card-image:focus-within {
  animation: none;
}
}

body.app-view-winner-player #winnerPlayerGrid > .winner-player-card,
#winnerPlayerArea .winner-player-grid > .winner-player-card {
  grid-template-areas: "banner"
    "description-title"
    "summary" !important;
  align-content: start;
  overflow: hidden;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-description-title,
#winnerPlayerArea .winner-player-grid .winner-player-description-title {
  grid-area: description-title;
  display: block;
  width: 100%;
  min-width: 0;
  padding: clamp(9px, 1vw, 13px) clamp(12px, 1.15vw, 16px) clamp(7px, .8vw, 10px);
  border: 0;
  border-top: 1px solid rgba(255,255,255,.055);
  background: transparent;
  overflow: visible;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-description-title strong,
#winnerPlayerArea .winner-player-grid .winner-player-description-title strong {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--text-strong, #ffffff);
  font-size: clamp(18px, 1.72vw, 28px);
  font-weight: 950;
  line-height: 1.04;
  letter-spacing: -.045em;
  text-transform: none;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
  word-break: normal;
  text-wrap: balance;
  box-shadow: none;
  text-shadow: none;
}

body.app-view-winner-player #winnerPlayerGrid .winner-player-description-title:empty,
#winnerPlayerArea .winner-player-grid .winner-player-description-title:empty {
  display: none;
}

@media (min-width:1280px) {
body.app-view-winner-player #winnerPlayerGrid .winner-player-description-title strong,
#winnerPlayerArea .winner-player-grid .winner-player-description-title strong {
  font-size: clamp(20px, 1.55vw, 30px);
  line-height: 1.03;
}
}

@media (max-width:900px) {
body.app-view-winner-player #winnerPlayerGrid .winner-player-description-title,
#winnerPlayerArea .winner-player-grid .winner-player-description-title {
  padding: 10px 12px 8px;
}
body.app-view-winner-player #winnerPlayerGrid .winner-player-description-title strong,
#winnerPlayerArea .winner-player-grid .winner-player-description-title strong {
  font-size: clamp(17px, 4.6vw, 25px);
  line-height: 1.05;
  letter-spacing: -.04em;
}
}

@media (max-width:420px) {
body.app-view-winner-player #winnerPlayerGrid .winner-player-description-title,
#winnerPlayerArea .winner-player-grid .winner-player-description-title {
  padding: 9px 10px 7px;
}
body.app-view-winner-player #winnerPlayerGrid .winner-player-description-title strong,
#winnerPlayerArea .winner-player-grid .winner-player-description-title strong {
  font-size: clamp(16px, 5.2vw, 22px);
  line-height: 1.06;
}
}


/*
 * System Addons
 * Sidebar social icons + inspect guard overlay. Lightweight and isolated.
 */

/* Sidebar social icons */
:root {
  --s4d-social-icon-size: 25px;
  --s4d-social-icon-size-mobile: 24px;
}.sidebar-social-nav {
  gap: 7px;
}.sidebar-social-link {
  align-items: center;
  gap: 10px;
}.sidebar-social-link > .s4d-social-icon,
.sidebar-social-link > img.s4d-social-icon {
  display: block;
  flex: 0 0 var(--s4d-social-icon-size);
  width: var(--s4d-social-icon-size);
  height: var(--s4d-social-icon-size);
  min-width: var(--s4d-social-icon-size);
  max-width: var(--s4d-social-icon-size);
  max-height: var(--s4d-social-icon-size);
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
  object-fit: contain;
  object-position: center;
  opacity: 1;
  filter: none;
  mix-blend-mode: normal;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}.sidebar-social-link > .s4d-social-icon::before,
.sidebar-social-link > .s4d-social-icon::after {
  content: none;
  display: none;
}.sidebar-social-link[data-social="instagram"] > .s4d-social-icon,
.sidebar-social-link[data-social="telegram"] > .s4d-social-icon,
.sidebar-social-link[data-social="facebook"] > .s4d-social-icon,
.sidebar-social-link[data-social="whatsapp"] > .s4d-social-icon {
  width: var(--s4d-social-icon-size);
  height: var(--s4d-social-icon-size);
}.sidebar-social-link:hover > .s4d-social-icon,
.sidebar-social-link:focus-visible > .s4d-social-icon {
  opacity: 1;
  filter: none;
  transform: translateZ(0);
}.s4d-social-attribution {
  margin: 10px 2px 0;
  padding: 8px 9px;
  border: 1px solid rgba(255, 255, 255, 0.065);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.032);
  color: rgba(226, 238, 255, 0.42);
  font-size: 9px;
  line-height: 1.45;
  letter-spacing: 0.01em;
}.s4d-social-attribution a {
  color: rgba(226, 238, 255, 0.54);
  text-decoration: none;
  text-underline-offset: 2px;
}.s4d-social-attribution a:hover,
.s4d-social-attribution a:focus-visible {
  color: rgba(226, 246, 255, 0.82);
  text-decoration: underline;
}.s4d-social-attribution span {
  display: inline-block;
  margin: 0 4px;
  color: rgba(226, 238, 255, 0.24);
}@media (max-width: 520px) {
  .sidebar-social-link > .s4d-social-icon,
  .sidebar-social-link > img.s4d-social-icon {
    flex-basis: var(--s4d-social-icon-size-mobile);
    width: var(--s4d-social-icon-size-mobile);
    height: var(--s4d-social-icon-size-mobile);
    min-width: var(--s4d-social-icon-size-mobile);
    max-width: var(--s4d-social-icon-size-mobile);
    max-height: var(--s4d-social-icon-size-mobile);
  }

  .s4d-social-attribution {
    margin-top: 8px;
    padding: 7px 8px;
    font-size: 8.5px;
  }
}@media (prefers-reduced-motion: reduce) {
  .sidebar-social-link > .s4d-social-icon,
  .sidebar-social-link:hover > .s4d-social-icon,
  .sidebar-social-link:focus-visible > .s4d-social-icon {
    transition: none;
    transform: none;
  }
}

/* Inspect guard overlay */
#smartInspectGuardOverlay {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: grid;
  place-items: center;
  padding: 24px;
  color: #ffffff;
  font-family: inherit;
  background: rgba(4, 8, 18, 0.62);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 160ms cubic-bezier(.22,.61,.36,1),
    visibility 160ms cubic-bezier(.22,.61,.36,1),
    background 160ms cubic-bezier(.22,.61,.36,1),
}#smartInspectGuardOverlay.is-open {
  opacity: 1;
  visibility: visible;
}#smartInspectGuardOverlay.is-locked {
  pointer-events: auto;
  background: rgba(4, 8, 18, 0.72);
}#smartInspectGuardOverlay.is-toast {
  place-items: center;
  background: rgba(4, 8, 18, 0.54);
  pointer-events: none;
}#smartInspectGuardOverlay .guard-card {
  width: min(88vw, 340px);
  padding: 15px 17px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 16px;
  color: rgba(255, 255, 255, 0.92);
  text-align: center;
  background: linear-gradient(180deg, rgba(22, 24, 31, 0.96), rgba(11, 13, 19, 0.96));
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
  transform: translateY(6px) scale(0.99);
  transition:
    transform 170ms cubic-bezier(.22,.61,.36,1),
    border-color 170ms cubic-bezier(.22,.61,.36,1),
    box-shadow 170ms cubic-bezier(.22,.61,.36,1);
}#smartInspectGuardOverlay.is-open .guard-card {
  transform: translateY(0) scale(1);
}#smartInspectGuardOverlay.is-toast .guard-card {
  width: min(86vw, 316px);
  padding: 12px 14px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(22, 24, 31, 0.95), rgba(11, 13, 19, 0.95));
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.26);
}#smartInspectGuardOverlay .guard-icon {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  margin: 0 auto 8px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.065);
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
}#smartInspectGuardOverlay.is-toast .guard-icon {
  width: 22px;
  height: 22px;
  margin-bottom: 6px;
  font-size: 12px;
}#smartInspectGuardOverlay .guard-card strong,
#smartInspectGuardOverlay .guard-title {
  display: block;
  margin: 0 0 6px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.12;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}#smartInspectGuardOverlay .guard-card p,
#smartInspectGuardOverlay .guard-message {
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.42;
}#smartInspectGuardOverlay.is-toast .guard-card strong,
#smartInspectGuardOverlay.is-toast .guard-title {
  margin-bottom: 4px;
  font-size: 12.5px;
}#smartInspectGuardOverlay.is-toast .guard-card p,
#smartInspectGuardOverlay.is-toast .guard-message {
  font-size: 11.25px;
  line-height: 1.34;
}#smartInspectGuardOverlay.is-locked .guard-card {
  border-color: rgba(255, 90, 90, 0.25);
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.40);
}html.smart-inspect-guard-locking,
html.smart-inspect-guard-locking body {
  overflow: hidden !important;
  overscroll-behavior: none !important;
}body.smart-inspect-guard-active img,
body.smart-inspect-guard-active video,
body.smart-inspect-guard-active canvas,
body.smart-inspect-guard-active svg {
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-touch-callout: none;
}@media (max-width: 520px) {
  #smartInspectGuardOverlay {
    padding: 16px;
  }

  #smartInspectGuardOverlay .guard-card {
    width: min(100%, 330px);
    padding: 15px;
    border-radius: 15px;
  }

  #smartInspectGuardOverlay.is-toast .guard-card {
    width: min(100%, 300px);
    padding: 12px 13px;
  }

  #smartInspectGuardOverlay .guard-card strong,
  #smartInspectGuardOverlay .guard-title {
    font-size: 13.5px;
  }

  #smartInspectGuardOverlay .guard-card p,
  #smartInspectGuardOverlay .guard-message {
    font-size: 11.75px;
  }
}@media (max-height: 420px) {
  #smartInspectGuardOverlay {
    padding: 10px;
  }

  #smartInspectGuardOverlay .guard-card {
    padding: 11px 13px;
    border-radius: 13px;
  }

  #smartInspectGuardOverlay .guard-icon {
    width: 22px;
    height: 22px;
    margin-bottom: 5px;
    font-size: 12px;
  }

  #smartInspectGuardOverlay .guard-card strong,
  #smartInspectGuardOverlay .guard-title {
    margin-bottom: 3px;
    font-size: 12.5px;
  }

  #smartInspectGuardOverlay .guard-card p,
  #smartInspectGuardOverlay .guard-message {
    font-size: 11px;
    line-height: 1.3;
  }
}@media (prefers-reduced-motion: reduce) {
  #smartInspectGuardOverlay,
  #smartInspectGuardOverlay .guard-card {
    transition: none;
  }
}

/* Winner Banner: compact winner card below the main banner */
.winner-banner-page {
  --wb-summary-gap: clamp(7px, .8vw, 10px);
  --wb-summary-avatar: clamp(54px, 4.8vw, 66px);
  --wb-summary-trophy: clamp(22px, 2vw, 30px);
  --wb-summary-amount-w: clamp(142px, 18vw, 220px);
  --wb-summary-radius: clamp(14px, 1.2vw, 18px);
  --wb-summary-bg: var(--card-bg, #171717);
  --wb-summary-bg-hover: var(--card-bg-hover, #202020);
  --wb-summary-line: var(--line, rgba(255,255,255,.10));
  --wb-summary-line-strong: var(--line-strong, rgba(255,255,255,.18));
}

.winner-banner-page .wb-hero-panel {
  gap: clamp(8px, 1vw, 12px);
}

.winner-banner-page .wb-winner-summary-strip {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
}

.winner-banner-page .wb-banner {
  grid-template-columns: minmax(0, 1fr);
}

.winner-banner-page .wb-pane-main {
  min-width: 0;
}

.winner-banner-page .wb-pane-side,
.winner-banner-page .wb-statuscard {
  display: none;
}

.winner-banner-page .wb-winner-summary-card {
  position: relative;
  display: grid;
  grid-template-columns: var(--wb-summary-avatar) minmax(0, 1fr) var(--wb-summary-amount-w) var(--wb-summary-trophy);
  align-items: center;
  column-gap: var(--wb-summary-gap);
  row-gap: 0;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: auto;
  min-height: 0;
  padding: 6px 10px;
  overflow: visible;
  border: 1px solid var(--wb-summary-line);
  border-radius: var(--wb-summary-radius);
  background: var(--wb-summary-bg);
  box-shadow: none;
  filter: none;
  transform: none;
  transition: border-color 90ms ease, background-color 90ms ease;
  cursor: default;
  contain: layout style;
  isolation: isolate;
  scroll-snap-align: none;
}

.winner-banner-page .wb-winner-summary-card:hover,
.winner-banner-page .wb-winner-summary-card:focus-within {
  border-color: var(--wb-summary-line-strong);
  background: var(--wb-summary-bg-hover);
  box-shadow: none;
  filter: none;
  transform: none;
}

.winner-banner-page .wb-winner-summary-card .winner-card-image {
  position: relative;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: var(--wb-summary-avatar);
  min-width: var(--wb-summary-avatar);
  max-width: var(--wb-summary-avatar);
  height: var(--wb-summary-avatar);
  min-height: var(--wb-summary-avatar);
  max-height: var(--wb-summary-avatar);
  margin: 0;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  filter: none;
  transform: none;
  contain: layout style;
  isolation: isolate;
}

.winner-banner-page .wb-winner-summary-card .winner-card-image::before,
.winner-banner-page .wb-winner-summary-card .winner-card-image::after {
  content: none;
  display: none;
}

.winner-banner-page .wb-winner-summary-card .winner-card-img,
.winner-banner-page .wb-winner-summary-card .winner-card-image > img[data-wb-image="avatar"] {
  position: relative;
  z-index: 1;
  display: block;
  width: var(--wb-summary-avatar);
  min-width: var(--wb-summary-avatar);
  max-width: none;
  height: var(--wb-summary-avatar);
  min-height: var(--wb-summary-avatar);
  max-height: var(--wb-summary-avatar);
  margin: -4px 0 0;
  padding: 0;
  overflow: hidden;
  border: 2px solid var(--s4d-winner-jp-avatar-border, rgba(255,255,255,.18));
  border-radius: var(--s4d-winner-jp-avatar-radius, 16px 50% 50% 16px / 18px 50% 50% 18px);
  background: #101010;
  box-shadow: var(--s4d-winner-jp-avatar-shadow, none);
  object-fit: cover;
  object-position: center;
  transform: rotate(var(--s4d-winner-jp-avatar-rotate, -7deg));
  transform-origin: center center;
  filter: none;
  transition: border-color 90ms ease, opacity 90ms ease;
  animation: none;
  will-change: auto;
  user-select: none;
  -webkit-user-drag: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.winner-banner-page .wb-winner-summary-card .wb-provider-badge,
.winner-banner-page .wb-winner-summary-card .winner-card-provider,
.winner-banner-page .wb-winner-summary-card .winner-provider-badge,
.winner-banner-page .wb-winner-summary-card .jackpot-provider {
  top: calc(var(--wb-summary-avatar) - var(--s4d-winner-jp-provider-size, 30px) + 6px);
  right: -8px;
  z-index: 10;
}

.winner-banner-page .wb-winner-summary-card .winner-list-detail {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  align-self: center;
  gap: 3px;
  min-width: 0;
  overflow: hidden;
}

.winner-banner-page .wb-winner-summary-card .winner-list-name,
.winner-banner-page .wb-winner-summary-card .winner-list-date,
.winner-banner-page .wb-winner-summary-card .winner-list-game,
.winner-banner-page .wb-winner-summary-card .winner-list-amount-row,
.winner-banner-page .wb-winner-summary-card .winner-list-amount-row b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.winner-banner-page .wb-winner-summary-card .winner-list-name {
  color: var(--text-strong, #fff);
  font-size: clamp(11.5px, .9vw, 13.5px);
  font-weight: 950;
  line-height: 1.08;
  letter-spacing: -.02em;
}

.winner-banner-page .wb-winner-summary-card .winner-list-date {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  color: var(--muted, rgba(255,255,255,.66));
  font-size: clamp(8.7px, .68vw, 10.3px);
  font-weight: 800;
  line-height: 1.12;
}

.winner-banner-page .wb-winner-summary-card .winner-list-date > span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.winner-banner-page .wb-winner-summary-card .winner-list-date-icon {
  display: block;
  width: 11px;
  min-width: 11px;
  height: 11px;
  color: var(--s4d-winner-date-icon, rgba(255,255,255,.8));
  opacity: .94;
}

.winner-banner-page .wb-winner-summary-card .winner-list-game {
  display: block;
  width: 100%;
  max-width: 100%;
  color: var(--text, rgba(255,255,255,.9));
  font-size: clamp(8.8px, .68vw, 10.5px);
  font-weight: 850;
  line-height: 1.12;
  text-transform: uppercase;
}

.winner-banner-page .wb-winner-summary-card .winner-list-amounts {
  justify-self: end;
  display: grid;
  align-content: center;
  gap: 4px;
  width: min(100%, var(--wb-summary-amount-w));
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
}

.winner-banner-page .wb-winner-summary-card .winner-list-amount-row {
  display: grid;
  grid-template-columns: 22px 5px minmax(0, 1fr);
  align-items: baseline;
  column-gap: 3px;
  color: var(--text, rgba(255,255,255,.9));
}

.winner-banner-page .wb-winner-summary-card .winner-list-amount-row em,
.winner-banner-page .wb-winner-summary-card .winner-list-amount-row i {
  display: block;
  color: var(--muted-2, rgba(255,255,255,.5));
  font-size: clamp(8.2px, .64vw, 9.8px);
  font-style: normal;
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.winner-banner-page .wb-winner-summary-card .winner-list-amount-row em {
  text-align: right;
}

.winner-banner-page .wb-winner-summary-card .winner-list-amount-row i {
  text-align: center;
}

.winner-banner-page .wb-winner-summary-card .winner-list-amount-row b {
  display: block;
  color: var(--text-strong, #fff);
  font-size: clamp(10px, .86vw, 12.4px);
  font-weight: 950;
  line-height: 1.08;
  letter-spacing: -.03em;
  text-align: left;
}

.winner-banner-page .wb-winner-summary-card .winner-list-cup {
  display: inline-grid;
  place-items: center;
  justify-self: end;
  align-self: center;
  width: var(--wb-summary-trophy);
  min-width: var(--wb-summary-trophy);
  height: var(--wb-summary-trophy);
  color: var(--s4d-winner-cup, #f8cf61);
  line-height: 1;
  opacity: .98;
  filter: none;
  transform: none;
  contain: strict;
}

.winner-banner-page .wb-winner-summary-card .winner-list-cup-icon {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: center;
}

.winner-banner-page .wb-winner-summary-card .winner-avatar,
.winner-banner-page .wb-winner-summary-card .winner-time,
.winner-banner-page .wb-winner-summary-card .winner-desc,
.winner-banner-page .wb-winner-summary-card .winner-bottom,
.winner-banner-page .wb-winner-summary-card .winner-open-hint,
.winner-banner-page .wb-winner-summary-card .winner-member,
.winner-banner-page .wb-winner-summary-card .winner-detail {
  display: none;
}

@media (max-width: 768px) {
  .winner-banner-page {
    --wb-summary-avatar: 52px;
    --wb-summary-trophy: 20px;
    --wb-summary-amount-w: clamp(108px, 32vw, 132px);
  }

  .winner-banner-page .wb-winner-summary-card {
    grid-template-columns: var(--wb-summary-avatar) minmax(70px, 1fr) var(--wb-summary-amount-w) var(--wb-summary-trophy);
    column-gap: 7px;
    padding: 7px 8px;
    border-radius: 14px;
  }

  .winner-banner-page .wb-winner-summary-card .winner-list-detail {
    gap: 2px;
  }

  .winner-banner-page .wb-winner-summary-card .winner-list-name {
    font-size: clamp(10.8px, 2.9vw, 12.5px);
  }

  .winner-banner-page .wb-winner-summary-card .winner-list-date,
  .winner-banner-page .wb-winner-summary-card .winner-list-game {
    font-size: clamp(8.2px, 2.14vw, 9.6px);
  }

  .winner-banner-page .wb-winner-summary-card .winner-list-amounts {
    gap: 3px;
  }

  .winner-banner-page .wb-winner-summary-card .winner-list-amount-row {
    grid-template-columns: 18px 4px minmax(0, 1fr);
    column-gap: 3px;
  }

  .winner-banner-page .wb-winner-summary-card .winner-list-amount-row em,
  .winner-banner-page .wb-winner-summary-card .winner-list-amount-row i {
    font-size: clamp(7.8px, 1.95vw, 8.9px);
  }

  .winner-banner-page .wb-winner-summary-card .winner-list-amount-row b {
    font-size: clamp(9px, 2.35vw, 10.8px);
  }
}

@media (max-width: 430px) {
  .winner-banner-page {
    --wb-summary-avatar: 48px;
    --wb-summary-trophy: 18px;
    --wb-summary-amount-w: clamp(96px, 31vw, 120px);
  }

  .winner-banner-page .wb-winner-summary-card {
    grid-template-columns: var(--wb-summary-avatar) minmax(62px, 1fr) var(--wb-summary-amount-w) var(--wb-summary-trophy);
    column-gap: 6px;
    padding: 6px 7px;
  }

  .winner-banner-page .wb-winner-summary-card .winner-list-game {
    max-width: min(100%, clamp(82px, 27vw, 128px));
  }
}

@media (max-width: 360px) {
  .winner-banner-page {
    --wb-summary-avatar: 44px;
    --wb-summary-trophy: 17px;
    --wb-summary-amount-w: clamp(88px, 30vw, 108px);
  }

  .winner-banner-page .wb-winner-summary-card {
    column-gap: 5px;
    padding: 5px 6px;
    border-radius: 12px;
  }

  .winner-banner-page .wb-winner-summary-card .winner-list-date-icon {
    width: 10px;
    min-width: 10px;
    height: 10px;
  }
}

@media (prefers-reduced-motion: reduce), (update: slow), (hover: none), (pointer: coarse) {
  .winner-banner-page .wb-winner-summary-card,
  .winner-banner-page .wb-winner-summary-card .winner-card-img,
  .winner-banner-page .wb-winner-summary-card .wb-provider-badge,
  .winner-banner-page .wb-winner-summary-card .winner-list-cup {
    transition: none;
    animation: none;
    will-change: auto;
  }
}

/* Winner banner: compact card hover + centered promo content */
.winner-banner-page .wb-winner-summary-card:hover .winner-card-image,
.winner-banner-page .wb-winner-summary-card:focus-within .winner-card-image,
.winner-banner-page .wb-winner-summary-card:active .winner-card-image {
  animation: shaking-jp 2s ease infinite;
  z-index: 8;
  will-change: transform;
}

.winner-banner-page .wb-banner {
  place-items: center;
}

.winner-banner-page .wb-pane-main {
  align-items: center;
  text-align: center;
}

.winner-banner-page .wb-pane-main .wb-title {
  margin-inline: auto;
  max-width: min(100%, 34ch);
  padding-inline: 0;
  text-align: center;
}

.winner-banner-page .wb-pane-main .wb-desc {
  max-width: min(100%, 78ch);
  margin-inline: auto;
  text-align: center;
}

.winner-banner-page .wb-pane-main .wb-footline {
  justify-content: center;
  margin-inline: auto;
  text-align: center;
}

.winner-banner-page .wb-pane-main .wb-topline,
.winner-banner-page .wb-pane-main .wb-logo,
.winner-banner-page .wb-pane-main .wb-kicker {
  display: none;
}

@media (prefers-reduced-motion: reduce), (update: slow), (hover: none), (pointer: coarse) {
  .winner-banner-page .wb-winner-summary-card:hover .winner-card-image,
  .winner-banner-page .wb-winner-summary-card:focus-within .winner-card-image,
  .winner-banner-page .wb-winner-summary-card:active .winner-card-image {
    animation: none;
    will-change: auto;
  }
}


/* Winner banner: left-aligned compact promo + restored transaction detail */
.winner-banner-page .wb-banner {
  place-items: stretch;
  min-height: auto;
}

.winner-banner-page .wb-pane-main {
  align-items: flex-start;
  justify-content: center;
  gap: clamp(6px, .72vw, 10px);
  padding: clamp(14px, 1.35vw, 20px) clamp(16px, 1.55vw, 24px);
  text-align: left;
}

.winner-banner-page .wb-pane-main .wb-title,
.winner-banner-page .wb-pane-main .wb-title.is-title-short,
.winner-banner-page .wb-pane-main .wb-title.is-title-medium,
.winner-banner-page .wb-pane-main .wb-title.is-title-long,
.winner-banner-page .wb-pane-main .wb-title.is-title-xlong {
  max-width: min(100%, 31ch);
  margin: 0;
  padding-inline: 0;
  text-align: left;
  text-wrap: balance;
}

.winner-banner-page .wb-pane-main .wb-desc {
  max-width: min(100%, 78ch);
  margin: 0;
  text-align: left;
  line-height: 1.42;
}

.winner-banner-page .wb-pane-main .wb-footline {
  justify-content: flex-start;
  margin: 2px 0 0;
  text-align: left;
}

.winner-banner-page .wb-pane-main .wb-topline,
.winner-banner-page .wb-pane-main .wb-logo,
.winner-banner-page .wb-pane-main .wb-kicker {
  display: none;
}

.winner-banner-page .wb-detail-card {
  display: block;
}

.winner-banner-page .wb-detail-card-head {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.winner-banner-page .wb-detail-card .wb-drop-title {
  text-align: left;
}

.winner-banner-page .wb-detail-card .wb-proof {
  min-height: 38px;
}

@media (max-width: 768px) {
  .winner-banner-page .wb-pane-main {
    padding: 13px 14px;
  }

  .winner-banner-page .wb-pane-main .wb-title,
  .winner-banner-page .wb-pane-main .wb-title.is-title-short,
  .winner-banner-page .wb-pane-main .wb-title.is-title-medium,
  .winner-banner-page .wb-pane-main .wb-title.is-title-long,
  .winner-banner-page .wb-pane-main .wb-title.is-title-xlong {
    max-width: 100%;
    text-align: left;
  }

  .winner-banner-page .wb-pane-main .wb-desc {
    max-width: 100%;
    line-height: 1.38;
  }
}

@media (max-width: 480px) {
  .winner-banner-page .wb-pane-main {
    gap: 6px;
    padding: 12px;
  }

  .winner-banner-page .wb-pane-main .wb-desc {
    font-size: 11.6px;
  }
}

/* Winner banner final: clean placeholder + wider compact promo text */
@media (min-width: 1024px) {
  .winner-banner-page .wb-banner {
    min-height: clamp(218px, 22vw, 316px);
  }

  .winner-banner-page .wb-pane-main {
    width: 100%;
    align-items: flex-start;
    justify-content: center;
    gap: clamp(8px, .75vw, 12px);
    padding: clamp(20px, 2vw, 30px) clamp(22px, 2.25vw, 34px);
    text-align: left;
  }

  .winner-banner-page .wb-pane-main .wb-title,
  .winner-banner-page .wb-pane-main .wb-title.is-title-short,
  .winner-banner-page .wb-pane-main .wb-title.is-title-medium,
  .winner-banner-page .wb-pane-main .wb-title.is-title-long,
  .winner-banner-page .wb-pane-main .wb-title.is-title-xlong {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    color: var(--text-strong, #fff);
    font-size: clamp(32px, 2.9vw, 50px);
    line-height: .96;
    letter-spacing: -.047em;
    text-align: left;
    text-transform: uppercase;
    text-wrap: balance;
  }

  .winner-banner-page .wb-pane-main .wb-desc {
    width: 100%;
    max-width: min(100%, 94ch);
    margin: 0;
    color: var(--text, rgba(255,255,255,.92));
    font-size: clamp(12.8px, .98vw, 16px);
    line-height: 1.42;
    text-align: left;
  }

  .winner-banner-page .wb-pane-main .wb-footline {
    justify-content: flex-start;
    margin: 2px 0 0;
    font-size: clamp(10.6px, .82vw, 13px);
    line-height: 1.2;
    text-align: left;
  }
}

@media (min-width: 1366px) {
  .winner-banner-page .wb-pane-main .wb-title,
  .winner-banner-page .wb-pane-main .wb-title.is-title-short,
  .winner-banner-page .wb-pane-main .wb-title.is-title-medium,
  .winner-banner-page .wb-pane-main .wb-title.is-title-long,
  .winner-banner-page .wb-pane-main .wb-title.is-title-xlong {
    font-size: clamp(38px, 3.05vw, 56px);
    line-height: .94;
  }

  .winner-banner-page .wb-pane-main .wb-desc {
    font-size: clamp(14px, 1vw, 17px);
  }
}