:root{--wbg-navy-950:#171936;--wbg-navy-900:#22254c;--wbg-navy-800:#30335f;--wbg-purple:#6d4fc3;--wbg-violet-soft:#d9b4ff;--wbg-yellow:#fdb800;--wbg-orange:#f28a20;--wbg-green:#8dd35f;--wbg-cream:#fff3e7;--wbg-peach:#f8d5c5;--wbg-card:#fff4ebf0;--wbg-card-border:#ffffff94;--wbg-text:#1d203a;--wbg-text-muted:#5d5b70;--wbg-shadow:0 24px 60px #35204333;--wbg-radius-lg:28px;--wbg-radius-md:20px;--wbg-radius-sm:14px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#f4d9cf;min-width:320px}body{color:var(--wbg-text);background:radial-gradient(circle at 12% 10%,#ffffffa3,#0000 28rem),linear-gradient(135deg,#dec9d5 0%,#f7d8c8 46%,#f9caa4 100%);min-height:100vh;margin:0;font-family:Inter,ui-rounded,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.site-frame{grid-template-columns:270px minmax(0,1fr);min-height:100vh;padding:14px;display:grid}.sidebar{color:#fff;border-radius:var(--wbg-radius-lg);background:linear-gradient(180deg, #181b3ef5, #332d53f5), var(--wbg-navy-900);height:calc(100vh - 28px);box-shadow:var(--wbg-shadow);border:1px solid #ffd29d6b;flex-direction:column;padding:26px 18px 18px;display:flex;position:sticky;top:14px;overflow:hidden}.brand-mark{align-items:center;gap:10px;padding:4px 12px 28px;line-height:.85;display:flex;transform:rotate(-1deg)}.brand-hand{color:#fff;border:3px solid var(--wbg-text);width:48px;height:48px;text-shadow:0 2px 0 var(--wbg-text);background:#fff;border-radius:50% 50% 45% 45%;place-items:center;font-size:24px;display:grid}.brand-mark div{display:grid}.brand-mark strong{color:var(--wbg-yellow);letter-spacing:-.06em;text-shadow:-2px -2px #181a32,2px -2px #181a32,-2px 2px #181a32,2px 2px #181a32;font-size:20px;font-weight:950}.brand-mark strong:nth-child(2){color:#fff;font-size:25px}.brand-mark small{color:#f5af32;letter-spacing:.2em;justify-self:end;margin-top:6px;font-size:8px;font-weight:900}.nav-list{gap:8px;display:grid}.nav-item{border:1px solid #0000;border-radius:999px;align-items:center;gap:16px;min-height:52px;padding:0 20px;font-size:15px;font-weight:750;display:flex}.nav-item span{color:#f6bd6e;text-align:center;width:22px;font-size:21px}.nav-item-active{color:var(--wbg-yellow);background:linear-gradient(90deg,#fdb8002b,#ffffff14);border-color:#fdb8008c}.nav-item-disabled{color:#ffffffb8}.sidebar-note{border-radius:var(--wbg-radius-md);background:radial-gradient(circle at 80% 20%,#fdb8004d,#0000 45%),linear-gradient(145deg,#7a4c9073,#161837a6);border:1px solid #ffdebe38;margin-top:auto;padding:22px 18px;position:relative;overflow:hidden}.sidebar-note:after{content:"";opacity:.65;background:linear-gradient(165deg,#dc944b,#633a52);border-radius:50% 50% 0 0;width:108px;height:72px;position:absolute;bottom:-28px;right:-20px}.sidebar-note strong{margin:6px 0;font-size:20px;display:block}.sidebar-note p{z-index:1;color:#ffffffc7;margin:0;font-size:13px;line-height:1.45;position:relative}.note-spark{color:var(--wbg-yellow);font-size:25px}.sidebar-profile{background:#0c0e252e;border-top:1px solid #ffffff1f;align-items:center;gap:12px;margin:18px -18px -18px;padding:18px 22px;display:flex}.profile-avatar{background:linear-gradient(145deg,#6f4b91,#23264e);border:2px solid #fdb800b3;border-radius:50%;place-items:center;width:42px;height:42px;font-size:11px;font-weight:900;display:grid}.sidebar-profile div:last-child{gap:3px;display:grid}.sidebar-profile strong{font-size:14px}.sidebar-profile span{color:#ffffffa8;font-size:12px}.content{min-width:0;padding:0 0 0 14px}.mobile-header{display:none}.hero{color:#fff;border-radius:var(--wbg-radius-lg);min-height:340px;box-shadow:var(--wbg-shadow);background:radial-gradient(circle at 74% 45%,#ffc777db,#0000 22%),linear-gradient(135deg,#2a2d61 0%,#5a497c 38%,#d26f77 68%,#f9a665 100%);border:1px solid #ffe0be66;padding:54px 54px 44px;position:relative;overflow:hidden}.hero:before{content:"";opacity:.65;background:radial-gradient(circle at 23% 15%,#ffffff2e 0 1px,#0000 2px) 0 0/150px 100px,radial-gradient(circle at 54% 11%,#fdb800cc 0 1.5px,#0000 2px) 0 0/220px 150px,radial-gradient(circle at 86% 18%,#ffffffd9 0 1px,#0000 2px) 0 0/180px 120px;position:absolute;inset:0}.hero-cloud{filter:blur(1px);background:#eb6c6785;border-radius:999px;height:18px;position:absolute}.hero-cloud:before,.hero-cloud:after{content:"";background:inherit;border-radius:999px;position:absolute}.hero-cloud-one{width:180px;top:70px;left:42%}.hero-cloud-one:before{width:84px;height:18px;top:-8px;left:24px}.hero-cloud-one:after{width:92px;height:12px;bottom:-6px;right:18px}.hero-cloud-two{opacity:.62;width:120px;top:112px;right:15%}.hero-copy{z-index:3;max-width:570px;position:relative}.eyebrow{color:#ffe5bd;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:850;display:inline-block}.eyebrow-dark{color:#ad6532;margin:0 0 4px}.hero h1{letter-spacing:-.065em;margin:0;font-size:clamp(46px,5vw,76px);line-height:.95}.hero h1 span{color:var(--wbg-yellow);text-shadow:0 5px 18px #5f302a4d}.hero p{color:#ffffffdb;max-width:570px;margin:24px 0 0;font-size:17px;line-height:1.55}.foundation-badge{z-index:4;color:#fff;clip-path:polygon(50% 0,91% 18%,100% 66%,50% 100%,0 66%,9% 18%);background:linear-gradient(145deg,#d88b06 0%,#7f4703 82%);border:7px solid #ffc837;place-content:center;justify-items:center;width:150px;height:168px;display:grid;position:absolute;top:38px;right:48px;box-shadow:0 15px 35px #351c244d,inset 0 0 0 3px #ffefa459}.foundation-badge span,.foundation-badge small{letter-spacing:.16em;font-size:10px;font-weight:900}.foundation-badge strong{text-shadow:0 4px 8px #3d1c0066;font-size:70px;line-height:.95}.hero-landscape{z-index:1;opacity:.85;height:140px;position:absolute;bottom:0;left:30%;right:0}.mountain{border-radius:38% 55% 0 0;width:58%;height:180px;display:block;position:absolute;bottom:-65px;transform:rotate(8deg)}.mountain-back{opacity:.58;background:#403960;right:26%}.mountain-front{background:#252848;right:-5%}.castle{color:#292747;text-shadow:18px 6px #2d2b4c;font-size:78px;position:absolute;bottom:55px;right:15%}.stat-grid{z-index:5;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:-26px 22px 0;display:grid;position:relative}.stat-card{border:1px solid var(--wbg-card-border);border-radius:var(--wbg-radius-md);background:var(--wbg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:18px;min-height:142px;padding:25px;display:flex;box-shadow:0 14px 34px #5e354226}.stat-card>div{min-width:0}.stat-icon{border-radius:50%;flex:none;place-items:center;width:60px;height:60px;font-size:25px;font-weight:900;display:grid;box-shadow:0 9px 22px #54315b2e}.stat-icon-gold{color:#fff;background:linear-gradient(145deg,#ffc64d,#f39d12)}.stat-icon-violet{color:#6432a8;background:linear-gradient(145deg,#e9c2ff,#c88ff7)}.stat-icon-green{color:#275812;background:linear-gradient(145deg,#b7eb82,#79c652)}.stat-label{color:var(--wbg-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.stat-card strong{letter-spacing:-.035em;margin-top:4px;font-size:clamp(20px,2vw,29px);display:block}.stat-card p{color:var(--wbg-text-muted);margin:6px 0 0;font-size:13px;line-height:1.4}.content-grid{grid-template-columns:minmax(0,1.55fr) minmax(310px,.9fr);gap:16px;padding:20px 22px 22px;display:grid}.panel{border:1px solid var(--wbg-card-border);border-radius:var(--wbg-radius-md);background:var(--wbg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:28px;box-shadow:0 15px 38px #5e35421f}.panel-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.panel h2{letter-spacing:-.035em;margin:0;font-size:25px}.status-badge,.phase-pill{color:#287334;background:#8dd35f38;border-radius:999px;align-items:center;min-height:32px;padding:0 13px;font-size:12px;font-weight:850;display:inline-flex}.milestone-list{margin-top:22px;display:grid}.milestone-item{border-top:1px solid #5849571f;gap:14px;padding:18px 0;display:flex}.check-mark{color:#2e782d;background:#8dd35f42;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:950;display:grid}.milestone-item strong{font-size:15px}.milestone-item p{color:var(--wbg-text-muted);margin:5px 0 0;font-size:13px;line-height:1.45}.next-panel{background:radial-gradient(circle at 100% 100%, #fdb80033, transparent 43%), var(--wbg-card);flex-direction:column;display:flex}.next-panel ol{color:var(--wbg-text-muted);gap:14px;margin:24px 0 30px;padding-left:24px;font-size:14px;line-height:1.45;display:grid}.next-panel li::marker{color:var(--wbg-orange);font-weight:900}.primary-button{color:#2a2131;background:linear-gradient(180deg, #ffc928, var(--wbg-yellow));border:1px solid #f2a900;border-radius:12px;justify-content:center;align-items:center;gap:16px;min-height:48px;margin-top:auto;padding:0 20px;font-size:14px;font-weight:900;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 10px 25px #e0890040}.primary-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #e089004d}.primary-button:focus-visible,.nav-item:focus-visible{outline-offset:3px;outline:3px solid #fff}@media (max-width:1100px){.site-frame{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding-left:13px;padding-right:13px}.foundation-badge{width:128px;height:145px;right:30px}.stat-grid{margin-left:12px;margin-right:12px}.stat-card{flex-direction:column;align-items:flex-start}.content-grid{padding-left:12px;padding-right:12px}}@media (max-width:820px){.site-frame{padding:10px;display:block}.sidebar{display:none}.content{padding:0}.mobile-header{color:#fff;background:#23264ef5;border:1px solid #ffe1c059;border-radius:22px 22px 0 0;justify-content:space-between;align-items:center;min-height:72px;padding:0 14px;display:flex}.brand-mark-mobile{gap:7px;padding:0;transform:none}.brand-mark-mobile .brand-hand{border-width:2px;width:34px;height:34px;font-size:17px}.brand-mark-mobile strong{font-size:14px}.brand-mark-mobile small{font-size:6px}.phase-pill{color:#352507;background:var(--wbg-yellow)}.hero{border-radius:0;min-height:400px;padding:46px 28px 120px}.hero-copy{max-width:calc(100% - 120px)}.hero p{font-size:15px}.foundation-badge{border-width:5px;width:105px;height:120px;top:44px;right:20px}.foundation-badge strong{font-size:52px}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:-55px 16px 0}.stat-card{border-radius:16px;gap:10px;min-height:150px;padding:16px 12px}.stat-icon{width:42px;height:42px;font-size:17px}.stat-label{font-size:9px}.stat-card strong{font-size:16px}.stat-card p{display:none}.content-grid{grid-template-columns:1fr;padding:14px 16px 20px}}@media (max-width:520px){.site-frame{padding:0}.mobile-header{border-radius:0}.hero{min-height:430px;padding:44px 22px 140px}.hero-copy{max-width:100%;padding-top:110px}.hero h1{font-size:48px}.foundation-badge{top:22px;right:22px}.stat-grid{margin-left:10px;margin-right:10px}.stat-card{padding:13px 9px}.stat-card strong{overflow-wrap:anywhere;font-size:14px}.content-grid{padding-left:10px;padding-right:10px}.panel{padding:22px}.panel-heading{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-button{transition:none}}.sidebar-account-actions{display:block}.account-actions{align-items:center;gap:8px;width:100%;display:flex}.account-link{color:#ffffffe0;min-height:38px;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.account-link-primary{color:#30240a;background:var(--wbg-yellow);border-color:#fdb800cc}.account-player-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:850;overflow:hidden}.account-loading{color:#ffffffa8;font-size:12px}.account-actions button:disabled,.auth-submit:disabled{cursor:wait;opacity:.68}.account-actions-compact{width:auto}.account-actions-compact .account-link{min-height:34px;padding:0 10px}.account-actions-compact .account-link:not(.account-link-primary),.account-actions-compact .account-player-name{display:none}.account-start-copy{color:var(--wbg-text-muted);margin:24px 0;font-size:14px;line-height:1.55}.account-start-actions{gap:10px;margin-top:auto;display:grid}.secondary-button{min-height:46px;color:var(--wbg-text);background:#ffffff73;border:1px solid #473e582e;border-radius:12px;justify-content:center;align-items:center;padding:0 18px;font-size:14px;font-weight:850;display:inline-flex}.auth-page{background:radial-gradient(circle at 76% 18%,#fdb80057,#0000 18rem),radial-gradient(circle at 16% 10%,#d9b4ff57,#0000 24rem),linear-gradient(135deg,#252950 0%,#574a78 38%,#d37b7d 68%,#f0b37b 100%);min-height:100vh;padding:34px clamp(20px,5vw,72px) 54px;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;opacity:.7;background:radial-gradient(circle at 10% 22%,#ffffffa8 0 1px,#0000 2px) 0 0/190px 130px,radial-gradient(circle at 65% 8%,#fdb800b3 0 1px,#0000 2px) 0 0/250px 170px,radial-gradient(circle at 88% 32%,#ffffffa6 0 1px,#0000 2px) 0 0/210px 150px;position:absolute;inset:0}.auth-brand{z-index:2;color:#fff;align-items:center;gap:10px;display:inline-flex;position:relative}.auth-brand-icon{background:#ffffffeb;border:2px solid #ffffffad;border-radius:50%;place-items:center;width:44px;height:44px;font-size:21px;display:grid}.auth-brand>span:last-child{display:grid}.auth-brand strong{color:var(--wbg-yellow);letter-spacing:-.03em;font-size:15px;font-weight:950}.auth-brand small{color:#ffffffb8;letter-spacing:.16em;margin-top:3px;font-size:8px;font-weight:850}.auth-layout{z-index:2;grid-template-columns:minmax(0,1.1fr) minmax(360px,.72fr);align-items:center;gap:clamp(34px,6vw,92px);width:min(1120px,100%);min-height:calc(100vh - 150px);margin:28px auto 0;display:grid;position:relative}.auth-story{color:#fff}.auth-story h1{letter-spacing:-.065em;max-width:680px;margin:0;font-size:clamp(48px,6vw,82px);line-height:.96}.auth-story-copy{color:#ffffffd6;max-width:610px;margin:22px 0 0;font-size:17px;line-height:1.55}.auth-highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:34px;display:grid}.auth-highlight{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1c1c3d3d;border:1px solid #fff3;border-radius:18px;min-width:0;padding:17px}.auth-highlight>span{color:#352507;background:var(--wbg-yellow);border-radius:50%;place-items:center;width:28px;height:28px;margin-bottom:12px;font-size:11px;font-weight:950;display:grid}.auth-highlight strong{font-size:14px}.auth-highlight p{color:#ffffffb3;margin:6px 0 0;font-size:12px;line-height:1.45}.auth-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff4ebf5;border:1px solid #ffffff94;border-radius:28px;padding:clamp(26px,4vw,42px);box-shadow:0 30px 70px #311e3847}.auth-panel h2{letter-spacing:-.045em;margin:0 0 24px;font-size:31px}.auth-form{gap:16px;display:grid}.auth-field{gap:7px;display:grid}.auth-field>span{color:#3f3a50;font-size:12px;font-weight:850}.auth-field input{width:100%;min-height:50px;color:var(--wbg-text);font:inherit;background:#ffffffad;border:1px solid #52435b33;border-radius:13px;outline:none;padding:0 15px;font-size:14px;transition:border-color .14s,box-shadow .14s}.auth-field input:focus{border-color:#6d4fc3b8;box-shadow:0 0 0 4px #6d4fc31f}.auth-error{color:#7a2d2d;background:#e76f6f1f;border:1px solid #b0454538;border-radius:12px;margin:0;padding:12px 14px;font-size:13px;line-height:1.4}.auth-submit{cursor:pointer;border:0;width:100%;margin-top:4px}.auth-switch,.auth-privacy-note{color:var(--wbg-text-muted);text-align:center;font-size:13px;line-height:1.45}.auth-switch{margin:20px 0 0}.auth-switch a{color:#6840a6;font-weight:900}.auth-privacy-note{border-top:1px solid #52435b1f;margin:18px 0 0;padding-top:18px;font-size:11px}@media (max-width:900px){.auth-layout{grid-template-columns:1fr;gap:30px;min-height:auto;padding-top:42px}.auth-story{text-align:center}.auth-story h1,.auth-story-copy{margin-left:auto;margin-right:auto}.auth-highlights{text-align:left}.auth-panel{width:min(560px,100%);margin:0 auto}}@media (max-width:600px){.auth-page{padding:22px 14px 32px}.auth-layout{padding-top:26px}.auth-story h1{font-size:49px}.auth-story-copy{font-size:15px}.auth-highlights{grid-template-columns:1fr}.auth-highlight{align-items:flex-start;gap:12px;display:flex}.auth-highlight>span{flex:none;margin-bottom:0}.auth-panel{border-radius:22px;padding:24px 20px}.account-actions-compact .account-link-primary{font-size:11px}}.account-player-link:hover{color:var(--wbg-yellow)}.account-hero{color:#fff;min-height:250px;box-shadow:var(--wbg-shadow);background:radial-gradient(circle at 78% 20%,#fdb80061,#0000 16rem),radial-gradient(circle at 8% 30%,#bc99ff52,#0000 20rem),linear-gradient(135deg,#292d56,#5f4d7c 50%,#be737c);border-radius:28px;justify-content:space-between;align-items:flex-end;gap:28px;padding:clamp(30px,4vw,52px);display:flex;overflow:hidden}.account-hero>div:first-child{max-width:720px}.account-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(34px,4.5vw,58px);line-height:1}.account-hero p{color:#ffffffc7;max-width:650px;margin:18px 0 0;font-size:15px;line-height:1.55}.account-identity-badge{color:#332506;background:var(--wbg-yellow);letter-spacing:.08em;border-radius:999px;flex:none;padding:10px 13px;font-size:10px;font-weight:950}.account-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.account-summary-card{background:#fff7efe0;border:1px solid #52435b24;border-radius:20px;min-width:0;padding:22px;box-shadow:0 12px 32px #3d2b4814}.account-summary-card strong{color:var(--wbg-text);letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:21px;display:block;overflow:hidden}.account-summary-card p{color:var(--wbg-text-muted);text-overflow:ellipsis;white-space:nowrap;margin:7px 0 0;font-size:12px;overflow:hidden}.account-detail-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:18px;margin-top:18px;display:grid}.account-detail-panel{min-height:320px}.account-detail-copy{color:var(--wbg-text-muted);margin:22px 0;font-size:14px;line-height:1.55}.session-controls{gap:10px;margin-top:auto;display:grid}.session-controls button{cursor:pointer;border:0;width:100%}.session-controls button:disabled{cursor:wait;opacity:.65}.account-danger-button{color:#7b3434;min-height:44px;font:inherit;background:#e76f6f1a;border-radius:12px;justify-content:center;align-items:center;padding:0 16px;font-size:13px;font-weight:850;display:inline-flex;border:1px solid #a548482e!important}.session-status{color:var(--wbg-text-muted);text-align:center;margin:2px 0 0;font-size:12px;line-height:1.4}.account-links-panel{gap:16px}.account-platform-row{background:#ffffff6b;border:1px solid #52435b1f;border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.account-platform-icon{color:#5d4779;background:#eee3ff;border-radius:12px;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.account-platform-row strong{color:var(--wbg-text);font-size:14px;display:block}.account-platform-row p{color:var(--wbg-text-muted);margin:4px 0 0;font-size:11px}.account-coming-badge{color:#66537d;text-transform:uppercase;background:#eee3ff;border-radius:999px;padding:6px 8px;font-size:9px;font-weight:900}@media (max-width:900px){.account-summary-grid,.account-detail-grid{grid-template-columns:1fr}.account-detail-panel{min-height:0}}@media (max-width:600px){.account-hero{border-radius:20px;flex-direction:column;align-items:flex-start;min-height:0;padding:26px 20px}.account-hero h1{font-size:39px}.account-summary-card{padding:18px}.account-platform-row{grid-template-columns:auto minmax(0,1fr)}.account-coming-badge{grid-column:2;justify-self:start}}
.dashboard-hero,.player-page-hero{color:#fff;box-shadow:var(--wbg-shadow);isolation:isolate;background:radial-gradient(circle at 78% 35%,#ffc3655c,#0000 28%),linear-gradient(132deg,#252951 0%,#4d4675 45%,#b56573 74%,#e99a60 100%);border:1px solid #ffe1bc75;border-radius:30px;position:relative;overflow:hidden}.dashboard-hero:before,.player-page-hero:before{z-index:-2;content:"";opacity:.62;background:radial-gradient(circle at 18% 20%,#ffffff21 0 1px,#0000 2px) 0 0/160px 110px,radial-gradient(circle at 56% 12%,#fdb8008c 0 1px,#0000 2px) 0 0/220px 150px,radial-gradient(circle at 88% 24%,#ffffff61 0 1px,#0000 2px) 0 0/190px 125px;position:absolute;inset:0}.dashboard-hero:after,.player-page-hero:after{z-index:-1;aspect-ratio:1.65;content:"";opacity:.88;background:radial-gradient(circle at 65% 20%,#fdb80099,#0000 10%),linear-gradient(160deg,#3735551f,#242745 72%);border-radius:50% 50% 0 0;width:58%;position:absolute;bottom:-48%;right:-10%;transform:rotate(-4deg)}.dashboard-hero{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:center;gap:42px;min-height:330px;padding:46px 52px;display:grid}.dashboard-hero-copy{z-index:2;max-width:720px;position:relative}.dashboard-hero h1,.player-page-hero h1{letter-spacing:-.055em;margin:0}.dashboard-hero h1{max-width:760px;font-size:clamp(46px,5.3vw,78px);line-height:.96}.dashboard-hero h1 span{color:var(--wbg-yellow)}.dashboard-hero-copy>p,.player-page-hero-copy>p{color:#ffffffd1;line-height:1.6}.dashboard-hero-copy>p{max-width:640px;margin:22px 0 0;font-size:16px}.dashboard-hero-actions{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.dashboard-hero .primary-button,.dashboard-hero .secondary-button,.player-page-hero .primary-button,.player-page-hero .secondary-button{min-height:46px}.dashboard-hero .secondary-button,.player-page-hero .secondary-button{color:#fff;background:#ffffff1a;border-color:#ffffff4d}.dashboard-level-card{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1c1c3e7a;border:1px solid #ffffff38;border-radius:26px;justify-items:center;padding:24px 22px;display:grid;position:relative;box-shadow:0 18px 42px #1e14303d}.dashboard-level-medallion{background:radial-gradient(circle at 34% 25%,#ffde72,#0000 26%),linear-gradient(145deg,#e6920d,#7e4607);border:7px solid #ffd35b;border-radius:50%;place-content:center;justify-items:center;width:118px;height:118px;display:grid;box-shadow:0 13px 30px #4122104d,inset 0 0 0 3px #fff2b452}.dashboard-level-medallion span{color:#ffffffd6;letter-spacing:.15em;font-size:9px;font-weight:900}.dashboard-level-medallion strong{text-shadow:0 4px 8px #3e210457;font-size:52px;line-height:.95}.dashboard-level-card h2{margin:16px 0 2px;font-size:20px}.dashboard-level-card>p{color:#ffffffb8;margin:0;font-size:12px}.player-progress-track{background:#201f3a1f;border-radius:999px;width:100%;height:10px;overflow:hidden}.dashboard-level-card .player-progress-track{background:#ffffff2e;margin-top:18px}.player-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#f3a026,#fdb800 58%,#ffd868);min-width:4px;height:100%;display:block;box-shadow:0 0 18px #fdb8004d}.dashboard-overview-grid,.player-metric-grid{z-index:3;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid;position:relative}.dashboard-overview-grid{margin:-24px 22px 0}.player-summary-card,.player-metric-card{border:1px solid var(--wbg-card-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff7eff2;border-radius:20px;min-width:0;box-shadow:0 13px 32px #5e354224}.player-summary-card{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:17px;min-height:126px;padding:22px;display:grid}.player-summary-icon{border-radius:18px;place-items:center;width:58px;height:58px;font-size:26px;font-weight:900;display:grid;box-shadow:0 9px 22px #54315b24}.player-summary-icon.gold{color:#683f00;background:linear-gradient(145deg,#ffda76,#f2a72c)}.player-summary-icon.violet{color:#4c2a82;background:linear-gradient(145deg,#e6c5ff,#c596ef)}.player-summary-icon.green{color:#315919;background:linear-gradient(145deg,#c8ef9d,#8bcf5e)}.player-summary-card strong,.player-metric-card strong{color:var(--wbg-text);letter-spacing:-.035em;display:block}.player-summary-card strong{margin-top:3px;font-size:clamp(24px,2.3vw,36px)}.player-summary-card p,.player-metric-card p{color:var(--wbg-text-muted);margin:4px 0 0;font-size:12px;line-height:1.45}.player-summary-card .stat-label,.player-metric-card .stat-label{color:#916247;letter-spacing:.08em;text-transform:uppercase;font-weight:800}.dashboard-main-grid,.player-detail-grid{gap:16px;margin-top:18px;display:grid}.dashboard-main-grid{grid-template-columns:minmax(0,1.4fr) minmax(310px,.75fr)}.player-detail-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}.player-panel{background:#fff7efe6;border:1px solid #ffffffa8;border-radius:24px;padding:28px;box-shadow:0 16px 38px #5932421c}.player-panel-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.player-panel-heading h2{letter-spacing:-.04em;margin:3px 0 0;font-size:clamp(24px,2.4vw,34px)}.player-panel-heading p{max-width:560px;color:var(--wbg-text-muted);margin:7px 0 0;font-size:13px;line-height:1.5}.player-status-pill,.access-pill{color:#87552e;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;background:#f3dfc8;border:1px solid #8c5e4026;border-radius:999px;justify-content:center;align-items:center;min-height:29px;padding:0 11px;font-size:10px;font-weight:900;display:inline-flex}.player-status-pill.success,.access-pill.success{color:#355c25;background:#dff0cf}.player-status-pill.violet,.access-pill.violet{color:#5b3f82;background:#eadcf5}.progression-readout{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:13px;display:flex}.progression-readout strong{letter-spacing:-.05em;font-size:clamp(32px,4vw,52px);line-height:1}.progression-readout span{color:var(--wbg-text-muted);font-size:12px}.progression-meta{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.progression-chip{color:#554d62;background:#ffffff8f;border:1px solid #54436217;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-size:12px;font-weight:750;display:inline-flex}.quick-link-list{gap:10px;display:grid}.quick-link-card{background:#ffffff85;border:1px solid #483e5614;border-radius:17px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:72px;padding:13px 14px;transition:transform .16s,border-color .16s,background .16s;display:grid}.quick-link-card:hover{background:#ffffffc7;border-color:#975e3d3d;transform:translateY(-1px)}.quick-link-icon{background:#efe1d5;border-radius:14px;place-items:center;width:44px;height:44px;font-size:21px;display:grid}.quick-link-card strong{font-size:14px;display:block}.quick-link-card p{color:var(--wbg-text-muted);margin:3px 0 0;font-size:11px;line-height:1.4}.quick-link-arrow{color:#976844;font-size:20px}.connection-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px;display:grid}.connection-tile{background:#ffffff75;border-radius:15px;padding:12px}.connection-tile span{color:var(--wbg-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.connection-tile strong{margin-top:4px;font-size:13px;display:block}.player-page-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px;min-height:238px;padding:38px 44px;display:grid}.player-page-hero-rewards{background:radial-gradient(circle at 79% 36%,#ffc95b57,#0000 24%),linear-gradient(132deg,#292c57 0%,#604678 48%,#bd6b70 100%)}.player-page-hero-games{background:radial-gradient(circle at 78% 35%,#95d67947,#0000 26%),linear-gradient(132deg,#262b55 0%,#445372 48%,#6b8467 100%)}.player-page-hero-copy{z-index:2;max-width:760px;position:relative}.player-page-hero h1{max-width:780px;font-size:clamp(38px,4.4vw,62px);line-height:.98}.player-page-hero-copy>p{max-width:660px;margin:17px 0 0;font-size:15px}.player-page-hero-badge{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1b1c3a61;border:1px solid #ffffff40;border-radius:24px;place-content:center;align-self:center;justify-items:center;min-width:128px;min-height:112px;padding:16px;display:grid;position:relative}.player-page-hero-badge strong{color:var(--wbg-yellow);letter-spacing:-.04em;font-size:42px;line-height:1}.player-page-hero-badge span{color:#ffffffbf;letter-spacing:.13em;text-transform:uppercase;margin-top:5px;font-size:9px;font-weight:900}.player-metric-grid{margin:-18px 22px 0}.player-metric-card{min-height:100px;padding:20px 22px}.player-metric-card strong{margin-top:5px;font-size:clamp(25px,2.5vw,37px)}.perk-list,.library-list{gap:10px;display:grid}.perk-card{background:#ffffff80;border:1px solid #54436214;border-radius:17px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.perk-icon{color:#6d4a21;background:linear-gradient(145deg,#ffe092,#f2b542);border-radius:14px;place-items:center;width:46px;height:46px;font-size:21px;display:grid}.perk-card strong{font-size:14px}.perk-card p{color:var(--wbg-text-muted);margin:3px 0 0;font-size:11px}.empty-state-card{text-align:center;background:radial-gradient(circle at 50% 0,#fdb8001f,#0000 42%),#fff6;border:1px dashed #6451682e;border-radius:20px;align-content:center;place-items:center;min-height:170px;padding:28px;display:grid}.empty-state-icon{color:#7b5a3c;background:#f0dfcf;border-radius:17px;place-items:center;width:54px;height:54px;margin-bottom:10px;font-size:25px;display:grid}.empty-state-card strong{font-size:16px}.empty-state-card p{max-width:390px;color:var(--wbg-text-muted);margin:7px 0 0;font-size:12px;line-height:1.5}.library-section{margin-top:18px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.library-card{background:#ffffff8f;border:1px solid #4e445d17;border-radius:19px;overflow:hidden}.library-card-art{color:#ffffffdb;background:radial-gradient(circle at 72% 30%,#fdb80061,#0000 24%),linear-gradient(135deg,#394169,#6c5778 55%,#a56f65);place-items:center;min-height:112px;font-size:34px;display:grid;position:relative;overflow:hidden}.library-card-art.beta{background:radial-gradient(circle at 72% 30%,#94db7b61,#0000 24%),linear-gradient(135deg,#35465e,#516d6d 55%,#78935f)}.library-card-art:after{content:"";background:#1e1f3975;border-radius:50% 50% 0 0;width:72%;height:95px;position:absolute;bottom:-42px;right:-22px;transform:rotate(-8deg)}.library-card-body{padding:16px}.library-card-topline{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.library-card h3{letter-spacing:-.025em;margin:0;font-size:17px}.library-card p{color:var(--wbg-text-muted);margin:8px 0 0;font-size:11px;line-height:1.45}.library-help-card{background:#ffffff73;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-top:14px;padding:17px 19px;display:flex}.library-help-card strong{font-size:14px;display:block}.library-help-card p{color:var(--wbg-text-muted);margin:4px 0 0;font-size:11px}.library-help-card .secondary-button{flex:none}@media (max-width:1180px){.dashboard-hero{grid-template-columns:minmax(0,1fr) 260px;padding:40px}.dashboard-main-grid,.player-detail-grid{grid-template-columns:1fr}}@media (max-width:900px){.dashboard-hero,.player-page-hero{grid-template-columns:1fr}.dashboard-level-card{grid-template-columns:auto 1fr;justify-self:stretch;justify-items:start;column-gap:18px}.dashboard-level-card .player-progress-track{grid-column:1/-1}.dashboard-level-card>p{align-self:start}.player-page-hero-badge{display:none}.dashboard-overview-grid,.player-metric-grid{grid-template-columns:1fr;margin-left:12px;margin-right:12px}.player-summary-card{min-height:104px}.library-grid{grid-template-columns:1fr}}@media (max-width:600px){.dashboard-hero,.player-page-hero{border-radius:21px;min-height:0;padding:28px 21px}.dashboard-hero h1{font-size:43px}.player-page-hero h1{font-size:38px}.dashboard-level-card{border-radius:19px;grid-template-columns:82px minmax(0,1fr);padding:17px}.dashboard-level-medallion{border-width:5px;width:82px;height:82px}.dashboard-level-medallion strong{font-size:36px}.dashboard-level-card h2{margin-top:6px;font-size:17px}.dashboard-overview-grid,.player-metric-grid{margin-top:12px}.player-summary-card{border-radius:17px;grid-template-columns:50px minmax(0,1fr);padding:17px}.player-summary-icon{border-radius:15px;width:50px;height:50px}.player-panel{border-radius:20px;padding:21px}.player-panel-heading,.progression-readout,.library-help-card{flex-direction:column;align-items:flex-start}.connection-strip{grid-template-columns:1fr}.quick-link-card{grid-template-columns:40px minmax(0,1fr) auto}}
.mobile-nav{display:none}@media (min-width:1400px){.site-frame{grid-template-columns:248px minmax(0,1fr);padding:12px}.sidebar{height:calc(100vh - 24px);padding:24px 17px 17px;top:12px}.content{padding-left:12px}.dashboard-hero{grid-template-columns:minmax(0,1fr) minmax(280px,340px);min-height:360px;padding:48px 50px}.dashboard-main-grid,.dashboard-secondary-grid,.player-detail-grid{gap:18px}.dashboard-main-grid,.dashboard-secondary-grid{grid-template-columns:minmax(0,1.42fr) minmax(330px,.72fr)}.player-page-hero{min-height:260px;padding:42px 48px}.player-panel{padding:30px}.dashboard-main-grid>.player-panel{min-height:290px}.dashboard-secondary-grid>.player-panel{min-height:300px}.account-hero{min-height:230px}.account-detail-panel{min-height:350px}}.dashboard-secondary-grid{grid-template-columns:minmax(0,1.4fr) minmax(310px,.72fr);gap:16px;margin-top:18px;padding-bottom:18px;display:grid}.activity-list{display:grid}.activity-row{border-top:1px solid #54436217;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:14px;min-height:68px;padding:10px 0;display:grid}.activity-row:first-child{border-top:0;padding-top:0}.activity-icon,.connected-account-icon{border-radius:14px;flex:none;place-items:center;display:grid}.activity-icon{color:#6b4300;background:linear-gradient(145deg,#ffe093,#f3b43b);width:44px;height:44px;font-size:18px;box-shadow:0 7px 18px #6e481a1f}.activity-copy strong{font-size:14px;display:block}.activity-copy p,.connected-account-row p{color:var(--wbg-text-muted);margin:3px 0 0;font-size:11px}.activity-row time{color:var(--wbg-text-muted);white-space:nowrap;font-size:11px}.activity-xp{color:#b46613;text-align:right;white-space:nowrap;min-width:68px;font-size:12px;font-weight:900}.compact-empty-state{min-height:190px}.connected-panel{flex-direction:column;display:flex}.connected-account-list{gap:10px;display:grid}.connected-account-row{background:#ffffff80;border:1px solid #54436217;border-radius:17px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;display:grid}.connected-account-icon{color:#4d4275;background:#ece2ff;width:44px;height:44px;font-size:20px}.connected-account-icon.steam{color:#29445c;background:#dce8f2}.connected-account-row strong{font-size:14px;display:block}.connected-manage-button{margin-top:auto;padding-top:0}.dashboard-quick-panel{flex-direction:column;display:flex}.dashboard-quick-panel .quick-link-list{margin-top:auto}@media (max-width:1280px){.site-frame{grid-template-columns:218px minmax(0,1fr)}.dashboard-hero{grid-template-columns:minmax(0,1fr) 250px;gap:28px;padding:38px 40px}.dashboard-level-medallion{width:100px;height:100px}.dashboard-level-medallion strong{font-size:45px}.dashboard-main-grid,.dashboard-secondary-grid{grid-template-columns:minmax(0,1.15fr) minmax(285px,.85fr)}.player-detail-grid{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr)}.player-panel{padding:24px}.player-summary-card{grid-template-columns:50px minmax(0,1fr);gap:13px;padding:18px}.player-summary-icon{width:50px;height:50px}}@media (max-width:1080px) and (min-width:961px){.dashboard-main-grid,.dashboard-secondary-grid,.player-detail-grid,.account-detail-grid{grid-template-columns:1fr}.dashboard-main-grid>.player-panel,.dashboard-secondary-grid>.player-panel,.account-detail-panel{min-height:0}.player-page-hero{padding:34px 36px}}@media (max-width:960px){.site-frame{padding:10px;display:block}.sidebar{display:none}.content{padding:0}.mobile-header{border-radius:20px 20px 0 0;min-height:64px;display:flex}.mobile-nav{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1d1f42f7;border-bottom:1px solid #ffe1c059;border-left:1px solid #ffe1c059;border-right:1px solid #ffe1c059;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:7px 8px 9px;display:grid;position:sticky;top:0;box-shadow:0 10px 24px #251b3624}.mobile-nav-item{color:#ffffffc2;border:1px solid #0000;border-radius:13px;align-content:center;place-items:center;gap:2px;min-width:0;min-height:48px;font-weight:800;display:grid}.mobile-nav-item>span{color:#f4b95e;font-size:17px;line-height:1}.mobile-nav-item small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;overflow:hidden}.mobile-nav-item-active{color:var(--wbg-yellow);background:#fdb8001a;border-color:#fdb80066}.dashboard-hero,.player-page-hero{border-radius:0 0 24px 24px;grid-template-columns:1fr}.dashboard-hero{gap:24px;min-height:0;padding:36px 32px}.dashboard-level-card{grid-template-columns:auto minmax(0,1fr);justify-self:stretch;place-items:center start;column-gap:18px;padding:18px 20px}.dashboard-level-card .player-progress-track{grid-column:1/-1}.player-page-hero{align-items:start;min-height:0;padding:34px 32px}.player-page-hero-badge{display:none}.dashboard-main-grid,.dashboard-secondary-grid,.player-detail-grid,.account-detail-grid{grid-template-columns:1fr}.account-detail-panel{min-height:0}.account-hero{border-radius:0 0 24px 24px;min-height:0}}@media (max-width:900px) and (min-width:701px){.dashboard-overview-grid,.player-metric-grid,.account-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-overview-grid,.player-metric-grid{margin-left:12px;margin-right:12px}.player-summary-card{grid-template-columns:1fr;align-content:start;gap:10px;min-height:140px}}@media (max-width:700px){.dashboard-overview-grid,.player-metric-grid,.account-summary-grid{grid-template-columns:1fr}.dashboard-overview-grid,.player-metric-grid{margin-top:12px}.dashboard-main-grid,.dashboard-secondary-grid,.player-detail-grid,.account-detail-grid{gap:12px;margin-top:12px}.activity-row{grid-template-columns:40px minmax(0,1fr) auto;gap:11px}.activity-row time{display:none}.activity-xp{min-width:62px;font-size:11px}.connected-account-row{grid-template-columns:40px minmax(0,1fr)}.connected-account-row .access-pill{grid-column:2;justify-self:start}.connected-account-icon{width:40px;height:40px}}@media (max-width:600px){.site-frame{padding:0}.mobile-header{border-radius:0}.mobile-nav{border-left:0;border-right:0}.dashboard-hero,.player-page-hero,.account-hero{border-radius:0}.dashboard-hero,.player-page-hero{padding:26px 19px}.dashboard-hero h1{font-size:clamp(38px,12vw,48px)}.player-page-hero h1{font-size:clamp(34px,10vw,42px)}.dashboard-hero-copy>p,.player-page-hero-copy>p{font-size:14px}.dashboard-level-card{grid-template-columns:74px minmax(0,1fr);column-gap:14px;padding:15px}.dashboard-level-medallion{border-width:4px;width:74px;height:74px}.dashboard-level-medallion strong{font-size:32px}.dashboard-level-card h2{margin-top:0}.dashboard-overview-grid,.player-metric-grid{margin-left:8px;margin-right:8px}.player-panel{padding:19px}.player-panel-heading{margin-bottom:17px}.player-panel-heading h2{font-size:25px}.activity-row{padding:9px 0}.library-help-card,.progression-readout,.player-panel-heading{flex-direction:column;align-items:flex-start}.account-platform-row{grid-template-columns:auto minmax(0,1fr)}}@media (max-width:420px){.mobile-nav{gap:3px;padding-left:5px;padding-right:5px}.mobile-nav-item{min-height:44px}.mobile-nav-item small{font-size:8px}.dashboard-hero-actions{grid-template-columns:1fr;display:grid}.dashboard-hero-actions>*{width:100%}.player-summary-card{grid-template-columns:46px minmax(0,1fr)}.player-summary-icon{width:46px;height:46px}.activity-row{grid-template-columns:36px minmax(0,1fr)}.activity-icon{width:36px;height:36px}.activity-xp{text-align:left;grid-column:2;justify-self:start}}
.site-frame{background-color:#0000;background-image:url(/media/banners/home/Background.png);background-position:top;background-repeat:no-repeat;background-size:100%}.content,.content-home{background:0 0;position:relative}.content-home:before{content:none;display:none}.content-home>.dashboard-hero,.account-hero,.player-page-hero,.player-page-hero-rewards,.player-page-hero-games{color:#fff;box-shadow:none;background:0 0;border:0;border-radius:0}.content-home>.dashboard-hero:before,.content-home>.dashboard-hero:after,.player-page-hero:before,.player-page-hero:after{content:none;display:none}.dashboard-hero-signed-in{min-height:315px}.dashboard-hero-signed-in .dashboard-hero-copy{max-width:660px}.account-hero,.player-page-hero{min-height:230px;padding:38px 36px 34px}.account-hero{align-items:center;display:flex}.player-page-hero{align-items:center}.content-home>.dashboard-hero .eyebrow,.account-hero .eyebrow,.player-page-hero .eyebrow{color:#fffffff2;letter-spacing:.04em;text-shadow:0 2px 12px #12122e6b;margin-bottom:8px;font-size:clamp(14px,1.05vw,17px);font-weight:760}.content-home>.dashboard-hero .eyebrow{letter-spacing:-.015em;text-transform:none;font-size:clamp(16px,1.25vw,20px);font-weight:720}.content-home>.dashboard-hero h1,.account-hero h1,.player-page-hero h1{color:#fff;text-shadow:0 4px 20px #12122e75}.content-home>.dashboard-hero h1{letter-spacing:-.055em;max-width:650px;font-size:clamp(42px,4.5vw,64px);line-height:.98}.account-hero h1,.player-page-hero h1{letter-spacing:-.045em;max-width:760px;font-size:clamp(32px,3.25vw,46px);line-height:1}.content-home>.dashboard-hero h1 span{color:var(--wbg-yellow);text-shadow:0 4px 20px #12122e6b}.content-home>.dashboard-hero .dashboard-hero-copy>p,.account-hero p,.player-page-hero-copy>p{color:#ffffffe6;text-shadow:0 2px 12px #12122e6b}.content-home>.dashboard-hero .dashboard-hero-copy>p{max-width:570px;margin-top:16px;font-size:15px}.account-hero p,.player-page-hero-copy>p{max-width:650px;margin-top:12px;font-size:14px}.content-home>.dashboard-hero .secondary-button{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#221f4147;border-color:#ffffff4d}.dashboard-hero-signed-in .dashboard-level-card,.player-page-hero-badge{color:#fff;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}.dashboard-hero-signed-in .dashboard-level-card{justify-self:end;width:min(300px,100%);padding:8px 0 6px}.dashboard-hero-signed-in .dashboard-level-card h2,.player-page-hero-badge strong,.player-page-hero-badge span{color:#fff;text-shadow:0 2px 12px #12122e80}.dashboard-hero-signed-in .dashboard-level-card>p{color:#ffffffc7;text-shadow:0 2px 12px #12122e70}.dashboard-hero-signed-in .dashboard-level-card .player-progress-track{background:#ffffff3d;box-shadow:0 1px 8px #15142f2e}.player-page-hero-badge{min-width:118px;min-height:94px;padding:8px}.player-page-hero-badge strong{font-size:clamp(34px,3vw,46px)}.account-identity-badge{box-shadow:0 5px 16px #48262033}.content-home .dashboard-overview-grid,.player-metric-grid,.account-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-left:0;margin-right:0}.content-home .dashboard-overview-grid,.player-metric-grid{margin-top:-24px}.account-summary-grid{margin-top:-16px}.content-home .dashboard-main-grid,.content-home .dashboard-secondary-grid,.player-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.content-home .dashboard-main-grid>:first-child,.content-home .dashboard-secondary-grid>:first-child,.player-detail-grid>:first-child{grid-column:span 2}.content-home .dashboard-main-grid>:last-child,.content-home .dashboard-secondary-grid>:last-child,.player-detail-grid>:last-child{grid-column:span 1}.account-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.account-summary-card,.player-metric-card,.account-detail-panel,.player-panel{border-radius:22px}.player-panel-heading h2,.panel-heading h2,.account-links-panel h2{font-size:clamp(21px,1.9vw,29px)}.player-metric-card strong{font-size:clamp(23px,2.2vw,33px)}@media (min-width:1400px){.dashboard-hero-signed-in{min-height:320px;padding-top:42px;padding-bottom:42px}.account-hero,.player-page-hero{min-height:240px;padding:42px 40px 38px}}@media (max-width:1080px){.content-home .dashboard-main-grid,.content-home .dashboard-secondary-grid,.player-detail-grid,.account-detail-grid{grid-template-columns:1fr}.content-home .dashboard-main-grid>:first-child,.content-home .dashboard-main-grid>:last-child,.content-home .dashboard-secondary-grid>:first-child,.content-home .dashboard-secondary-grid>:last-child,.player-detail-grid>:first-child,.player-detail-grid>:last-child{grid-column:auto}}@media (max-width:960px){.dashboard-hero-signed-in .dashboard-level-card{justify-self:stretch;width:100%;padding:12px 0 2px}.content-home .dashboard-overview-grid,.player-metric-grid,.account-summary-grid{margin-top:12px}.account-hero,.player-page-hero{min-height:0;padding:30px 28px}}@media (max-width:900px) and (min-width:701px){.content-home .dashboard-overview-grid,.player-metric-grid,.account-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-left:0;margin-right:0}}@media (max-width:700px){.content-home .dashboard-overview-grid,.content-home .dashboard-main-grid,.content-home .dashboard-secondary-grid,.player-metric-grid,.player-detail-grid,.account-summary-grid,.account-detail-grid{grid-template-columns:1fr;gap:12px;margin-left:8px;margin-right:8px}.content-home .dashboard-main-grid>:first-child,.content-home .dashboard-main-grid>:last-child,.content-home .dashboard-secondary-grid>:first-child,.content-home .dashboard-secondary-grid>:last-child,.player-detail-grid>:first-child,.player-detail-grid>:last-child{grid-column:auto}}@media (max-width:600px){.content-home>.dashboard-hero .eyebrow{font-size:15px}.content-home>.dashboard-hero h1{font-size:clamp(36px,11vw,46px)}.account-hero,.player-page-hero{padding:26px 19px}.account-hero h1,.player-page-hero h1{font-size:clamp(30px,9vw,38px)}.player-panel-heading h2,.panel-heading h2,.account-links-panel h2{font-size:23px}}
html,body{background:var(--theme-background,#121628)}.site-frame{isolation:isolate;background-color:var(--theme-background,#121628);background-image:none;position:relative}.site-frame:before{z-index:0;content:"";pointer-events:none;background-image:var(--wbg-banner-image,url(/api/media/banner/home));background-position:top;background-repeat:no-repeat;background-size:100%;height:56.25vw;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0% 74%,#000000f5 80%,#000000b8 87%,#00000057 94%,#0000 100%);mask-image:linear-gradient(#000 0% 74%,#000000f5 80%,#000000b8 87%,#00000057 94%,#0000 100%)}.site-frame>.sidebar,.site-frame>.content{z-index:1;position:relative}@media (max-width:960px){.site-frame:before{background-position:58%;background-size:cover;height:clamp(390px,88vw,520px);-webkit-mask-image:linear-gradient(#000 0% 72%,#000000f2 78%,#000000ad 87%,#00000047 95%,#0000 100%);mask-image:linear-gradient(#000 0% 72%,#000000f2 78%,#000000ad 87%,#00000047 95%,#0000 100%)}}@media (max-width:520px){.site-frame:before{background-position:61%;height:clamp(370px,104vw,450px)}}
@media (max-width:960px){.mobile-header{z-index:50;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#181b3eeb;border:0;border-bottom:1px solid #ffe2be3d;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:86px;padding:10px 14px;display:grid;position:relative;box-shadow:0 10px 28px #080c202e}.brand-mark-mobile{gap:8px;min-width:0;padding:0}.brand-mark-mobile .brand-hand{border-width:2px;width:38px;height:38px;font-size:18px}.brand-mark-mobile strong{white-space:nowrap;font-size:13px;line-height:.9}.brand-mark-mobile small{margin-top:4px;font-size:6px}.mobile-nav{z-index:auto;min-width:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;grid-template-columns:repeat(4,minmax(48px,1fr));gap:3px;padding:0;display:grid;position:static}.mobile-nav-item{color:#ffffffc7;border:1px solid #0000;border-radius:13px;align-content:center;place-items:center;gap:3px;min-width:0;min-height:54px;padding:4px 3px;font-weight:800;display:grid}.mobile-nav-item>span{color:#f6bd6e;font-size:17px;line-height:1}.mobile-nav-item small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;overflow:hidden}.mobile-nav-item-active{color:var(--wbg-yellow);background:#fdb8001a;border-color:#fdb80075}.mobile-account-actions{justify-self:end}.site-frame:before{top:86px}.content-home>.dashboard-hero-signed-in{grid-template-columns:minmax(0,1fr) minmax(150px,190px);align-items:center;gap:20px;min-height:315px;padding:34px 30px 50px}.content-home>.dashboard-hero-signed-in .dashboard-level-card{text-align:center;grid-template-columns:1fr;align-content:center;justify-items:center;width:100%;padding:0;display:grid}.content-home>.dashboard-hero-signed-in .dashboard-level-card .player-progress-track{grid-column:auto;width:100%;margin-top:13px}.content-home .dashboard-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:-22px 16px 0}.content-home .player-summary-card{grid-template-columns:1fr;align-content:start;gap:10px;min-height:146px;padding:15px 14px}.content-home .player-summary-icon{border-radius:15px;width:46px;height:46px;font-size:20px}.content-home .player-summary-card strong{font-size:23px}.content-home .player-summary-card p{font-size:10px;line-height:1.35}}@media (max-width:700px){.content-home>.dashboard-hero-signed-in{grid-template-columns:minmax(0,1fr) 142px;gap:14px;min-height:330px;padding:28px 20px 48px}.content-home>.dashboard-hero-signed-in .dashboard-hero-copy{max-width:none}.content-home>.dashboard-hero-signed-in .dashboard-hero-copy>p{margin-top:14px;font-size:13px;line-height:1.55}.content-home>.dashboard-hero-signed-in .dashboard-hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px;display:grid}.content-home>.dashboard-hero-signed-in .dashboard-hero-actions>*{width:100%;min-width:0;padding-left:12px;padding-right:12px;font-size:12px}.content-home>.dashboard-hero-signed-in .dashboard-level-medallion{border-width:5px;width:88px;height:88px}.content-home>.dashboard-hero-signed-in .dashboard-level-medallion strong{font-size:38px}.content-home>.dashboard-hero-signed-in .dashboard-level-card h2{margin-top:11px;font-size:15px}.content-home>.dashboard-hero-signed-in .dashboard-level-card>p{font-size:10px}.content-home .dashboard-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:-18px 10px 0}.content-home .player-summary-card{border-radius:18px;min-height:142px;padding:13px 11px}.content-home .player-summary-icon{border-radius:14px;width:42px;height:42px;font-size:18px}.content-home .player-summary-card .stat-label{font-size:9px}.content-home .player-summary-card strong{font-size:21px}.content-home .player-summary-card p{overflow-wrap:anywhere;font-size:9px;display:block}.content-home .dashboard-main-grid{display:none}.content-home .dashboard-secondary-grid{grid-template-columns:1fr;gap:12px;margin:16px 10px 0;padding-bottom:18px}.content-home .dashboard-secondary-grid>.connected-panel{order:-1}.content-home .dashboard-secondary-grid>.player-panel{grid-column:auto;padding:20px}.content-home .connected-panel .connected-manage-button{margin-top:14px}.content-home .activity-row{min-height:62px}}@media (max-width:520px){.mobile-header{gap:6px;padding-left:9px;padding-right:9px}.brand-mark-mobile{gap:5px}.brand-mark-mobile .brand-hand{width:32px;height:32px;font-size:15px}.brand-mark-mobile strong{font-size:11px}.mobile-nav{grid-template-columns:repeat(4,minmax(43px,1fr))}.mobile-nav-item{min-height:48px;padding:3px 1px}.mobile-nav-item>span{font-size:15px}.mobile-nav-item small{font-size:8px}.account-actions-compact .account-link{min-height:32px;padding-left:8px;padding-right:8px;font-size:10px}.content-home>.dashboard-hero-signed-in{grid-template-columns:minmax(0,1fr) 126px;min-height:344px;padding-left:15px;padding-right:15px}.content-home>.dashboard-hero-signed-in h1{font-size:clamp(34px,9vw,42px)}}@media (max-width:410px){.mobile-header{grid-template-columns:minmax(0,1fr) auto;align-content:center;row-gap:7px;min-height:138px}.mobile-nav{grid-area:2/1/auto/-1}.mobile-account-actions{grid-area:1/2}.site-frame:before{top:138px}.content-home>.dashboard-hero-signed-in{grid-template-columns:minmax(0,1fr) 112px;gap:10px;min-height:350px;padding-left:12px;padding-right:12px}.content-home>.dashboard-hero-signed-in .dashboard-hero-actions{grid-template-columns:1fr}.content-home>.dashboard-hero-signed-in .dashboard-level-medallion{width:76px;height:76px}.content-home .dashboard-overview-grid{gap:6px;margin-left:7px;margin-right:7px}.content-home .player-summary-card{min-height:136px;padding:11px 8px}.content-home .player-summary-icon{width:38px;height:38px}.content-home .player-summary-card strong{font-size:19px}}
.brand-mark{transform:none}.brand-logo-image{background-image:url(/media/brand/logos/Logo.png);background-position:0;background-repeat:no-repeat;background-size:contain;width:min(100%,178px);height:70px;display:block}.sidebar .brand-mark{justify-content:flex-start;padding:0 10px 24px}@media (max-width:1280px) and (min-width:961px){.brand-logo-image{width:158px;height:64px}}@media (max-width:960px){.brand-mark-mobile{width:128px;min-width:128px;padding:0;transform:none}.brand-mark-mobile .brand-logo-image{background-position:0;width:124px;height:54px}}@media (max-width:520px){.brand-mark-mobile{width:112px;min-width:112px}.brand-mark-mobile .brand-logo-image{width:108px;height:48px}}@media (max-width:410px){.brand-mark-mobile{width:132px;min-width:0}.brand-mark-mobile .brand-logo-image{width:126px;height:50px}}
@media (max-width:700px){.content-home>.dashboard-hero-signed-in{align-items:center;min-height:278px;padding-top:26px;padding-bottom:54px}.content-home>.dashboard-hero-signed-in .dashboard-hero-copy>p,.content-home>.dashboard-hero-signed-in .dashboard-hero-actions{display:none}.content-home>.dashboard-hero-signed-in .eyebrow{margin-bottom:8px}.content-home>.dashboard-hero-signed-in .dashboard-level-card h2{margin-top:10px}.content-home .dashboard-overview-grid{margin-top:-38px}.content-home .player-summary-card{min-height:132px}}@media (max-width:520px){.content-home>.dashboard-hero-signed-in{grid-template-columns:minmax(0,1fr) 116px;gap:10px;min-height:268px;padding:22px 14px 50px}.content-home>.dashboard-hero-signed-in h1{font-size:clamp(32px,9vw,40px)}.content-home>.dashboard-hero-signed-in .dashboard-level-medallion{width:82px;height:82px}.content-home>.dashboard-hero-signed-in .dashboard-level-card h2{font-size:13px}.content-home>.dashboard-hero-signed-in .dashboard-level-card>p{font-size:9px}.content-home .dashboard-overview-grid{margin-top:-34px}.content-home .player-summary-card{min-height:126px}}@media (max-width:410px){.content-home>.dashboard-hero-signed-in{grid-template-columns:minmax(0,1fr) 100px;min-height:256px}.content-home>.dashboard-hero-signed-in .dashboard-level-medallion{width:72px;height:72px}.content-home .dashboard-overview-grid{margin-top:-30px}}
:root{--theme-background:#121628;--theme-background-elevated:#22254c;--theme-surface:#fff3e7;--theme-surface-soft:#fff8f2;--theme-accent:#fdb800;--theme-secondary:#8f65cf;--theme-text:#1d203a;--theme-muted:#5d5b70}html,body,.site-frame{background-color:var(--theme-background)}.sidebar{border-color:color-mix(in srgb, var(--theme-accent) 32%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--theme-background-elevated) 88%, black 12%), color-mix(in srgb, var(--theme-background-elevated) 78%, var(--theme-secondary) 22%)), var(--theme-background-elevated)}.nav-item span,.mobile-nav-item>span,.note-spark{color:color-mix(in srgb, var(--theme-accent) 78%, white 22%)}.nav-item-active,.mobile-nav-item-active{color:var(--theme-accent);border-color:color-mix(in srgb, var(--theme-accent) 52%, transparent);background:color-mix(in srgb, var(--theme-accent) 13%, transparent)}.sidebar-note{border-color:color-mix(in srgb, var(--theme-surface) 20%, transparent);background:radial-gradient(circle at 80% 20%, color-mix(in srgb, var(--theme-accent) 31%, transparent), transparent 45%), linear-gradient(145deg, color-mix(in srgb, var(--theme-secondary) 36%, transparent), color-mix(in srgb, var(--theme-background) 74%, transparent))}.sidebar-note:after{background:linear-gradient(165deg, color-mix(in srgb, var(--theme-accent) 66%, white 12%), color-mix(in srgb, var(--theme-secondary) 58%, var(--theme-background) 42%))}.mobile-header{border-bottom-color:color-mix(in srgb, var(--theme-accent) 22%, transparent);background:color-mix(in srgb, var(--theme-background-elevated) 92%, transparent)}.player-summary-card,.player-metric-card,.player-panel,.stat-card{background:color-mix(in srgb, var(--theme-surface) 94%, transparent);border-color:color-mix(in srgb, var(--theme-surface) 70%, white 30%)}.player-summary-card .stat-label,.player-metric-card .stat-label,.eyebrow-dark,.player-panel .eyebrow{color:color-mix(in srgb, var(--theme-accent) 56%, var(--theme-text) 44%)}.player-summary-icon.gold,.stat-icon-gold{color:color-mix(in srgb, var(--theme-text) 82%, black 18%);background:linear-gradient(145deg, color-mix(in srgb, var(--theme-accent) 64%, white 36%), var(--theme-accent))}.player-summary-icon.violet,.stat-icon-violet{color:color-mix(in srgb, var(--theme-secondary) 62%, black 38%);background:linear-gradient(145deg, color-mix(in srgb, var(--theme-secondary) 34%, white 66%), color-mix(in srgb, var(--theme-secondary) 72%, white 28%))}.player-progress-fill{background:linear-gradient(90deg, color-mix(in srgb, var(--theme-accent) 82%, var(--theme-secondary) 18%), var(--theme-accent) 58%, color-mix(in srgb, var(--theme-accent) 58%, white 42%));box-shadow:0 0 18px color-mix(in srgb, var(--theme-accent) 30%, transparent)}.primary-button{border-color:color-mix(in srgb, var(--theme-accent) 78%, black 10%);background:var(--theme-accent)}
@media (min-width:961px){:root{--wbg-desktop-content-gutter:clamp(28px, 2.4vw, 48px);--wbg-desktop-section-gap:18px;--wbg-desktop-page-bottom:30px}.commerce-page,.rewards-reference-page,.reward-hub-page{margin-right:var(--wbg-desktop-content-gutter);margin-left:var(--wbg-desktop-content-gutter);padding-bottom:var(--wbg-desktop-page-bottom)}.content-home .dashboard-overview-grid,.content-home .dashboard-main-grid,.content-home .dashboard-secondary-grid,.player-metric-grid,.player-detail-grid,.account-summary-grid,.account-detail-grid,.account-settings-grid,.account-connections-panel,.account-migration-panel,.account-migration-complete,.progression-focus-grid,.progression-insight-grid,.progression-history-panel{margin-right:var(--wbg-desktop-content-gutter);margin-left:var(--wbg-desktop-content-gutter)}.account-settings-grid,.progression-focus-grid,.progression-insight-grid,.player-detail-grid{margin-top:var(--wbg-desktop-section-gap)}.account-connections-panel,.account-migration-panel,.progression-history-panel{margin-top:16px}.content-home .dashboard-secondary-grid,.player-detail-grid,.account-detail-grid,.account-connections-panel:last-of-type,.account-migration-panel,.progression-history-panel{padding-bottom:var(--wbg-desktop-page-bottom)}.account-migration-complete{margin-top:14px;margin-bottom:var(--wbg-desktop-page-bottom)}}@media (min-width:1400px){.content-home>.dashboard-hero-signed-in{min-height:370px;padding-top:64px;padding-bottom:62px}.content-home .dashboard-overview-grid{margin-top:-26px}}
.ambient-particles{z-index:0;pointer-events:none;height:min(760px,76vh);position:absolute;top:0;left:0;right:0;overflow:hidden}.ambient-particle{background:color-mix(in srgb, var(--theme-accent,#fdb800) 82%, white 18%);clip-path:polygon(50% 0%,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0% 50%,38% 38%);opacity:0;width:8px;height:8px;filter:drop-shadow(0 0 7px color-mix(in srgb, var(--theme-accent,#fdb800) 70%, transparent));animation:8s ease-in-out infinite wbg-particle-float;position:absolute}.ambient-particle:nth-child(2n){background:color-mix(in srgb, var(--theme-secondary,#b985e8) 72%, white 28%);filter:drop-shadow(0 0 7px color-mix(in srgb, var(--theme-secondary,#b985e8) 60%, transparent))}.ambient-particle-1{animation-duration:8.8s;animation-delay:-1.8s;top:9%;left:31%}.ambient-particle-2{width:5px;height:5px;animation-duration:10.2s;animation-delay:-5.2s;top:18%;left:57%}.ambient-particle-3{width:10px;height:10px;animation-duration:9.4s;animation-delay:-3.1s;top:11%;left:82%}.ambient-particle-4{width:6px;height:6px;animation-duration:11.2s;animation-delay:-6.3s;top:27%;left:72%}.ambient-particle-5{width:5px;height:5px;animation-duration:8.4s;animation-delay:-4.6s;top:33%;left:42%}.ambient-particle-6{width:9px;height:9px;animation-duration:12s;animation-delay:-7.2s;top:39%;left:90%}.ambient-particle-7{width:6px;height:6px;animation-duration:10.8s;animation-delay:-2.5s;top:48%;left:64%}.ambient-particle-8{width:4px;height:4px;animation-duration:11.6s;animation-delay:-8.1s;top:22%;left:21%}.ambient-particle-9{width:5px;height:5px;animation-duration:9.9s;animation-delay:-4.1s;top:52%;left:79%}@keyframes wbg-particle-float{0%,to{opacity:0;transform:translateY(12px)rotate(0)scale(.72)}18%{opacity:.72}50%{opacity:.95;transform:translate(8px,-9px)rotate(24deg)scale(1.08)}82%{opacity:.48}}.site-frame:before{will-change:filter;animation:14s ease-in-out infinite alternate wbg-scene-breathe}@keyframes wbg-scene-breathe{0%{filter:saturate()brightness()}to{filter:saturate(1.045)brightness(1.025)}}html:not([data-theme-ready=true]) .sidebar{opacity:0;transform:translate(-12px)}html:not([data-theme-ready=true]) .dashboard-hero,html:not([data-theme-ready=true]) .account-hero,html:not([data-theme-ready=true]) .player-page-hero,html:not([data-theme-ready=true]) .reward-hub-title,html:not([data-theme-ready=true]) .rewards-reference-title,html:not([data-theme-ready=true]) .commerce-title-row,html:not([data-theme-ready=true]) .dashboard-overview-grid,html:not([data-theme-ready=true]) .player-metric-grid,html:not([data-theme-ready=true]) .account-summary-grid,html:not([data-theme-ready=true]) .account-settings-grid,html:not([data-theme-ready=true]) .reward-hub-overview,html:not([data-theme-ready=true]) .rewards-overall-card,html:not([data-theme-ready=true]) .inventory-filter-panel,html:not([data-theme-ready=true]) .shop-how-card,html:not([data-theme-ready=true]) .dashboard-main-grid,html:not([data-theme-ready=true]) .account-detail-grid,html:not([data-theme-ready=true]) .account-connections-panel,html:not([data-theme-ready=true]) .player-detail-grid,html:not([data-theme-ready=true]) .reward-hub-grid,html:not([data-theme-ready=true]) .rewards-reference-grid,html:not([data-theme-ready=true]) .shop-toolbar-grid,html:not([data-theme-ready=true]) .inventory-catalog-panel,html:not([data-theme-ready=true]) .dashboard-secondary-grid,html:not([data-theme-ready=true]) .commerce-catalog-panel:not(.inventory-catalog-panel),html:not([data-theme-ready=true]) .account-migration-panel{opacity:0;transform:translateY(14px)scale(.992)}html[data-theme-ready=true] .sidebar{animation:.62s cubic-bezier(.2,.78,.22,1) both wbg-sidebar-arrive}html[data-theme-ready=true] .dashboard-hero,html[data-theme-ready=true] .account-hero,html[data-theme-ready=true] .player-page-hero,html[data-theme-ready=true] .reward-hub-title,html[data-theme-ready=true] .rewards-reference-title,html[data-theme-ready=true] .commerce-title-row{animation:.62s cubic-bezier(.2,.78,.22,1) 50ms both wbg-reveal-up}html[data-theme-ready=true] .dashboard-overview-grid,html[data-theme-ready=true] .player-metric-grid,html[data-theme-ready=true] .account-summary-grid,html[data-theme-ready=true] .account-settings-grid,html[data-theme-ready=true] .reward-hub-overview,html[data-theme-ready=true] .rewards-overall-card,html[data-theme-ready=true] .inventory-filter-panel,html[data-theme-ready=true] .shop-how-card{animation:.65s cubic-bezier(.2,.78,.22,1) .13s both wbg-reveal-up}html[data-theme-ready=true] .dashboard-main-grid,html[data-theme-ready=true] .account-detail-grid,html[data-theme-ready=true] .account-connections-panel,html[data-theme-ready=true] .player-detail-grid,html[data-theme-ready=true] .reward-hub-grid,html[data-theme-ready=true] .rewards-reference-grid,html[data-theme-ready=true] .shop-toolbar-grid,html[data-theme-ready=true] .inventory-catalog-panel{animation:.68s cubic-bezier(.2,.78,.22,1) .21s both wbg-reveal-up}html[data-theme-ready=true] .dashboard-secondary-grid,html[data-theme-ready=true] .commerce-catalog-panel:not(.inventory-catalog-panel),html[data-theme-ready=true] .account-migration-panel{animation:.7s cubic-bezier(.2,.78,.22,1) .29s both wbg-reveal-up}@keyframes wbg-reveal-up{0%{opacity:0;transform:translateY(14px)scale(.992)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes wbg-sidebar-arrive{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0,0)}}.dashboard-level-medallion,.player-page-hero-badge{animation:5.6s ease-in-out infinite wbg-medallion-float}.note-spark{animation:3.4s ease-in-out infinite wbg-spark-twinkle;display:inline-block}.nav-item-active>span,.mobile-nav-item-active>span{animation:4.2s ease-in-out infinite wbg-active-icon-pulse;display:inline-block}@keyframes wbg-medallion-float{0%,to{transform:translate(0,0)rotate(-.35deg)}50%{transform:translateY(-5px)rotate(.35deg)}}@keyframes wbg-spark-twinkle{0%,to{opacity:.62;transform:rotate(0)scale(.9)}50%{opacity:1;transform:rotate(22deg)scale(1.14)}}@keyframes wbg-active-icon-pulse{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-1px)scale(1.08)}}.primary-button,.secondary-button,.nav-item,.mobile-nav-item,.quick-link,.connected-account-row,.account-summary-card,.player-metric-card,.player-summary-card,.player-panel,.account-detail-panel{transition:transform .18s,box-shadow .18s,border-color .18s,background-color .18s,filter .18s}@media (hover:hover) and (pointer:fine){.account-summary-card:hover,.player-metric-card:hover,.player-summary-card:hover,.player-panel:hover,.account-detail-panel:hover{transform:translateY(-3px);box-shadow:0 16px 34px #16122a1c}.quick-link:hover,.connected-account-row:hover{transform:translate(3px)}.primary-button:hover,.secondary-button:hover{filter:brightness(1.035);transform:translateY(-2px)}.nav-item:hover,.mobile-nav-item:hover{transform:translate(2px)}}.primary-button:active,.secondary-button:active{transform:translateY(0)scale(.975)}@media (max-width:960px){.ambient-particles{height:520px}.ambient-particle-2,.ambient-particle-5,.ambient-particle-8,.ambient-particle-9{display:none}.ambient-particle-1{left:18%}.ambient-particle-3{left:83%}.ambient-particle-4{left:71%}.ambient-particle-6{left:88%}.ambient-particle-7{left:53%}}@media (prefers-reduced-motion:reduce){.site-frame:before,.sidebar,.dashboard-hero,.account-hero,.player-page-hero,.reward-hub-title,.rewards-reference-title,.commerce-title-row,.dashboard-overview-grid,.player-metric-grid,.account-summary-grid,.account-settings-grid,.reward-hub-overview,.rewards-overall-card,.inventory-filter-panel,.shop-how-card,.dashboard-main-grid,.account-detail-grid,.account-connections-panel,.player-detail-grid,.reward-hub-grid,.rewards-reference-grid,.shop-toolbar-grid,.inventory-catalog-panel,.dashboard-secondary-grid,.commerce-catalog-panel,.account-migration-panel,.dashboard-level-medallion,.player-page-hero-badge,.note-spark,.nav-item-active>span,.mobile-nav-item-active>span,.ambient-particle{animation:none!important}html[data-theme-ready=true] .sidebar,html[data-theme-ready=true] .dashboard-hero,html[data-theme-ready=true] .account-hero,html[data-theme-ready=true] .player-page-hero,html[data-theme-ready=true] .reward-hub-title,html[data-theme-ready=true] .rewards-reference-title,html[data-theme-ready=true] .commerce-title-row,html[data-theme-ready=true] .dashboard-overview-grid,html[data-theme-ready=true] .player-metric-grid,html[data-theme-ready=true] .account-summary-grid,html[data-theme-ready=true] .account-settings-grid,html[data-theme-ready=true] .reward-hub-overview,html[data-theme-ready=true] .rewards-overall-card,html[data-theme-ready=true] .inventory-filter-panel,html[data-theme-ready=true] .shop-how-card,html[data-theme-ready=true] .dashboard-main-grid,html[data-theme-ready=true] .account-detail-grid,html[data-theme-ready=true] .account-connections-panel,html[data-theme-ready=true] .player-detail-grid,html[data-theme-ready=true] .reward-hub-grid,html[data-theme-ready=true] .rewards-reference-grid,html[data-theme-ready=true] .shop-toolbar-grid,html[data-theme-ready=true] .inventory-catalog-panel,html[data-theme-ready=true] .dashboard-secondary-grid,html[data-theme-ready=true] .commerce-catalog-panel,html[data-theme-ready=true] .account-migration-panel{opacity:1!important;transform:none!important}.primary-button,.secondary-button,.nav-item,.mobile-nav-item,.quick-link,.connected-account-row,.account-summary-card,.player-metric-card,.player-summary-card,.player-panel,.account-detail-panel{transition:none!important}}
.theme-loading-screen{z-index:1000;color:#ffffffeb;background:radial-gradient(circle at 50% 43%, color-mix(in srgb, var(--theme-background-elevated,#252a55) 72%, transparent) 0%, transparent 34%), var(--theme-background,#121628);opacity:1;visibility:visible;place-content:center;justify-items:center;gap:14px;padding:24px;transition:opacity .18s,visibility 0s linear .18s;display:grid;position:fixed;inset:0}html[data-theme-ready=true] .theme-loading-screen{pointer-events:none;opacity:0;visibility:hidden}.theme-loading-image{aspect-ratio:1;width:clamp(74px,7vw,110px);filter:drop-shadow(0 8px 24px #00000038) drop-shadow(0 0 16px color-mix(in srgb, var(--theme-accent,#fdb800) 24%, transparent));background-image:url(/media/ui/Loading_Frame2.png);background-position:50%;background-repeat:no-repeat;background-size:contain;animation:1.55s cubic-bezier(.48,.12,.52,.88) infinite wbg-loading-spin;display:block}.theme-loading-label{color:#ffffffe0;letter-spacing:.025em;text-shadow:0 2px 12px #0000003d;align-items:baseline;min-height:24px;font-size:clamp(13px,1.05vw,16px);font-weight:760;animation:1.9s ease-in-out infinite wbg-loading-label;display:inline-flex}.theme-loading-dots{min-width:1.35em;margin-left:.08em;display:inline-flex}.theme-loading-dots>span{opacity:.22;animation:1.15s ease-in-out infinite wbg-loading-dot;display:inline-block;transform:translateY(0)}.theme-loading-dots>span:nth-child(2){animation-delay:.14s}.theme-loading-dots>span:nth-child(3){animation-delay:.28s}@keyframes wbg-loading-spin{0%{transform:rotate(0)scale(.96)}50%{transform:rotate(180deg)scale(1.02)}to{transform:rotate(360deg)scale(.96)}}@keyframes wbg-loading-label{0%,to{opacity:.64;transform:translateY(1px)}50%{opacity:1;transform:translateY(0)}}@keyframes wbg-loading-dot{0%,72%,to{opacity:.22;transform:translateY(0)}34%{opacity:1;transform:translateY(-2px)}}@media (max-width:520px){.theme-loading-screen{gap:11px}.theme-loading-image{width:78px}}@media (prefers-reduced-motion:reduce){.theme-loading-image,.theme-loading-label,.theme-loading-dots>span{animation:none!important}.theme-loading-screen{transition:none!important}html[data-theme-ready=true] .theme-loading-screen{display:none}}
.auth-page{isolation:isolate;color:#fff;background-color:var(--theme-background,#121628);background-image:linear-gradient(90deg, #0b0e252e 0%, #0b0e250f 42%, #0b0e2557 100%), var(--wbg-banner-image,url(/api/media/banner/home));background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;padding:clamp(24px,3vw,46px) clamp(24px,5vw,86px) 48px;position:relative;overflow:hidden}.auth-page:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle at 10% 20%, #ffffffb3 0 1px, transparent 1.7px), radial-gradient(circle at 52% 8%, color-mix(in srgb, var(--theme-accent,#fdb800) 72%, white) 0 1.2px, transparent 1.8px), radial-gradient(circle at 85% 25%, #ffffffa6 0 1px, transparent 1.8px);opacity:.52;background-size:190px 145px,250px 180px,220px 160px;position:absolute;inset:0}.auth-scene-shade{z-index:-1;pointer-events:none;background:linear-gradient(90deg, #0d112b85 0%, #0d112b3b 43%, #0d112b80 100%), linear-gradient(180deg, #080b201a 0%, #080b2014 58%, color-mix(in srgb, var(--theme-background,#121628) 68%, transparent) 100%);position:absolute;inset:0}.auth-brand{z-index:4;align-items:center;width:clamp(178px,14vw,236px);min-height:82px;padding:0;display:inline-flex;position:relative}.auth-brand-logo{filter:drop-shadow(0 8px 18px #0a0b1f47);background-image:url(/media/brand/logos/Logo.png);background-position:0;background-repeat:no-repeat;background-size:contain;width:100%;height:82px;display:block}.auth-layout{z-index:2;grid-template-columns:minmax(0,1fr) minmax(430px,.84fr);align-items:center;gap:clamp(48px,7vw,120px);width:min(1500px,100%);min-height:calc(100vh - 155px);margin:12px auto 0;display:grid;position:relative}.auth-story{color:#fff;text-shadow:0 3px 18px #0c0d2759;width:min(650px,100%)}.auth-story>.eyebrow,.auth-panel-heading>.eyebrow{color:color-mix(in srgb, var(--theme-accent,#fdb800) 78%, white 22%);letter-spacing:.13em;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:900}.auth-story h1{color:#fff;letter-spacing:-.06em;text-wrap:balance;max-width:620px;margin:0;font-size:clamp(56px,5.2vw,82px);line-height:.94}.auth-story-copy{color:#ffffffe0;max-width:570px;margin:22px 0 0;font-size:clamp(15px,1.15vw,18px);line-height:1.55}.auth-highlights{grid-template-columns:1fr;gap:18px;width:min(520px,100%);margin-top:34px;display:grid}.auth-highlight{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:16px;min-width:0;padding:0;display:grid}.auth-highlight>span{color:#fff;border:1px solid color-mix(in srgb, var(--theme-accent,#fdb800) 62%, white 16%);background:radial-gradient(circle at 35% 28%, #ffffff3d, transparent 40%), color-mix(in srgb, var(--theme-secondary,#b985e8) 68%, transparent);border-radius:50%;place-items:center;width:54px;height:54px;margin:0;font-size:22px;display:grid;box-shadow:0 9px 26px #0d0e2c3d}.auth-highlight:nth-child(2)>span{background:radial-gradient(circle at 35% 28%, #ffffff38, transparent 40%), color-mix(in srgb, var(--wbg-green,#8dd35f) 72%, transparent)}.auth-highlight:nth-child(3)>span{background:radial-gradient(circle at 35% 28%, #ffffff38, transparent 40%), color-mix(in srgb, var(--theme-accent,#fdb800) 67%, transparent)}.auth-highlight strong{color:#fff;font-size:18px;line-height:1.15;display:block}.auth-highlight p{color:#fffc;margin:5px 0 0;font-size:14px;line-height:1.4}.auth-new-player-card{background:color-mix(in srgb, var(--theme-background-elevated,#252a55) 65%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffff2e;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;width:min(440px,100%);margin-top:34px;padding:20px 20px 20px 22px;display:grid;box-shadow:0 18px 42px #0b0c222e}.auth-new-player-card strong{color:#fff;font-size:18px;display:block}.auth-new-player-card p{color:#ffffffbd;margin:6px 0 0;font-size:12px;line-height:1.4}.auth-new-player-card .primary-button{white-space:nowrap;min-height:42px;margin:0;padding:0 16px}.auth-panel{color:#fff;border:1px solid color-mix(in srgb, var(--theme-accent,#fdb800) 38%, #ffffff47);background:linear-gradient(145deg, color-mix(in srgb, var(--theme-background-elevated,#252a55) 88%, transparent), color-mix(in srgb, var(--theme-background,#121628) 90%, transparent));-webkit-backdrop-filter:blur(22px)saturate(1.08);backdrop-filter:blur(22px)saturate(1.08);border-radius:30px;justify-self:end;width:min(570px,100%);padding:clamp(32px,4.2vw,58px);box-shadow:0 32px 74px #06081b61}.auth-panel-heading{margin-bottom:28px}.auth-panel-heading>.eyebrow{margin-bottom:8px}.auth-panel h2{color:#fff;letter-spacing:-.045em;margin:0;font-size:clamp(34px,3vw,48px);line-height:1}.auth-panel-heading>p{color:#ffffffb8;margin:12px 0 0;font-size:15px;line-height:1.45}.auth-form-stack,.auth-form{display:grid}.auth-form-stack{gap:22px}.auth-form{gap:17px}.auth-field{gap:8px;display:grid}.auth-field>span{color:#ffffffed;font-size:13px;font-weight:820}.auth-field input{color:#fff;width:100%;min-height:58px;font:inherit;background:#ffffff0e;border:1px solid #ffffff42;border-radius:13px;outline:none;padding:0 18px;font-size:14px;transition:border-color .15s,box-shadow .15s,background-color .15s;box-shadow:inset 0 1px #ffffff0a}.auth-field input::placeholder{color:#ffffff7a}.auth-field input:focus{border-color:color-mix(in srgb, var(--theme-accent,#fdb800) 66%, white 12%);box-shadow:0 0 0 4px color-mix(in srgb, var(--theme-accent,#fdb800) 17%, transparent);background:#ffffff16}.auth-error{color:#ffe8e8;background:#a6354438;border:1px solid #ff848452;border-radius:12px;margin:0;padding:12px 14px;font-size:13px;line-height:1.4}.auth-submit{color:#211a17;border-color:color-mix(in srgb, var(--theme-accent,#fdb800) 76%, #d97800 24%);background:linear-gradient(180deg, color-mix(in srgb, var(--theme-accent,#fdb800) 86%, white 14%), var(--theme-accent,#fdb800));cursor:pointer;width:100%;min-height:58px;margin-top:2px}.auth-divider{color:#ffffffa1;text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;font-size:13px;display:grid}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff2b;height:1px}.auth-social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.auth-social-grid:has(>:only-child){grid-template-columns:1fr}.auth-social-button{color:#fff;min-height:56px;font:inherit;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff3b;border-radius:13px;justify-content:center;align-items:center;gap:11px;padding:0 16px;font-size:14px;font-weight:780;transition:transform .16s,border-color .16s,background-color .16s;display:inline-flex}.auth-social-button:hover{background:#ffffff1a;border-color:#ffffff61;transform:translateY(-2px)}.auth-social-button:disabled,.auth-submit:disabled{cursor:wait;opacity:.62}.auth-social-mark{border-radius:50%;place-items:center;width:27px;height:27px;font-size:14px;font-weight:950;display:grid}.auth-social-google{color:#4285f4;background:#fff;box-shadow:inset 0 0 0 1px #00000014}.auth-social-apple{color:#fff;background:#101010;font-size:0;position:relative}.auth-social-apple:before{content:"";background:#fff;border-radius:55% 45% 52% 48%;width:11px;height:14px;transform:rotate(-8deg)}.auth-social-apple:after{content:"";background:#fff;border-radius:80% 10%;width:5px;height:3px;position:absolute;top:5px;left:15px;transform:rotate(-34deg)}.auth-switch,.auth-privacy-note{color:#ffffff9e;text-align:center;font-size:13px;line-height:1.45}.auth-switch{margin:24px 0 0}.auth-switch a{color:color-mix(in srgb, var(--theme-accent,#fdb800) 82%, white 18%);font-weight:900}.auth-privacy-note{border-top:1px solid #ffffff1f;margin:22px 0 0;padding-top:20px;font-size:11px}html:not([data-theme-ready=true]) .auth-brand,html:not([data-theme-ready=true]) .auth-story,html:not([data-theme-ready=true]) .auth-panel{opacity:0}html[data-theme-ready=true] .auth-brand{animation:.52s cubic-bezier(.2,.78,.22,1) both wbg-auth-reveal}html[data-theme-ready=true] .auth-story{animation:.62s cubic-bezier(.2,.78,.22,1) 70ms both wbg-auth-reveal}html[data-theme-ready=true] .auth-panel{animation:.68s cubic-bezier(.2,.78,.22,1) .12s both wbg-auth-panel-reveal}@keyframes wbg-auth-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translate(0,0)}}@keyframes wbg-auth-panel-reveal{0%{opacity:0;transform:translate(18px,6px)scale(.988)}to{opacity:1;transform:translate(0,0)scale(1)}}@media (max-width:1080px){.auth-layout{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);gap:40px}.auth-story h1{font-size:clamp(50px,6vw,66px)}.auth-new-player-card{grid-template-columns:1fr}.auth-new-player-card .primary-button{justify-self:start}}@media (max-width:860px){.auth-page{background-position:58%;padding:22px 20px 38px}.auth-brand{width:170px;min-height:64px}.auth-brand-logo{height:64px}.auth-layout{grid-template-columns:1fr;gap:34px;min-height:auto;margin-top:20px}.auth-story{text-align:center;width:100%}.auth-story h1,.auth-story-copy,.auth-highlights,.auth-new-player-card{margin-left:auto;margin-right:auto}.auth-highlights{text-align:left;width:min(560px,100%)}.auth-panel{justify-self:center;width:min(620px,100%)}}@media (max-width:560px){.auth-page{padding:16px 14px 28px}.auth-brand{width:148px;min-height:58px}.auth-brand-logo{height:58px}.auth-story h1{font-size:46px}.auth-story-copy{font-size:14px}.auth-highlights{gap:14px;margin-top:26px}.auth-highlight{grid-template-columns:46px minmax(0,1fr);gap:12px}.auth-highlight>span{width:46px;height:46px;font-size:18px}.auth-highlight strong{font-size:15px}.auth-highlight p{font-size:12px}.auth-new-player-card{padding:17px}.auth-panel{border-radius:24px;padding:26px 20px}.auth-panel h2{font-size:34px}.auth-social-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html[data-theme-ready=true] .auth-brand,html[data-theme-ready=true] .auth-story,html[data-theme-ready=true] .auth-panel{opacity:1!important;animation:none!important;transform:none!important}.auth-social-button{transition:none!important}}
.sidebar-theme-toggle{margin-top:10px}.night-mode-toggle{color:#ffffffe6;width:100%;min-height:54px;font:inherit;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff21;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px 8px 12px;transition:transform .16s,border-color .16s,background-color .16s;display:flex}.night-mode-toggle:hover{border-color:color-mix(in srgb, var(--theme-accent,#fdb800) 38%, #ffffff2e);background:#ffffff16;transform:translateY(-1px)}.night-mode-toggle:focus-visible{outline:3px solid color-mix(in srgb, var(--theme-accent,#fdb800) 68%, white 32%);outline-offset:2px}.night-mode-toggle-copy{text-align:left;align-items:center;gap:10px;min-width:0;display:flex}.night-mode-toggle-icon{width:32px;height:32px;color:color-mix(in srgb, var(--theme-accent,#fdb800) 80%, white 20%);background:#ffffff14;border-radius:10px;flex:none;place-items:center;font-size:18px;display:grid}.night-mode-toggle-copy>span:last-child{gap:1px;min-width:0;display:grid}.night-mode-toggle-copy strong{font-size:12px;line-height:1.1}.night-mode-toggle-copy small{color:#ffffff94;font-size:10px;font-weight:700}.night-mode-switch{background:#04061461;border:1px solid #ffffff2e;border-radius:999px;flex:none;width:38px;height:22px;transition:border-color .16s,background-color .16s;display:block;position:relative}.night-mode-switch>span{background:#ffffffe0;border-radius:50%;width:14px;height:14px;transition:transform .18s,background-color .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 7px #00000038}.night-mode-toggle[aria-pressed=true] .night-mode-switch{border-color:color-mix(in srgb, var(--theme-accent,#fdb800) 64%, transparent);background:color-mix(in srgb, var(--theme-accent,#fdb800) 72%, var(--theme-secondary,#8f65cf) 28%)}.night-mode-toggle[aria-pressed=true] .night-mode-switch>span{background:#fff;transform:translate(16px)}html[data-club-mode=night] .site-frame{--wbg-card:color-mix(in srgb, var(--theme-background-elevated,#22254c) 90%, #090b16 10%);--wbg-card-border:#ffffff1f;--wbg-text:#f7f3fb;--wbg-text-muted:#c1bacd;--wbg-shadow:0 24px 60px #03041057;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-club-mode=night] .content{color:var(--wbg-text)}html[data-club-mode=night] :is(.player-summary-card,.player-metric-card,.player-panel,.stat-card,.panel,.account-summary-card,.library-card,.perk-card){color:var(--wbg-text);background:color-mix(in srgb, var(--theme-background-elevated,#22254c) 88%, #090b16 12%);border-color:#ffffff1c;box-shadow:0 16px 38px #04051247}html[data-club-mode=night] :is(.quick-link-card,.connection-tile,.progression-chip,.library-help-card,.empty-state-card,.account-platform-row){color:var(--wbg-text);background:#ffffff0e;border-color:#ffffff17}html[data-club-mode=night] .quick-link-card:hover{border-color:color-mix(in srgb, var(--theme-accent,#fdb800) 32%, #ffffff1f);background:#ffffff16}html[data-club-mode=night] :is(.player-summary-card,.player-metric-card,.player-panel,.stat-card,.panel,.account-summary-card,.library-card,.perk-card,.quick-link-card,.connection-tile,.progression-chip,.library-help-card,.empty-state-card,.account-platform-row) :is(h1,h2,h3,strong){color:var(--wbg-text)}html[data-club-mode=night] :is(.player-summary-card,.player-metric-card,.player-panel,.stat-card,.panel,.account-summary-card,.library-card,.perk-card,.quick-link-card,.connection-tile,.library-help-card,.empty-state-card,.account-platform-row) p,html[data-club-mode=night] :is(.stat-label,.progression-readout span){color:var(--wbg-text-muted)}html[data-club-mode=night] :is(.eyebrow-dark,.player-panel .eyebrow,.player-summary-card .stat-label,.player-metric-card .stat-label){color:color-mix(in srgb, var(--theme-accent,#fdb800) 76%, white 24%)}html[data-club-mode=night] .progression-chip{color:color-mix(in srgb, var(--theme-accent,#fdb800) 68%, white 32%)}html[data-club-mode=night] .player-progress-track{background:#ffffff1a}html[data-club-mode=night] .secondary-button{color:var(--wbg-text);background:#fff1;border-color:#ffffff24}html[data-club-mode=night] .secondary-button:hover{background:#ffffff1a;border-color:#ffffff38}html[data-club-mode=night] .connected-account-row+.connected-account-row,html[data-club-mode=night] .milestone-item{border-color:#ffffff17}html[data-club-mode=night] .empty-state-icon,html[data-club-mode=night] .quick-link-icon{color:color-mix(in srgb, var(--theme-accent,#fdb800) 76%, white 24%);background:color-mix(in srgb, var(--theme-secondary,#8f65cf) 26%, #ffffff0f)}@media (prefers-reduced-motion:reduce){.night-mode-toggle,.night-mode-switch,.night-mode-switch>span{transition:none}}
.account-settings-hero{min-height:210px}.account-settings-grid,.progression-focus-grid,.progression-insight-grid{gap:16px;margin-top:18px;display:grid}.account-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-settings-panel,.account-connections-panel,.account-migration-panel{min-width:0}.account-connections-panel,.account-migration-panel{margin-top:16px}.account-settings-heading{margin-bottom:20px}.account-settings-heading p{max-width:650px;color:var(--wbg-text-muted);margin:6px 0 0;font-size:12px;line-height:1.5}.account-setting-stack,.account-connection-list{gap:10px;display:grid}.account-setting-block{background:#ffffff7a;border:1px solid #54436217;border-radius:17px;gap:14px;padding:16px;display:grid}.account-setting-copy strong{font-size:14px;display:block}.account-setting-copy p{color:var(--wbg-text-muted);margin:4px 0 0;font-size:11px;line-height:1.45}.account-setting-readonly{grid-template-columns:minmax(0,1fr) auto;align-items:center}.account-setting-readonly>span{max-width:280px;color:var(--wbg-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.account-inline-editor{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.account-inline-editor input,.password-settings-control input{width:100%;min-height:42px;color:var(--wbg-text);font:inherit;background:#ffffffb8;border:1px solid #54436224;border-radius:11px;outline:none;padding:0 12px;font-size:13px}.account-inline-editor input:focus,.password-settings-control input:focus{border-color:color-mix(in srgb, var(--theme-accent,#fdb800) 58%, #54436233);box-shadow:0 0 0 3px color-mix(in srgb, var(--theme-accent,#fdb800) 14%, transparent)}.account-inline-editor p{color:var(--wbg-text-muted);grid-column:1/-1;margin:0;font-size:11px}.password-settings-control{gap:10px;display:grid}.password-settings-control label{color:var(--wbg-text-muted);letter-spacing:.04em;text-transform:uppercase;gap:5px;font-size:10px;font-weight:800;display:grid}.password-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.password-settings-control .secondary-button{justify-self:start}.account-form-message{color:var(--wbg-text-muted);margin:0;font-size:11px}.account-session-block .session-controls{margin-top:0}.account-connection-row{background:#ffffff7a}.account-migration-complete{color:#456734;background:#d6eec1d1;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin:14px 0 18px;padding:8px 12px;font-size:11px;font-weight:800;display:flex}.account-migration-complete span{background:#537a371f;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.progression-focus-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.progression-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.progression-focus-card,.progression-roadmap-card{min-height:330px}.progression-big-readout{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.progression-big-readout>div{background:#ffffff75;border:1px solid #54436214;border-radius:15px;padding:14px}.progression-big-readout strong{letter-spacing:-.04em;font-size:clamp(24px,2.5vw,36px);display:block}.progression-big-readout span{color:var(--wbg-text-muted);margin-top:4px;font-size:10px;line-height:1.35;display:block}.level-roadmap-list,.xp-source-list,.progression-history-list{display:grid}.level-roadmap-row,.xp-source-row,.progression-history-row{border-top:1px solid #54436217;align-items:center;gap:12px;display:grid}.level-roadmap-row:first-child,.xp-source-row:first-child,.progression-history-row:first-child{border-top:0}.level-roadmap-row{grid-template-columns:42px minmax(0,1fr) auto;min-height:67px}.level-roadmap-marker{color:#5e4217;background:linear-gradient(145deg,#ffe196,#efba50);border-radius:12px;place-items:center;width:38px;height:38px;font-size:14px;font-weight:950;display:grid}.level-roadmap-row strong,.xp-source-row strong,.progression-history-row strong{font-size:13px}.level-roadmap-row p,.xp-source-row p,.progression-history-row p{color:var(--wbg-text-muted);margin:3px 0 0;font-size:10px}.progression-roadmap-note{color:var(--wbg-text-muted);margin:10px 0 0;font-size:10px;line-height:1.45}.xp-source-row{grid-template-columns:42px minmax(0,1fr) auto;min-height:64px}.xp-source-icon{color:#6d4b18;background:#f1dfbf;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.xp-source-row>strong:last-child{color:#aa6418;white-space:nowrap}.progression-history-panel{margin-top:16px;margin-bottom:18px}.progression-history-row{grid-template-columns:42px minmax(0,1fr) auto auto;min-height:64px;padding:8px 0}.progression-history-row time{color:var(--wbg-text-muted);white-space:nowrap;font-size:10px}.progression-page-footer{border-top:1px solid #54436217;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding-top:16px;display:flex}.progression-page-footer p{color:var(--wbg-text-muted);margin:0;font-size:11px}html[data-club-mode=night] :is(.account-setting-block,.progression-big-readout>div,.account-connection-row){color:var(--wbg-text);background:#ffffff0d;border-color:#ffffff17}html[data-club-mode=night] :is(.account-inline-editor input,.password-settings-control input){color:var(--wbg-text);background:#ffffff12;border-color:#ffffff1f}html[data-club-mode=night] :is(.level-roadmap-row,.xp-source-row,.progression-history-row,.progression-page-footer){border-color:#ffffff14}html[data-club-mode=night] .account-migration-complete{color:#d8edc7;background:#6b8f4e33}@media (max-width:1180px){.account-settings-grid,.progression-focus-grid,.progression-insight-grid{grid-template-columns:1fr}.progression-focus-card,.progression-roadmap-card{min-height:0}}@media (max-width:700px){.account-settings-grid,.progression-focus-grid,.progression-insight-grid{gap:12px;margin-top:12px}.account-setting-readonly,.account-inline-editor,.password-settings-grid,.progression-big-readout{grid-template-columns:1fr}.account-setting-readonly>span{max-width:100%}.account-inline-editor .secondary-button{justify-self:start}.progression-history-row{grid-template-columns:38px minmax(0,1fr) auto}.progression-history-row time{display:none}.progression-history-row .activity-xp{grid-column:3}.progression-page-footer{flex-direction:column;align-items:flex-start}}@media (max-width:460px){.level-roadmap-row,.xp-source-row{grid-template-columns:38px minmax(0,1fr)}.level-roadmap-row .access-pill,.xp-source-row>strong:last-child{grid-column:2;justify-self:start}.progression-history-row{grid-template-columns:36px minmax(0,1fr)}.progression-history-row .activity-xp{grid-column:2;justify-self:start}}
.commerce-page{z-index:2;color:var(--wbg-text);gap:18px;display:grid;position:relative}.commerce-title-row{color:#fff;justify-content:space-between;align-items:center;gap:24px;min-height:96px;padding:8px 8px 0;display:flex}.commerce-title-row>div:first-child{align-items:center;gap:16px;display:flex}.commerce-title-row h1{color:#fff;letter-spacing:-.055em;text-shadow:0 5px 22px #20143440;margin:1px 0 0;font-size:clamp(42px,4.6vw,68px);line-height:.95}.commerce-title-row .eyebrow{color:#ffefdcd1}.commerce-title-icon{color:#ffd15b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1b1c3f6b;border:1px solid #ffd4747a;border-radius:50%;flex:none;place-items:center;width:62px;height:62px;font-size:30px;font-weight:900;display:grid;box-shadow:0 12px 32px #2114352e,inset 0 0 0 1px #ffffff14}.commerce-balance-chip{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1b1b3ab8;border:1px solid #ffffff2b;border-radius:18px;align-items:center;gap:11px;min-width:176px;padding:11px 17px;display:flex;box-shadow:0 14px 32px #1f133233}.commerce-balance-chip span:not(.coin-medallion){color:#ffffffb8;font-size:11px;font-weight:800;display:block}.commerce-balance-chip strong{color:#fff;letter-spacing:-.035em;margin-top:1px;font-size:25px;display:block}.coin-medallion,.coin-dot{color:#6a4300;background:linear-gradient(145deg,#ffe27c,#fdb800 55%,#e7910f);place-items:center;display:inline-grid;box-shadow:inset 0 0 0 2px #fff5b994,0 6px 14px #79480738}.coin-medallion{border:3px solid #ffd65d;border-radius:50%;flex:none;width:64px;height:64px;font-size:28px}.coin-medallion.small{border-width:2px;width:42px;height:42px;font-size:18px}.coin-dot{border-radius:50%;width:22px;height:22px;font-size:11px}.shop-how-card{color:#fff;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:radial-gradient(circle at 86% 45%,#fdb80033,#0000 23%),radial-gradient(circle at 20% 120%,#385f3f52,#0000 38%),linear-gradient(112deg,#1d1f43e6,#2f2d4fb8 46%,#382d43c7);border:1px solid #ffd59a4d;border-radius:24px;padding:17px 22px 19px;overflow:hidden;box-shadow:0 18px 42px #2317332b}.shop-how-heading{border-bottom:1px solid #ffffff1c;align-items:baseline;gap:12px;padding-bottom:13px;display:flex}.shop-how-heading>span{font-size:18px;font-weight:900}.shop-how-heading small{color:#ffffff94}.shop-how-steps{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;padding-top:16px;display:grid}.shop-how-step{grid-template-columns:32px 50px minmax(0,1fr);align-items:center;gap:10px;display:grid}.shop-step-number{color:#ffd360;background:#ffc54214;border:1px solid #ffcf5cbf;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.shop-step-icon{color:#734500;background:linear-gradient(145deg,#ffe18b,#f5ad24);border-radius:15px;place-items:center;width:48px;height:48px;font-size:25px;font-weight:900;display:grid;box-shadow:0 8px 20px #83490838}.shop-how-step strong{font-size:13px;display:block}.shop-how-step p{color:#ffffffa8;max-width:240px;margin:3px 0 0;font-size:10px;line-height:1.45}.shop-step-arrow{color:#ffd25d;text-shadow:0 0 18px #fdb80059;font-size:34px}.shop-toolbar-grid{grid-template-columns:minmax(220px,.48fr) minmax(0,1.9fr);gap:14px;display:grid}.commerce-wallet-card,.shop-filter-panel,.inventory-filter-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8e2d385;border:1px solid #ffffff47;border-radius:20px;box-shadow:0 13px 34px #412a3b17}.commerce-wallet-card{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;padding:16px;display:grid}.commerce-wallet-card>div>span{color:#7f5d55;font-size:11px;font-weight:800;display:block}.commerce-wallet-card>div>strong{letter-spacing:-.045em;margin-top:-1px;font-size:32px;display:block}.commerce-wallet-card small{color:var(--wbg-text-muted);font-size:10px}.commerce-claim-button{color:#482e00;cursor:pointer;background:linear-gradient(#ffd15b,#fdb800);border:0;border-radius:11px;grid-column:1/-1;min-height:36px;font-weight:900;box-shadow:0 7px 18px #bd7d082e}.commerce-claim-button:disabled{color:#7d7063;box-shadow:none;cursor:default;background:#ffffff85}.shop-filter-panel,.inventory-filter-panel{gap:10px;padding:13px 15px;display:grid}.commerce-filter-row{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.commerce-filter-group{min-width:0}.commerce-filter-group>span,.commerce-sort-control>span{color:#73564e;letter-spacing:.045em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:900;display:block}.commerce-filter-chips{flex-wrap:wrap;gap:7px;display:flex}.commerce-filter-chips button,.commerce-sort-control select{color:#3d3440;min-height:34px;font:inherit;background:#fff8f2d1;border:1px solid #7853491c;border-radius:10px;font-size:11px;font-weight:800}.commerce-filter-chips button{cursor:pointer;padding:0 13px}.commerce-filter-chips button:hover{border-color:#c0811159}.commerce-filter-chips button.active{color:#4d3100;background:linear-gradient(#ffd15e,#fdb800);border-color:#f3ad20;box-shadow:0 5px 13px #b16f0129}.commerce-sort-control{flex:0 0 170px}.commerce-sort-control select{outline:none;width:100%;padding:0 11px}.commerce-message{color:#65440e;background:#ffeab7e0;border:1px solid #b077142e;border-radius:13px;padding:10px 15px;font-size:12px;font-weight:800}.commerce-catalog-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff0e5eb;border:1px solid #ffffffb3;border-radius:24px;padding:19px;box-shadow:0 17px 40px #4e313b1c}.commerce-section-heading{border-bottom:1px solid #714c4717;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:14px;padding:0 2px 12px;display:flex}.commerce-section-heading h2{letter-spacing:-.035em;margin:2px 0 0;font-size:24px}.commerce-section-heading p{max-width:430px;color:var(--wbg-text-muted);text-align:right;margin:0;font-size:11px}.commerce-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.commerce-product-card{background:#fffbf7b3;border:1px solid #774c421a;border-radius:16px;grid-template-columns:108px minmax(0,1fr);gap:12px;min-height:132px;padding:10px;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;box-shadow:0 6px 16px #623d460d}.commerce-product-card:hover{border-color:#e19d1d52;transform:translateY(-1px);box-shadow:0 10px 22px #623d4617}.commerce-product-card.owned{background:#fdf8f28f}.commerce-product-art{color:#fff;background:radial-gradient(circle at 70% 22%,#ffdc705c,#0000 24%),linear-gradient(145deg,#283256,#4d456a 50%,#8b596d);border-radius:13px;place-items:center;min-height:110px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.commerce-product-art:after{content:"";background:#10193057;border-radius:50%;width:90%;height:70%;position:absolute;bottom:-35%;right:-18%;transform:rotate(-10deg)}.commerce-product-art>span{z-index:1;text-shadow:0 6px 15px #14142b4d;font-size:38px;font-weight:950;position:relative}.commerce-product-art.kind-item{color:#553500;background:radial-gradient(circle at 70% 22%,#fff3ae,#0000 27%),linear-gradient(145deg,#ffd45e,#f1a824 58%,#bc7410)}.commerce-product-art.kind-soundtrack{background:radial-gradient(circle at 70% 22%,#ffd55c4d,#0000 24%),linear-gradient(145deg,#20243b,#46405b 55%,#765c43)}.commerce-product-art.kind-dlc{background:radial-gradient(circle at 70% 22%,#c4abff59,#0000 24%),linear-gradient(145deg,#34325f,#625184 58%,#a15c73)}.commerce-product-copy{flex-direction:column;min-width:0;padding:2px 2px 0;display:flex}.commerce-product-topline{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.commerce-product-topline h3{letter-spacing:-.02em;min-width:0;margin:0;font-size:15px;line-height:1.2}.commerce-owned-pill{color:#315a25;text-transform:uppercase;background:#dcefd3;border-radius:999px;flex:none;align-items:center;min-height:23px;padding:0 8px;font-size:9px;font-weight:900;display:inline-flex}.commerce-product-tags{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.commerce-product-tags span{color:#66545a;background:#efe4dd;border-radius:999px;align-items:center;min-height:23px;padding:0 8px;font-size:9px;font-weight:750;display:inline-flex}.commerce-product-bottom{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:10px;display:flex}.commerce-price{align-items:center;gap:6px;display:flex}.commerce-price strong{font-size:14px}.commerce-card-button{color:#392500;min-height:34px;font:inherit;cursor:pointer;background:linear-gradient(#ffcf54,#fdb800);border:0;border-radius:9px;justify-content:center;align-items:center;padding:0 14px;font-size:10px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 6px 14px #bb790026}.commerce-card-button:disabled,.owned-button{color:#716966;box-shadow:none;cursor:default;background:#e8dfda}.steam-button{color:#fff;background:#25304a}.commerce-empty-state{min-height:180px;color:var(--wbg-text-muted);text-align:center;border:1px dashed #79514933;border-radius:18px;place-content:center;justify-items:center;padding:30px;display:grid}.commerce-empty-state strong{color:var(--wbg-text)}.commerce-empty-state p{margin:5px 0 0;font-size:12px}.commerce-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#17122885;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.commerce-purchase-modal{text-align:center;background:#fff0e4;border:1px solid #ffffffb8;border-radius:24px;width:min(520px,100%);padding:28px;position:relative;box-shadow:0 28px 80px #26162a52}.commerce-purchase-modal .modal-art{border-radius:50%;width:88px;min-height:88px;margin:-6px auto 14px;box-shadow:0 10px 30px #663f2d2e}.commerce-purchase-modal h2{letter-spacing:-.035em;max-width:410px;margin:8px auto 16px;font-size:23px;line-height:1.18}.commerce-modal-close{color:#9b6331;cursor:pointer;background:0 0;border:0;border-radius:50%;width:34px;height:34px;font-size:26px;position:absolute;top:13px;right:15px}.commerce-modal-cost{justify-content:center;align-items:center;gap:10px;margin-bottom:17px;display:flex}.commerce-modal-cost>span{color:var(--wbg-text-muted);font-size:11px}.commerce-modal-cost>div{align-items:center;gap:7px;display:flex}.commerce-modal-cost strong{font-size:28px}.commerce-modal-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:17px;display:grid}.commerce-modal-meta>div{text-align:left;background:#ffffff59;border:1px solid #764e4317;border-radius:12px;padding:12px}.commerce-modal-meta span,.commerce-modal-meta strong{display:block}.commerce-modal-meta span{color:var(--wbg-text-muted);text-transform:uppercase;font-size:9px}.commerce-modal-meta strong{margin-top:3px;font-size:12px}.commerce-modal-actions{grid-template-columns:.8fr 1.2fr;gap:9px;display:grid}.commerce-modal-actions button{min-height:43px;font:inherit;cursor:pointer;border-radius:11px;font-size:11px;font-weight:900}.commerce-modal-cancel{color:#604021;background:#fff6;border:1px solid #c48b59}.commerce-modal-confirm{color:#3c2800;background:linear-gradient(#ffd059,#fdb800);border:0;box-shadow:0 7px 18px #b873002e}.inventory-title-row{align-items:flex-end;padding-bottom:7px}.inventory-title-row p{color:#ffffffb3;max-width:610px;margin:8px 0 0;font-size:13px}.inventory-count-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1c1b3d94;border:1px solid #ffffff2b;border-radius:18px;place-content:center;justify-items:center;min-width:132px;min-height:82px;display:grid}.inventory-count-card strong{color:#ffd15b;font-size:31px;line-height:1}.inventory-count-card span{color:#ffffffb3;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:800}.inventory-filter-panel{gap:13px;padding:15px}.inventory-filter-row{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) 160px;align-items:end;display:grid}.compact-chips button{padding-inline:10px}.inventory-item-footer{color:var(--wbg-text-muted);text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:12px;font-size:9px;font-weight:750;display:flex}.inventory-item-footer strong{color:#5b4c4f;font-size:10px}html[data-club-mode=night] .commerce-wallet-card,html[data-club-mode=night] .shop-filter-panel,html[data-club-mode=night] .inventory-filter-panel{background:#252539b8;border-color:#ffffff17}html[data-club-mode=night] .commerce-catalog-panel,html[data-club-mode=night] .commerce-purchase-modal{background:#252433f0;border-color:#ffffff14}html[data-club-mode=night] .commerce-filter-group>span,html[data-club-mode=night] .commerce-sort-control>span,html[data-club-mode=night] .commerce-wallet-card>div>span{color:#f4ddd0b0}html[data-club-mode=night] .commerce-filter-chips button,html[data-club-mode=night] .commerce-sort-control select,html[data-club-mode=night] .commerce-product-card,html[data-club-mode=night] .commerce-modal-meta>div{color:#f6eee8;background:#ffffff0e;border-color:#ffffff14}html[data-club-mode=night] .commerce-product-tags span{color:#d9c8c5;background:#ffffff12}html[data-club-mode=night] .inventory-item-footer strong{color:#f1e3dd}@media (min-width:1520px){.commerce-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1100px){.shop-how-steps{grid-template-columns:1fr}.shop-step-arrow{display:none}.shop-toolbar-grid{grid-template-columns:1fr}.commerce-wallet-card{grid-template-columns:64px minmax(0,1fr) auto}.commerce-claim-button{grid-column:auto;min-width:130px}.inventory-filter-row{grid-template-columns:1fr}}@media (max-width:820px){.commerce-title-row{flex-direction:column;align-items:flex-start}.commerce-balance-chip,.inventory-count-card{align-self:stretch}.commerce-balance-chip{min-width:0}.shop-how-card{padding:15px}.shop-how-heading,.commerce-filter-row,.commerce-section-heading{flex-direction:column;align-items:flex-start}.commerce-section-heading p{text-align:left}.commerce-sort-control{flex-basis:auto;width:100%}.commerce-product-grid,.commerce-modal-meta,.commerce-modal-actions{grid-template-columns:1fr}.mobile-nav{overscroll-behavior-inline:contain;scrollbar-width:none;overflow-x:auto}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav-item{flex:none;min-width:66px}}@media (max-width:560px){.commerce-title-icon{width:50px;height:50px;font-size:23px}.commerce-title-row h1{font-size:42px}.shop-how-step{grid-template-columns:30px 42px minmax(0,1fr)}.shop-step-icon{width:42px;height:42px}.commerce-wallet-card{grid-template-columns:54px minmax(0,1fr)}.commerce-wallet-card .coin-medallion{width:54px;height:54px}.commerce-claim-button{grid-column:1/-1}.commerce-catalog-panel{padding:12px}.commerce-product-card{grid-template-columns:86px minmax(0,1fr);min-height:118px}.commerce-product-art{min-height:96px}.commerce-product-bottom{flex-direction:column;align-items:flex-start}.commerce-card-button{width:100%}}
.commerce-earn-link{text-align:center;place-items:center;text-decoration:none;display:grid}.shop-page .shop-filter-panel,.shop-page .commerce-wallet-card{align-content:center}