.dots__dot-core{background:var(--theme-semantic-success);opacity:.5;transform:scale(var(--dot-scale,1));transform-origin:50%;transition:transform .2s,opacity .2s}.dots__dot:not(.dots__dot--active):hover .dots__dot-core{opacity:.9;transform:scale(1.15)}.dots__dot--earned .dots__dot-core{opacity:.9}.dots__dot--locked .dots__dot-core{background:var(--theme-text-tertiary);opacity:.35}.dots__dot--locked:hover .dots__dot-core{opacity:.6}.dots__dot--active .dots__dot-core{opacity:1;box-shadow:0 0 0 1.5px var(--theme-semantic-warning)}.dots__dot:focus-visible{outline:2px solid var(--theme-semantic-warning);outline-offset:3px}.rail-wrap:before,.rail-wrap:after{content:none}.rail::-webkit-scrollbar{display:none}.loyalty-tier-card{--accent:linear-gradient(180deg, var(--theme-semantic-info) 0%, transparent 100%)}.loyalty-tier-card__body:before{content:"";background:var(--accent);-webkit-mask-composite:xor;pointer-events:none;border-radius:20px;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.loyalty-tier-card--earned{--accent:linear-gradient(180deg, var(--theme-semantic-success) 0%, transparent 100%)}.loyalty-tier-card--current{--accent:linear-gradient(180deg, var(--theme-brand-primary) 0%, transparent 100%)}.loyalty-tier-card--upcoming{--accent:linear-gradient(180deg, var(--theme-semantic-info) 0%, transparent 100%)}.loyalty-tier-card--in-progress{opacity:1}.loyalty-tier-card--locked{opacity:.6}.loyalty-tier-card--guest,.loyalty-tier-card--guest.loyalty-tier-card--locked{opacity:1}.loyalty-tier-card__status--lock{color:var(--theme-text-tertiary)}.loyalty-tier-card__status--lock svg{width:22px;height:22px}.loyalty-tier-card__shield{margin:8px 0 10px}.loyalty-tier-card__shield>*{line-height:1;display:inline-flex}.loyalty-tier-card--in-progress .loyalty-tier-card__shield{filter:grayscale()brightness(.92)contrast(.96)}.loyalty-tier-card--locked .loyalty-tier-card__shield{filter:grayscale()brightness(.82)contrast(.92)}.loyalty-tier-card--in-progress .loyalty-tier-card__shield>*{opacity:.95}.loyalty-tier-card--locked .loyalty-tier-card__shield>*{opacity:.75}.loyalty-tier-card--locked .loyalty-tier-card__shield{opacity:.7}.loyalty-tier-card--guest .loyalty-tier-card__shield,.loyalty-tier-card--guest .loyalty-tier-card__shield>*{opacity:1}.loyalty-tier-card--guest .loyalty-tier-card__shield{filter:none}.loyalty-tier-card--guest .loyalty-tier-card__description,.loyalty-tier-card--guest .loyalty-tier-card__benefit-icon{color:inherit}.loyalty-tier-card__name{font-family:var(--font-game-title);text-align:center;word-break:break-word;justify-content:center;align-items:center;min-height:50px;margin:6px 0 10px;padding-inline:16px;font-weight:700;line-height:1;display:flex;overflow:hidden}.loyalty-tier-card__name--one-line{font-size:35px}.loyalty-tier-card__name--two-line{font-size:25px}.loyalty-tier-card__points-icon{font-size:16px;line-height:1}.loyalty-tier-card__divider:before,.loyalty-tier-card__divider:after{content:"";background:color-mix(in srgb, var(--theme-text-secondary) 42%, transparent);opacity:.9;flex:1;height:2px}.loyalty-tier-card__divider:before{clip-path:polygon(0 50%,100% 0,100% 100%)}.loyalty-tier-card__divider:after{clip-path:polygon(0 0,100% 50%,0 100%)}.loyalty-tier-card__description p{margin:0 0 6px}.loyalty-tier-card__description p:last-child{margin:0}.loyalty-tier-card__description strong{color:var(--theme-text-primary);font-weight:600}.loyalty-tier-card--locked .loyalty-tier-card__description{color:var(--theme-text-tertiary)}.loyalty-tier-card__benefit b{font-weight:700}.loyalty-tier-card__benefit-icon{color:var(--theme-semantic-success)}.loyalty-tier-card--in-progress .loyalty-tier-card__benefit-icon,.loyalty-tier-card--locked .loyalty-tier-card__benefit-icon{color:var(--theme-text-tertiary)}.loyalty-tier-card__status-pill{border-color:var(--theme-border-subtle)}.loyalty-tier-card__status-pill--reached{color:var(--theme-semantic-success);border-color:color-mix(in srgb, var(--theme-semantic-success) 35%, transparent)}.loyalty-tier-card__status-pill--progress{color:var(--theme-text-secondary);border-color:color-mix(in srgb, var(--theme-semantic-info) 35%, transparent);font-size:13px;font-weight:500}.loyalty-tier-card__status-pill--progress b{font-variant-numeric:tabular-nums;color:var(--theme-text-primary);font-weight:700}@media (width>=960px){.dots{margin-top:32px;margin-bottom:32px}.rail{gap:20px;padding:0 96px 48px;scroll-padding-inline:96px}.rail-wrap:before,.rail-wrap:after{content:"";pointer-events:none;z-index:5;width:128px;position:absolute;top:0;bottom:0}.rail-wrap:before{background:linear-gradient(90deg, var(--theme-bg-primary) 0%, transparent 100%);left:0}.rail-wrap:after{background:linear-gradient(270deg, var(--theme-bg-primary) 0%, transparent 100%);right:0}.loyalty-tier-card{flex:0 0 296px}.rail__arrow--prev{left:24px}.rail__arrow--next{right:24px}}@media (width>=1280px){.rail{padding:0 112px 48px;scroll-padding-inline:112px}.rail-wrap:before,.rail-wrap:after{width:152px}.rail__arrow--prev{left:32px}.rail__arrow--next{right:32px}}.loyalty-page{--bg:var(--theme-bg-primary);--surface:var(--theme-surface-base);--surface-2:var(--theme-surface-elevated);--surface-3:var(--theme-surface-raised);--border-subtle:var(--theme-border-subtle);--text:var(--theme-text-primary);--text-muted:var(--theme-text-secondary);--text-dim:var(--theme-text-tertiary);--green:var(--theme-semantic-success);--amber:var(--theme-semantic-warning);--blue:var(--theme-semantic-info);--pink:var(--theme-brand-primary);--purple-light:var(--theme-brand-accent);--hero-bg:linear-gradient(135deg, color-mix(in srgb, var(--theme-brand-primary) 26%, var(--theme-bg-primary)) 0%, color-mix(in srgb, var(--theme-brand-accent) 18%, var(--theme-bg-primary)) 50%, var(--theme-bg-primary) 100%);--hero-fade:linear-gradient(180deg, color-mix(in srgb, var(--theme-active-overlay) 70%, transparent) 0%, color-mix(in srgb, var(--theme-bg-primary) 86%, transparent) 72%, var(--bg) 100%);--hero-text-zone-height:180px;--loyalty-chip-bg:color-mix(in srgb, var(--theme-surface-icon) 55%, var(--theme-border-base));background:var(--bg);color:var(--text)}.loyalty-page .page{width:100%;max-width:none;margin:0}.loyalty-page .progress-shell{width:min(992px,100% - 32px);margin:0 auto;position:relative}.loyalty-page .hero{text-align:center;padding:28px 16px 72px;position:relative;overflow:hidden}.loyalty-page .hero:before{content:"";background:var(--hero-fade), var(--hero-bg);z-index:1;pointer-events:none;position:absolute;inset:0}.loyalty-page .hero:after{content:none}.loyalty-page .hero.has-banner:before{background:0 0}.loyalty-page .hero__content{z-index:2;min-height:var(--hero-text-zone-height);flex-direction:column;justify-content:center;align-items:center;gap:10px;width:min(992px,100% - 32px);margin-inline:auto;display:flex;position:relative}.loyalty-page .hero__title{letter-spacing:-.5px;margin:0;font-size:32px;font-weight:600;line-height:1.1;position:relative}.loyalty-page .hero__subtitle{color:var(--text-muted);max-width:360px;margin:0;font-size:14px;line-height:1.35;position:relative}.loyalty-page .hero.has-banner .hero__title{color:var(--color-overlay-text)}.loyalty-page .hero.has-banner .hero__subtitle{color:var(--color-overlay-text-secondary)}.loyalty-page .hero__auth{justify-content:center;margin-top:20px;display:flex;position:relative}.loyalty-page .loyalty-hero-banner{z-index:0;position:absolute;inset:0}.loyalty-page .loyalty-hero-banner:after{content:"";pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--color-overlay-bg) 0%, transparent) 0%, var(--color-overlay-bg) 100%);position:absolute;inset:0}.loyalty-page .loyalty-hero-banner-img{object-fit:cover;width:100%;height:100%}.loyalty-page .expiry-strip{border:1px solid color-mix(in srgb, var(--amber) 58%, transparent);background:color-mix(in srgb, var(--theme-surface-base) 88%, transparent);width:fit-content;color:var(--text);z-index:6;white-space:nowrap;border-radius:16px;align-items:center;gap:10px;min-height:48px;margin:0;padding:12px 16px;display:flex;position:absolute;top:-12px;left:50%;transform:translate(-50%,-100%)}.loyalty-page .expiry-strip__icon{font-size:18px;line-height:1}.loyalty-page .expiry-strip__text{color:var(--text-muted);font-size:13px;line-height:1.32}.loyalty-page .expiry-strip__timer{color:var(--amber);font-variant-numeric:tabular-nums;font-weight:700}.loyalty-page .expiry-strip__tier{color:var(--text);font-weight:700}.loyalty-page .progress-card{--progress-current:var(--pink);--progress-next:var(--blue);background:var(--theme-surface-base);border:1px solid var(--border-subtle);z-index:3;border-radius:16px;flex-direction:column;gap:16px;width:100%;margin:-48px auto 0;padding:16px;display:flex;position:relative}.loyalty-page .progress-card__top{justify-content:space-between;align-items:center;display:flex}.loyalty-page .points-pill{background:var(--loyalty-chip-bg);border-radius:100px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:500;display:inline-flex}.loyalty-page .progress-card__percent{font-size:16px;font-weight:500}.loyalty-page .progress-bar{background:var(--theme-surface-elevated);border-radius:100px;height:10px;margin:8px 20px 12px;position:relative}.loyalty-page .progress-bar__fill{background:linear-gradient(90deg, var(--progress-current) 0%, var(--progress-next) 100%);transform-origin:0;border-radius:100px;transition:width .5s ease-in-out;animation:.55s ease-out progressFillEnter;position:absolute;inset:0 auto 0 0}.loyalty-page .progress-bar__node{background:var(--surface);border:1px solid var(--border-subtle);border-radius:50%;place-items:center;width:40px;height:40px;font-size:20px;font-weight:700;line-height:1;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.loyalty-page .progress-bar__gift-image{object-fit:contain;width:22px;height:22px;display:block}.loyalty-page .progress-bar__node--start{background:linear-gradient(135deg, var(--progress-current), color-mix(in srgb, var(--progress-current) 72%, white 28%));border-color:#0000;left:0}.loyalty-page .progress-bar__node--end{background:linear-gradient(135deg, var(--progress-next), color-mix(in srgb, var(--progress-next) 72%, white 28%));border-color:#0000;animation:1.8s ease-in-out infinite endNodePulse;left:100%}@keyframes endNodePulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--progress-next) 55%, transparent)}50%{box-shadow:0 0 0 12px color-mix(in srgb, var(--progress-next) 0%, transparent)}}@keyframes progressFillEnter{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.loyalty-page .progress-card__labels{justify-content:space-between;align-items:flex-end;display:flex}@media (width<=639px){.loyalty-page .progress-card__labels{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;column-gap:12px;display:grid}.loyalty-page .lvl-label--left,.loyalty-page .lvl-label--right{flex-direction:column;justify-content:space-between;min-width:0;height:100%;display:flex}.loyalty-page .lvl-label--right{text-align:right;align-items:flex-end}.loyalty-page .lvl-label__name{white-space:normal;word-break:break-word;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;width:100%;min-height:2.2em;display:-webkit-box;overflow:hidden}.loyalty-page .lvl-label__meta{margin-top:0;padding-top:2px}}.loyalty-page .lvl-label__name{font-family:var(--font-game-title);text-overflow:ellipsis;min-height:0;font-size:22px;font-weight:700;line-height:1.1;overflow:hidden}.loyalty-page .lvl-label__meta{color:var(--text-muted);margin-top:4px;font-size:12px}.loyalty-page .lvl-label--right{text-align:right}.loyalty-page .progress-card__footer{border-top:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr) 140px;align-items:start;gap:8px 16px;padding-top:12px;display:grid}.loyalty-page .progress-card__hint{color:var(--text-muted);min-width:0;margin:0;font-size:13px;line-height:1.4}.loyalty-page .progress-card__hint b{color:var(--text);font-weight:600}.loyalty-page .progress-card__actions{justify-content:flex-end;align-self:start;display:flex}.loyalty-page .progress-card__help{color:var(--blue);text-align:left;white-space:normal;font-size:14px;line-height:1.35;text-decoration:none}@media (width<=639px){.loyalty-page .expiry-strip{white-space:normal;width:100%;max-width:100%}.loyalty-page .progress-card__footer{grid-template-columns:minmax(0,1fr);row-gap:10px}.loyalty-page .progress-card__actions{justify-content:flex-start}}.loyalty-page .sections{padding:32px 16px 48px}.loyalty-page #level-benefits{width:min(992px,100% - 32px);margin-inline:auto}.loyalty-page .section__body{color:var(--text-muted);max-width:none;margin:0 auto;font-size:13px;line-height:1.6}.loyalty-page #level-benefits{scroll-margin-top:84px}.loyalty-page .section__body h1,.loyalty-page .section__body h2,.loyalty-page .section__body h3{color:var(--text);margin:0 0 12px;font-weight:700;line-height:1.2}.loyalty-page .section__body h1{font-size:28px}.loyalty-page .section__body h2{font-size:24px}.loyalty-page .section__body h3{font-size:20px}.loyalty-page .section__body p{margin:0 0 12px}.loyalty-page .section__body h4,.loyalty-page .section__body h5,.loyalty-page .section__body h6{color:var(--text);margin:0 0 10px;font-weight:700;line-height:1.25}.loyalty-page .section__body h4{font-size:18px}.loyalty-page .section__body h5{font-size:16px}.loyalty-page .section__body h6{font-size:14px}.loyalty-page .section__body ul,.loyalty-page .section__body ol{margin:0 0 12px;padding-left:20px}.loyalty-page .section__body strong,.loyalty-page .section__body b{color:var(--text);font-weight:700}.loyalty-page .section__body em,.loyalty-page .section__body i{color:var(--text);font-style:italic}.loyalty-page .section__body a{color:var(--theme-brand-accent);text-underline-offset:2px;text-decoration:underline}.loyalty-page .section__body blockquote{border-left:3px solid color-mix(in srgb, var(--theme-brand-accent) 40%, transparent);color:var(--text);margin:0 0 12px;padding-left:12px}.loyalty-page .section__body code{background:color-mix(in srgb, var(--theme-surface-icon) 60%, transparent);color:var(--text);border-radius:4px;padding:2px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.loyalty-page .section__body p:last-child{margin-bottom:0}.loyalty-page .section__body ul,.loyalty-page .section__body ol{color:var(--text-muted);margin:0 0 12px;padding-left:20px}.loyalty-page .section__body ul{list-style:outside}.loyalty-page .section__body ol{list-style:decimal}.loyalty-page .section__body li{margin:0 0 6px}.loyalty-page .section__body li:last-child{margin-bottom:0}.loyalty-page .section__body strong{color:var(--text);font-weight:700}.loyalty-page .section__body a{color:var(--theme-brand-text);text-decoration:underline}@media (width>=960px){.loyalty-page .hero{padding:46px 48px 92px}.loyalty-page .hero__title{margin:10px 0 14px;font-size:36px;line-height:1.08}.loyalty-page .hero__subtitle{max-width:760px;font-size:18px}.loyalty-page .progress-card{margin:-56px auto 0;padding:20px 26px}.loyalty-page .sections>#level-benefits{width:min(992px,100% - 32px);margin-inline:auto}.loyalty-page .progress-card__footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.loyalty-page .progress-card__labels .lvl-label--left{align-items:baseline;gap:10px;display:flex}.loyalty-page .progress-card__labels .lvl-label--right{flex-direction:row-reverse;align-items:baseline;gap:10px;display:flex}.loyalty-page .lvl-label__meta{font-size:14px}}@media (width>=1280px){.loyalty-page .hero__subtitle{max-width:840px}}