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