:root{--sx-bg:#f5f6f8;--sx-panel:#fff;--sx-text:#1d1d1f;--sx-muted:#6e6e73;--sx-line:#e5e7eb;--sx-blue:#007aff}
html[data-theme=dark]{--sx-bg:#17191f;--sx-panel:#20232b;--sx-text:#f5f5f7;--sx-muted:#aab2c4;--sx-line:#343a48;--sx-blue:#87b3ff}
.sx-account{position:relative;color:var(--sx-text)}.sx-account summary{display:flex;gap:9px;align-items:center;cursor:pointer;list-style:none;font-size:12px;padding:6px 10px;border:1px solid var(--sx-line);border-radius:14px;background:var(--sx-panel)}.sx-account summary::-webkit-details-marker{display:none}.sx-avatar{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#dce9ff;color:#2454a9;font-size:17px;font-weight:650}.sx-account-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sx-account-pop{position:absolute;top:calc(100% + 12px);left:0;width:320px;max-width:calc(100vw - 24px);padding:12px;border:1px solid var(--sx-line);border-radius:22px;box-shadow:0 24px 64px #0003;background:var(--sx-panel);z-index:100;color:var(--sx-text);text-align:right}.sx-account-pop a{color:inherit;text-decoration:none}.sx-account-title{display:flex;gap:11px;align-items:center;padding:10px 8px 16px}.sx-account-title strong{display:block;max-width:210px;overflow-wrap:anywhere;font-size:14px}.sx-account-title small{font-size:11px;color:var(--sx-muted)}.sx-account-title b{margin-inline-start:auto}.sx-wallet{padding:14px!important;background:var(--sx-bg);border-radius:14px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.sx-wallet strong{display:block;font-size:17px;margin-top:5px}.sx-account-links{padding:9px 0;display:grid;grid-template-columns:1fr 1fr;gap:3px}.sx-account-links a{display:flex;justify-content:space-between;align-items:center;padding:11px 8px;border-radius:10px;font-size:11px}.sx-account-links a:hover,.sx-account-title:hover{background:var(--sx-bg)}.sx-account-links span{color:var(--sx-blue);font-size:17px}.sx-theme-row,.sx-logout{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 8px;background:none;border:none;border-top:1px solid var(--sx-line);color:var(--sx-text);font:inherit;font-size:12px;cursor:pointer}.sx-logout{color:#dc6d68}.sx-account a:focus-visible,.sx-account button:focus-visible,.sx-account summary:focus-visible,.sx-promo button:focus-visible{outline:2px solid var(--sx-blue);outline-offset:3px}
.sx-promo-wrap{width:min(1280px,calc(100% - 48px));margin:22px auto 18px}.sx-promo{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(110deg,#1855c8,#0877ed);color:white;min-height:144px;isolation:isolate}.sx-promo::before{content:'';position:absolute;width:250px;height:250px;left:12%;top:-170px;border-radius:50%;border:40px solid #fff1;pointer-events:none}.sx-promo-slide{display:flex;min-height:144px;align-items:center;justify-content:space-between;gap:20px;padding:20px 34px 30px;color:white!important;text-decoration:none}.sx-promo-slide[hidden]{display:none}.sx-promo-copy{display:grid;gap:4px}.sx-promo-copy small{font:9px/1.4 sans-serif;letter-spacing:2px;opacity:.66;direction:ltr;text-align:right}.sx-promo-copy strong{font-size:clamp(20px,2.1vw,30px);line-height:1.6;font-weight:760}.sx-promo-copy span{font-size:12px;color:#e2efff}.sx-promo-art{width:200px;height:110px;flex-shrink:0;animation:sx-float 5s ease-in-out infinite}.sx-promo-art svg{width:100%;height:100%}.sx-promo-controls{position:absolute;bottom:9px;left:28px;display:flex;gap:7px;align-items:center;direction:ltr}.sx-promo-controls>button{border:0;background:#fff2;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;display:grid;place-items:center;font:16px/1 sans-serif}.sx-promo-controls>div{display:flex;gap:6px}.sx-promo-controls [data-promo-dot]{width:6px;height:6px;padding:0;border:0;border-radius:10px;background:#fff6;cursor:pointer}.sx-promo-controls [aria-pressed=true][data-promo-dot]{width:19px;background:#fff}.sx-promo-slide:not([hidden]) .sx-promo-copy{animation:sx-enter .3s ease-out}@keyframes sx-float{50%{transform:translateY(-4px) rotate(1deg)}}@keyframes sx-enter{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}
.sx-gift-steps{display:flex;gap:8px;color:var(--sx-muted);font-size:11px;margin-bottom:22px}.sx-gift-steps b{color:var(--sx-blue)}.sx-region-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sx-region{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:72px;padding:9px 4px;border:1px solid var(--sx-line);border-radius:12px;background:var(--sx-panel);font:inherit;font-size:11px;color:var(--sx-text);cursor:pointer}.sx-region span{font-size:22px;line-height:1}.sx-region[aria-pressed=true]{border-color:var(--sx-blue);box-shadow:inset 0 0 0 1px var(--sx-blue);background:color-mix(in srgb,var(--sx-blue) 8%,var(--sx-panel))}.sx-gift-options.fp-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.sx-gift-options .fp-plan-card{min-height:76px;padding:12px 10px!important;align-items:center;text-align:center}.sx-gift-options .fp-plan-card::before{display:none}.sx-gift-options .fp-plan-card[hidden]{display:none!important}.sx-gift-options .fp-plan-card strong{font-size:13px}.sx-gift-options .fp-plan-card small{font-size:10px;color:var(--sx-muted)}.sx-gift-options em{display:none}.sx-region-note{font-size:11px!important;line-height:1.9;color:var(--sx-muted);margin:12px 0 0}.sx-custom{padding:14px;background:var(--sx-bg);border:1px solid var(--sx-line);border-radius:14px;margin-top:14px}.sx-custom summary{font-size:12px;cursor:pointer}.sx-custom label{display:block;font-size:11px;margin:12px 0 8px}.sx-custom>div{display:flex;align-items:center;gap:8px}.sx-custom input{min-width:0;width:100%;border-radius:10px;padding:10px;border:1px solid var(--sx-line);background:var(--sx-panel);color:var(--sx-text);font:inherit}.sx-custom button,.sx-primary{border:0;border-radius:10px;padding:11px 14px;background:#007aff;color:#fff;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}.sx-custom small{display:block;font-size:10px;line-height:1.8;margin-top:8px;color:var(--sx-muted)}.sx-save,.sx-save-form{display:inline-block}.sx-save{border:1px solid var(--sx-line);background:var(--sx-panel);color:var(--sx-blue);border-radius:12px;width:38px;height:38px;font-size:22px;text-align:center;line-height:34px;cursor:pointer;text-decoration:none}.sx-save-form{margin:0}.sx-profile-title{display:flex;align-items:center;gap:16px;margin-bottom:24px}.sx-profile-title .sx-avatar{width:64px;height:64px;font-size:28px}.sx-profile-title h1{font-size:28px;margin:0}.sx-profile-title p{font-size:13px;color:var(--sx-muted);margin:4px 0}.sx-profile-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.sx-surface{padding:26px;border:1px solid var(--sx-line);border-radius:22px;background:var(--sx-panel);color:var(--sx-text)}.sx-surface h2{font-size:18px;margin:0 0 20px}.sx-surface p{color:var(--sx-muted);font-size:12px;line-height:2}.sx-surface label{display:block;font-size:12px;margin-bottom:8px}.sx-surface input{display:block;width:100%;padding:12px;margin-bottom:20px;border:1px solid var(--sx-line);border-radius:12px;background:var(--sx-bg);color:var(--sx-text);font:inherit}.sx-surface input[readonly]{opacity:.7}.sx-surface a{color:var(--sx-blue)}.sx-kv{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--sx-line);padding:13px 0;font-size:12px}.sx-kv span{color:var(--sx-muted)}
.sx-panel-body{background:var(--sx-bg)!important;color:var(--sx-text)}.sx-panel-body .app-main{max-width:1328px;padding:18px 24px 50px;margin:0 auto;width:100%;display:grid;grid-template-columns:204px minmax(0,1fr);gap:28px}.sx-side{padding:18px 10px;border-left:1px solid var(--sx-line)}.sx-side strong{font-size:12px;color:var(--sx-muted);display:block;margin:0 12px 12px}.sx-side a{display:flex;align-items:center;gap:10px;color:var(--sx-text);text-decoration:none;border-radius:12px;padding:12px;font-size:12px;margin-bottom:4px}.sx-side a.active{color:var(--sx-blue);background:color-mix(in srgb,var(--sx-blue) 9%,var(--sx-panel))}.sx-side a:hover{background:var(--sx-panel)}.sx-panel-content{min-width:0}.sx-panel-content .sx-promo-wrap{width:100%;margin:0 0 26px}.sx-panel-content .rd-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sx-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0}.sx-dashboard-head h1{font-size:25px;margin:0}.sx-dashboard-head p{color:var(--sx-muted);font-size:12px;margin:6px 0}.sx-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.sx-stat{background:var(--sx-panel);border:1px solid var(--sx-line);border-radius:18px;padding:18px;color:var(--sx-text);text-decoration:none}.sx-stat span{display:block;color:var(--sx-muted);font-size:11px}.sx-stat strong{font-size:20px;display:block;margin:7px 0}.sx-stat small{color:var(--sx-blue);font-size:10px}.sx-panel-content .block-title{font-size:21px}.sx-panel-body .app-foot{color:var(--sx-muted);background:var(--sx-bg)}.sx-panel-body .card,.sx-panel-body .stat{background:var(--sx-panel);color:var(--sx-text);border-color:var(--sx-line)}.sx-empty{text-align:center;padding:60px 20px;color:var(--sx-muted)}.sx-empty h2{color:var(--sx-text)}
@media(max-width:1000px){.sx-account-name{display:none}.sx-panel-body .app-main{grid-template-columns:160px minmax(0,1fr);gap:18px}.sx-panel-content .rd-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-profile-grid{grid-template-columns:1fr}}
@media(max-width:680px){.sx-promo-wrap{width:calc(100% - 24px);margin:14px auto}.sx-promo{min-height:145px;border-radius:16px}.sx-promo-slide{padding:18px 20px 33px;min-height:145px;gap:0}.sx-promo-copy{max-width:75%}.sx-promo-copy strong{font-size:20px;line-height:1.5}.sx-promo-copy span{font-size:10px}.sx-promo-art{width:100px;height:75px;position:absolute;left:6px;bottom:31px;opacity:.6;z-index:-1}.sx-promo-controls{left:20px;bottom:8px}.sx-promo-copy small{font-size:8px}.sx-account summary{padding:5px;gap:3px}.sx-account-pop{left:-38px;width:300px}.sx-account summary>.sx-avatar{width:28px;height:28px}.sx-region-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.sx-region{font-size:10px;min-height:66px}.sx-gift-options.fp-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sx-panel-body .app-main{display:block;padding:14px 12px 32px}.sx-side{display:flex;border:0;overflow:auto;gap:5px;padding:0 0 12px;white-space:nowrap}.sx-side strong{display:none}.sx-side a{padding:9px 12px;font-size:11px;border:1px solid var(--sx-line);margin:0;flex-shrink:0}.sx-stat-grid{gap:7px}.sx-stat{padding:12px 9px}.sx-stat strong{font-size:15px}.sx-stat span{font-size:10px}.sx-profile-title h1{font-size:23px}.sx-dashboard-head h1{font-size:23px}.sx-surface{padding:20px}.sx-panel-content .rd-product-grid{gap:12px}.sx-dashboard-head{align-items:flex-start}.sx-promo-art{animation:none}}
@media(prefers-reduced-motion:reduce){.sx-promo-art,.sx-promo-slide:not([hidden]) .sx-promo-copy{animation:none}}
.sx-region img{width:28px;height:28px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #0001}

/* FaraPay original generated campaign; editable copy above the visual. */
.sx-promo{background:linear-gradient(100deg,#064abd,#086ae3 56%,#0751c8);min-height:190px}
.sx-promo::before{display:none}
.sx-promo-slide{min-height:190px;padding:24px 38px 37px}
.sx-promo-copy{position:relative;z-index:2;max-width:54%}
.sx-slide-game .sx-promo-copy{margin-inline-end:0}
.sx-art-game{position:absolute;inset:0;width:100%;height:100%;animation:none;pointer-events:none;z-index:0;opacity:1}
.sx-game-scene{position:absolute;inset:0;overflow:hidden;direction:ltr}
.sx-game-photo{position:absolute;left:0;top:0;height:100%;width:auto;max-width:none;object-fit:contain;mask-image:linear-gradient(90deg,#000 63%,transparent 100%)}
.sx-game-gem{position:absolute;object-fit:contain;filter:drop-shadow(0 7px 8px #00357955);animation:sx-gem-float 5.8s ease-in-out infinite;will-change:transform}
.sx-gem-one{width:76px;height:68px;left:29%;top:16px;--sx-tilt:14deg}
.sx-gem-two{width:43px;height:42px;left:39%;bottom:23px;--sx-tilt:-24deg;animation-delay:-2.8s;animation-duration:7.2s}
.sx-game-glint{position:absolute;width:10px;height:10px;background:#d6faff;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:sx-glint 4s ease-in-out infinite}
.sx-glint-one{left:24%;top:33px}.sx-glint-two{left:43%;top:72px;width:6px;height:6px;animation-delay:-2s}
.sx-promo-controls{left:26px;bottom:12px;z-index:3}
.sx-promo-controls>button{width:27px;height:27px;background:#052d7a55;backdrop-filter:blur(8px)}
.sx-promo[data-motion=paused] [data-promo-float],.sx-promo[data-motion=paused] .sx-promo-art{animation-play-state:paused}
@keyframes sx-gem-float{0%,100%{transform:translate3d(0,2px,0) rotate(var(--sx-tilt))}50%{transform:translate3d(0,-9px,0) rotate(calc(var(--sx-tilt) + 8deg))}}
@keyframes sx-glint{0%,100%{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}
@media(max-width:1000px){.sx-promo-copy strong{font-size:24px}.sx-gem-one{left:30%;width:59px;height:54px}.sx-gem-two{left:39%}.sx-promo-copy span{font-size:11px}}
@media(max-width:680px){
 .sx-promo,.sx-promo-slide{min-height:210px}
 .sx-promo-slide{padding:23px 20px 41px;align-items:flex-start}
 .sx-promo-copy{max-width:64%;gap:6px}
 .sx-promo-copy strong{font-size:21px;line-height:1.5}
 .sx-promo-copy span{font-size:10px;line-height:1.9}
 .sx-art-game{position:absolute;inset:0;width:100%;height:100%;opacity:1;z-index:0}
 .sx-game-photo{height:138px;top:auto;bottom:22px;left:-52px;mask-image:linear-gradient(90deg,#000 40%,transparent 67%)}
 .sx-gem-one{left:3%;top:18px;width:48px;height:45px}
 .sx-gem-two{left:27%;bottom:27px;width:30px;height:29px}
 .sx-glint-one{left:24%;top:56px}.sx-glint-two{display:none}
 .sx-promo-controls{left:15px;bottom:9px}
}
@media(prefers-reduced-motion:reduce){.sx-game-gem,.sx-game-glint{animation:none;will-change:auto}}

@media(max-width:680px){.sx-game-photo{mask-image:linear-gradient(90deg,#000 35%,transparent 68%),linear-gradient(180deg,transparent,#000 16%,#000 80%,transparent);mask-composite:intersect}}