:root{--bg:#080808;--panel:#111;--panel2:#171717;--red:#ed1c24;--red2:#8f0b10;--gold:#f2bd49;--text:#f7f7f7;--muted:#999;--line:#ffffff16;--green:#63d391;--danger:#ff5b62}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}body{background:radial-gradient(circle at 15% 0,#3a0709 0,transparent 25%),var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.shell{width:min(1180px,100% - 36px);margin:auto}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:82px;display:flex}.brand{align-items:center;gap:10px;font-size:25px;font-weight:950;display:flex}.brand img{object-fit:contain}.brand b{color:var(--red)}.navlinks{align-items:center;gap:22px;display:flex}.button{cursor:pointer;background:#161616;border:1px solid #ffffff24;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-weight:850;display:inline-flex}.button:hover{filter:brightness(1.08)}.button.primary{background:linear-gradient(135deg,#ef252c,#9e0b11);border-color:#ff4a50}.button.gold{color:#120d03;background:linear-gradient(135deg,#eab43e,#8c5c08)}.button.ghost{background:#0b0b0b}.button.danger{background:#351013;border-color:#762028}.button.small{padding:8px 11px;font-size:12px}.button.wide{width:100%}.hero{grid-template-columns:44% 56%;align-items:center;min-height:650px;padding:50px 0;display:grid}.heroArt{justify-content:center;height:560px;display:flex;position:relative}.heroArt img{object-fit:contain;filter:drop-shadow(0 0 19px #ed1c246b);opacity:.93;width:auto;height:100%}.heroGlow{filter:blur(70px);background:#c80e1636;border-radius:50%;width:400px;height:400px;position:absolute;top:80px}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.11em;font-size:12px;font-weight:900}.hero h1{letter-spacing:-.05em;text-transform:uppercase;margin:18px 0;font-size:clamp(48px,6vw,78px);line-height:.95}.hero h1 em{color:var(--red);font-style:normal}.hero p{color:silver;max-width:700px;font-size:19px;line-height:1.65}.actions{flex-wrap:wrap;gap:12px;margin:30px 0;display:flex}.trust{color:#aaa;flex-wrap:wrap;gap:18px;font-size:13px;display:flex}.section{padding:85px 0}.sectionHead{text-align:center;max-width:720px;margin:0 auto 38px}.sectionHead h2,.pricing h2{margin:10px 0;font-size:40px}.featureGrid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.card,.featureCard,.authCard,.panel{border:1px solid var(--line);background:linear-gradient(145deg,#171717,#0d0d0d);border-radius:16px}.featureCard{padding:25px}.featureCard svg{color:var(--red)}.featureCard p,.muted{color:var(--muted);line-height:1.6}.pricing{grid-template-columns:1fr 430px;align-items:center;gap:50px;padding:70px 0 100px;display:grid}.priceCard{background:#111;border:1px solid #f2bd4940;border-radius:18px;padding:30px}.priceCard h3{margin:14px 0;font-size:42px}.priceCard small{color:#888}.priceCard li{margin:12px 0}.legalLinks{color:#888;justify-content:center;gap:18px;padding:30px;font-size:12px;display:flex}.centerPage{place-items:center;min-height:100vh;padding:30px;display:grid}.authCard{width:min(520px,100%);padding:30px}.authLogo{align-items:center;gap:12px;margin-bottom:22px;display:flex}.authLogo img{object-fit:contain}.authCard h1{margin:8px 0}.authCard p{color:#aaa;line-height:1.6}.formGrid{gap:14px;margin:22px 0;display:grid}.formGrid.two{grid-template-columns:1fr 1fr}.formGrid label{color:#bbb;gap:7px;font-size:12px;font-weight:800;display:grid}.formGrid input,.formGrid select,.formGrid textarea,.input{color:#fff;background:#080808;border:1px solid #ffffff1f;border-radius:9px;outline:none;width:100%;padding:12px}.formGrid input:focus,.formGrid select:focus,.formGrid textarea:focus{border-color:#ed1c2480}.notice{color:#e6c774;background:#f2bd4910;border:1px solid #f2bd493c;border-radius:10px;padding:12px 14px;font-size:13px}.notice.error{color:#ff9b9f;background:#ed1c2410;border-color:#ed1c2450}.notice.success{color:#91e2af;background:#63d39110;border-color:#63d39150}.authFooter{text-align:center;color:#999;font-size:13px}.dashboardLayout{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#0c0c0c;flex-direction:column;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.sideBrand{align-items:center;gap:8px;padding:0 8px 20px;font-size:20px;font-weight:950;display:flex}.sideBrand img{object-fit:contain}.sideBrand b{color:var(--red)}.nav{gap:5px;display:grid}.nav button{color:#aaa;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:12px;display:flex}.nav button.active,.nav button:hover{color:#fff;background:linear-gradient(135deg,#8d0a0f,#350507)}.nav button svg{width:18px}.sideBottom{gap:10px;margin-top:auto;display:grid}.main{min-width:0}.dashboardHeader{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#090909e8;justify-content:space-between;align-items:center;height:76px;padding:0 24px;display:flex;position:sticky;top:0}.mobileMenu{display:none}.headerGroup{align-items:center;gap:10px;display:flex}.storeSelect{max-width:250px}.accountButton,.bellButton{border:1px solid var(--line);cursor:pointer;background:#121212;border-radius:10px;padding:9px 12px}.bellButton{position:relative}.badgeCount{background:var(--red);border-radius:99px;place-items:center;min-width:19px;height:19px;font-size:10px;font-weight:900;display:grid;position:absolute;top:-5px;right:-5px}.content{max-width:1500px;margin:auto;padding:25px}.pageHead{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px;display:flex}.pageHead h1{margin:0;font-size:30px}.pageHead p{color:#888;margin:5px 0 0}.grid{gap:14px;display:grid}.statsGrid{grid-template-columns:repeat(4,1fr)}.statCard{padding:18px}.statCard small{color:#777;text-transform:uppercase;font-size:10px;font-weight:900}.statCard strong{margin-top:7px;font-size:27px;display:block}.panel{padding:20px}.panelTitle{justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px;display:flex}.panelTitle h2,.panelTitle h3{margin:0}.twoCol{grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr)}.tableWrap{overflow:auto}.table{border:1px solid var(--line);border-radius:12px;min-width:800px;overflow:hidden}.tableRow{border-top:1px solid var(--line);grid-template-columns:1.3fr repeat(5,.8fr);align-items:center;gap:12px;padding:12px 14px;font-size:13px;display:grid}.tableRow.head{color:#777;text-transform:uppercase;background:#181818;border-top:0;font-size:9px;font-weight:900}.rank{color:var(--gold);font-weight:900}.person{align-items:center;gap:10px;display:flex}.avatar{background:linear-gradient(135deg,#ed1c24,#65070b);border-radius:50%;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.progress{background:#282828;border-radius:99px;height:9px;overflow:hidden}.progress i{background:linear-gradient(90deg,var(--red),var(--gold));height:100%;display:block}.activityList,.notificationList{gap:8px;display:grid}.activityItem,.notificationItem{border:1px solid var(--line);background:#0d0d0d;border-radius:10px;padding:12px}.activityItem small,.notificationItem small{color:#777}.rewardGrid,.questGrid{grid-template-columns:repeat(3,1fr)}.rewardCard,.questCard{padding:18px}.rewardCard h3,.questCard h3{margin:7px 0}.rewardCost{color:var(--gold);font-weight:900}.questCard.completed{border-color:#63d39155}.questTop{justify-content:space-between;gap:10px;display:flex}.pill{color:#ff9fa3;text-transform:uppercase;background:#ed1c2418;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:900}.modalBackdrop{z-index:60;background:#000b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#111;border:1px solid #f2bd4935;border-radius:16px;width:min(560px,100%);max-height:88vh;padding:22px;position:relative;overflow:auto}.modalClose{cursor:pointer;background:0 0;border:0;font-size:24px;position:absolute;top:10px;right:12px}.notificationPanel{border:1px solid var(--line);z-index:50;background:#111;border-radius:14px;width:min(390px,100vw - 40px);max-height:70vh;padding:15px;position:fixed;top:70px;right:20px;overflow:auto}.offlineBar{color:#fff;text-align:center;z-index:90;background:#6f090d;padding:7px;font-size:12px;position:fixed;bottom:0;left:0;right:0}.empty{text-align:center;color:#777;border:1px dashed #ffffff20;border-radius:12px;padding:35px}.spinner{border:3px solid #ffffff20;border-top-color:var(--gold);border-radius:50%;width:23px;height:23px;animation:.8s linear infinite spin}.loader{border:4px solid #ffffff20;border-top-color:var(--red);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.wheel{border:8px solid var(--gold);background:conic-gradient(#fff4d2 0 3.6deg,#ed1c24 3.6deg 54.5deg,#e5ad3d 54.5deg 105.4deg,#8f0b10 105.4deg 156.3deg,#ec6c2d 156.3deg 207.2deg,#aa0b11 207.2deg 258.1deg,#f2bd49 258.1deg 309deg,#d71219 309deg 360deg);border-radius:50%;width:250px;height:250px;margin:auto;transition:transform 4.2s cubic-bezier(.12,.7,.08,1);position:relative}.wheel:after{content:"QK";background:#090909;border:5px solid #fff;border-radius:50%;place-items:center;width:62px;height:62px;font-size:20px;font-weight:950;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.wheelPointer{border-left:14px solid #0000;border-right:14px solid #0000;border-top:28px solid var(--gold);z-index:3;width:0;height:0;margin:0 auto -7px;position:relative}.legalPage{width:min(850px,100% - 36px);margin:50px auto}.legalPage h1{font-size:42px}.legalPage h2{margin-top:30px}.legalPage p,.legalPage li{color:#bbb;line-height:1.7}.profileSheet{gap:12px;display:grid}.profileStats{grid-template-columns:repeat(3,1fr)}.qrBox{background:#fff;border-radius:10px;width:max-content;padding:12px}.code{letter-spacing:.18em;color:var(--gold);font-size:30px;font-weight:950}.dangerZone{border-color:#ed1c2440}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tabs button{border:1px solid var(--line);color:#888;cursor:pointer;background:#111;border-radius:8px;padding:8px 11px}.tabs button.active{color:#fff;background:#6d090d}.statusDot{background:var(--green);border-radius:50%;width:8px;height:8px;display:inline-block}.toast{z-index:100;background:#171717;border:1px solid #f2bd4940;border-radius:10px;padding:13px 16px;position:fixed;bottom:22px;right:22px}.mobileOnly{display:none}@media (max-width:1050px){.featureGrid,.statsGrid,.rewardGrid,.questGrid{grid-template-columns:1fr 1fr}.twoCol,.pricing{grid-template-columns:1fr}.hero{grid-template-columns:40% 60%}.profileStats{grid-template-columns:1fr 1fr}}@media (max-width:760px){.navlinks a{display:none}.hero{grid-template-columns:1fr;padding-top:15px}.heroArt{height:330px}.heroCopy{text-align:center}.actions,.trust{justify-content:center}.featureGrid{grid-template-columns:1fr}.dashboardLayout{display:block}.sidebar{z-index:45;width:250px;transition:left .2s;position:fixed;left:-270px}.sidebar.open{left:0}.mobileMenu{display:inline-flex}.dashboardHeader{padding:0 12px}.headerGroup .storeSelect{max-width:135px}.accountButton span{display:none}.content{padding:16px}.statsGrid{grid-template-columns:1fr 1fr}.rewardGrid,.questGrid{grid-template-columns:1fr}.pageHead{flex-direction:column;align-items:flex-start}.formGrid.two{grid-template-columns:1fr}.profileStats{grid-template-columns:1fr 1fr}.mobileOnly{display:block}.hero h1{font-size:48px}.topbar{height:70px}.navlinks{gap:8px}.navlinks .button{padding:9px 11px;font-size:12px}}@media (max-width:480px){.statsGrid,.profileStats{grid-template-columns:1fr}.brand{font-size:20px}.brand img{width:38px;height:52px}.heroCopy p{font-size:16px}.sectionHead h2,.pricing h2{font-size:31px}}
.demoModePanel{background:linear-gradient(135deg,#251b08,#120d05);border-color:#f2bd4966;justify-content:space-between;align-items:center;gap:24px;margin-bottom:14px;display:flex}.demoModePanel h2{margin:7px 0}.demoModePanel p{max-width:760px;margin-bottom:0}.demoBanner{background:linear-gradient(135deg,#2b1d05,#130d04);border:1px solid #f2bd4960;border-radius:13px;align-items:center;gap:12px;margin:18px 24px 0;padding:14px 16px;display:flex}.demoBanner>svg{color:var(--gold);flex:none}.demoBanner>div:first-of-type{gap:3px;display:grid}.demoBanner span{color:#b8aa87;font-size:12px}.demoRoleSwitch{margin-left:auto;gap:5px!important;display:flex!important}.demoRoleSwitch a{border:1px solid var(--line);color:#aaa;border-radius:8px;padding:8px 11px;font-size:12px;font-weight:850}.demoRoleSwitch a.active{color:#fff;background:#8d0a0f;border-color:#ed1c2470}.demoDashboard button:disabled{cursor:not-allowed;opacity:.58}.demoDashboard .pill{align-items:center;gap:5px;display:inline-flex}.demoDashboard .accountButton{align-items:center;gap:7px;display:inline-flex}.demoSidebarNote{font-size:11px;line-height:1.45}.demoResult{text-align:center;margin-top:14px}.demoHistoryPanel{margin-top:18px}.demoApproved{color:#5ce09a;align-items:center;gap:5px;display:inline-flex}.classicGap{align-items:start;gap:16px;margin-top:16px}.employeeProgress{background:radial-gradient(circle at 100% 0,#421014 0,#0000 34%),#111;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:32px;margin:0 0 16px;padding:24px;display:grid}.employeeProgressMain{min-width:0}.levelSummary{grid-template-columns:86px minmax(0,1fr);align-items:center;gap:20px;display:grid}.levelOrb{color:#fff;border:3px solid var(--gold);background:radial-gradient(circle at 35% 25%,#ff585e,#ad0b11 55%,#470306);border-radius:50%;place-items:center;width:82px;height:82px;font-size:32px;font-weight:950;display:grid;box-shadow:0 0 28px #ed1c243d}.levelSummary small{color:var(--gold);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:900}.levelSummary h3{margin:5px 0 12px;font-size:20px}.levelSummary p{color:#888;margin:8px 0;font-size:12px}.levelSummary .bonusPreviewLine{color:#d8b35f}.xpTrack{background:#252525;border:1px solid #ffffff12;border-radius:99px;height:13px;overflow:hidden}.xpTrack i{background:linear-gradient(90deg, var(--red), var(--gold));border-radius:inherit;height:100%;transition:width .25s;display:block}.employeeStatsGrid{grid-template-columns:repeat(4,minmax(105px,1fr));gap:9px;margin-top:20px;display:grid}.employeeStatsGrid>div{background:linear-gradient(145deg,#17130e,#0d0d0d);border:1px solid #f2bd492b;border-radius:10px;min-width:0;padding:12px}.employeeStatsGrid small,.employeeStatsGrid strong{display:block}.employeeStatsGrid small{color:#8f8f8f;text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:900}.employeeStatsGrid strong{color:#fff;margin-top:5px;font-size:17px}.wheelArea{align-content:center;justify-items:center;gap:10px;min-width:0;display:grid}.wheelAreaTitle{justify-items:center;gap:3px;margin-bottom:2px;display:grid}.wheelAreaTitle strong{font-size:18px}.wheelStage{--wheel-size:232px;width:var(--wheel-size);height:calc(var(--wheel-size) + 12px);position:relative}.wheelStage .wheelPointer{z-index:5;border-left:16px solid #0000;border-right:16px solid #0000;border-top:29px solid var(--gold);filter:drop-shadow(0 3px 3px #000);width:0;height:0;margin:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.wheelRotor{width:var(--wheel-size);height:var(--wheel-size);border:8px solid var(--gold);background:conic-gradient(#fff4d2 0 3.6deg, #ed1c24 3.6deg 54.514deg, #e5ad3d 54.514deg 105.428deg, #8f0b10 105.428deg 156.342deg, #ec6c2d 156.342deg 207.256deg, #aa0b11 207.256deg 258.17deg, #f2bd49 258.17deg 309.084deg, #d71219 309.084deg 360deg);border-radius:50%;transition:transform 2.8s cubic-bezier(.12,.67,.08,1);position:absolute;top:12px;left:0;overflow:hidden;box-shadow:0 0 38px #ed1c244a,inset 0 0 32px #0009}.wheelRotor:before{content:"";pointer-events:none;background:radial-gradient(circle,#0000 48%,#fff1 49%,#0000 51%);border-radius:50%;position:absolute;inset:0}.wheelLabelAnchor{transform-origin:50%;pointer-events:none;position:absolute;inset:0}.wheelLabelAnchor span{color:#fff;text-shadow:0 2px 5px #000;transform-origin:50%;place-items:center;min-width:34px;font-size:14px;font-weight:950;line-height:1;display:grid;position:absolute;top:17px;left:50%}.wheelLabelAnchor.rare span{color:#5b250a;filter:drop-shadow(0 1px 1px #fff8);min-width:18px;top:4px}.wheelHub{top:calc(12px + var(--wheel-size) / 2);z-index:4;color:#fff;background:#0d0d0d;border:5px solid #fff;border-radius:50%;place-items:center;width:76px;height:76px;font-size:20px;font-weight:950;display:grid;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 20px #000}.wheelResult{color:#aaa;background:#15100a;border:1px solid #f2bd4930;border-radius:99px;padding:7px 12px;font-size:12px}.wheelResult strong{color:var(--gold)}.rareChance{color:#777;font-size:10px}.managerPerformance{gap:16px;display:grid}.managerMetric{gap:8px;padding:4px 0;display:grid}.managerMetric>span{justify-content:space-between;align-items:center;gap:16px;display:flex}.managerMetric small{color:#888;text-transform:uppercase;font-size:10px;font-weight:900}.managerMetric strong{font-size:18px}.managerActionStrip{background:#26090b;border:1px solid #ed1c2440;border-radius:12px;align-items:center;gap:12px;margin-top:4px;padding:14px;display:flex}.managerActionStrip>svg{color:var(--red)}.managerActionStrip strong,.managerActionStrip small{display:block}.managerActionStrip small{color:#999;margin-top:3px}.nav button{position:relative}.navBadge{background:var(--red);color:#fff;border-radius:99px;place-items:center;min-width:22px;height:22px;margin-left:auto;padding:0 6px;font-size:10px;display:grid;box-shadow:0 0 18px #ed1c2455}.rewardBalance{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.rewardBalance>div{background:linear-gradient(145deg,#1a1510,#101010);border:1px solid #f2bd4935;border-radius:12px;padding:16px}.rewardBalance small,.rewardBalance strong{display:block}.rewardBalance small{color:#999;text-transform:uppercase;font-size:10px;font-weight:900}.rewardBalance strong{color:var(--gold);margin-top:6px;font-size:25px}.earnedRewardList,.employeeRequests{border:1px solid var(--line);background:#101010;border-radius:12px;margin-bottom:20px;padding:18px}.earnedRewardList h3,.employeeRequests h3{margin:0 0 10px}.earnedRewardList span{color:#ddd;background:#1b150a;border:1px solid #f2bd4930;border-radius:99px;align-items:center;gap:7px;margin:4px;padding:8px 12px;font-size:12px;display:inline-flex}.earnedRewardList svg{color:var(--gold)}.requestMiniRow{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:10px 0;display:flex}.requestMiniRow:last-child{border-bottom:0}.requestMiniRow strong,.requestMiniRow small{display:block}.requestMiniRow small{color:#777;margin-top:3px}.redemptionStatus{text-transform:uppercase;letter-spacing:.05em;border-radius:99px;width:max-content;padding:6px 10px;font-size:10px;font-weight:900;display:inline-flex}.redemptionStatus.pending{color:#ffd56e;background:#4d370d}.redemptionStatus.approved{color:#7cdda3;background:#143a25}.redemptionStatus.declined{color:#ff8f94;background:#481216}.redemptionTable{border:1px solid var(--line);background:#0d0d0d;border-radius:12px;display:grid;overflow:hidden}.redemptionRow{border-bottom:1px solid var(--line);grid-template-columns:minmax(210px,1.2fr) minmax(170px,1fr) 110px auto;align-items:center;gap:18px;padding:15px;display:grid}.redemptionRow:last-child{border-bottom:0}.redemptionRow strong,.redemptionRow small{display:block}.redemptionRow small{color:#777;margin-top:4px;font-size:11px}.redemptionPerson{align-items:center;gap:10px;display:flex}.approvalActions,.modalActions{gap:8px;display:flex}.button.approve{background:#143a25;border-color:#28653f}.button.decline{background:#351013;border-color:#762028}.approvalEmpty{text-align:center;background:#0d0d0d;border:1px dashed #ffffff20;border-radius:12px;align-content:center;place-items:center;min-height:220px;display:grid}.approvalEmpty>svg{color:#67d393;width:40px;height:40px}.approvalEmpty h3{margin:10px 0 0}.approvalEmpty p{color:#777}.subheading{margin:22px 0 10px}.archivedHeading{margin-top:36px}.fullPanel{min-height:0}.classicRewardCard>.button{margin-top:auto}.classicRewardCard>.button+.button{margin-top:8px}.rewardAdminPanel{background:#0d0d0d;margin-bottom:20px}.redemptionConfirm{text-align:center;width:min(520px,100%)}.redemptionConfirmIcon{width:64px;height:64px;color:var(--gold);background:#211806;border:1px solid #f2bd4950;border-radius:50%;place-items:center;margin:0 auto 14px;display:grid}.redemptionConfirm h2{margin:7px 0;font-size:30px}.redemptionConfirm>p{color:#aaa;line-height:1.6}.redemptionMath{background:#0b0b0b;border:1px solid #f2bd4930;border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:20px 0;padding:16px;display:grid}.redemptionMath span{gap:5px;display:grid}.redemptionMath small{color:#888;text-transform:uppercase;font-size:9px;font-weight:900}.redemptionMath strong{color:var(--gold);font-size:24px}.redemptionMath b{color:#ff8185}.modalActions{justify-content:flex-end}.classicWheelWrap{width:max-content;margin:4px auto 0;position:relative}.classicWheel{overflow:visible}.wheelSegmentLabel{--angle:0deg;z-index:1;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(-92px) rotate(calc(-1 * var(--angle)));color:#fff;text-shadow:0 1px 3px #000,0 0 6px #000;pointer-events:none;font-size:15px;font-weight:950;line-height:1;position:absolute;top:50%;left:50%}.wheelSegmentLabel.smoothie{color:#642608}.wheel.classicWheel:after{z-index:2}.demoWheelPanel{text-align:center}.demoWheelPanel .panelTitle{text-align:left}.classicPanel{background:#111;border-color:#292929}.classicLeaderboard{display:grid}.classicRankRow{border-bottom:1px solid #282828;grid-template-columns:minmax(285px,1.25fr) auto repeat(3,minmax(150px,1fr));align-items:center;gap:18px;padding:17px 4px;display:grid}.classicRankRow:last-child{border-bottom:0}.classicPerson{align-items:center;gap:12px;min-width:0;display:flex}.classicPerson>div{min-width:0}.classicPerson strong,.classicPerson small{display:block}.classicPerson strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.classicPerson small{color:#818181;text-transform:capitalize;margin-top:2px;font-size:11px}.classicRankBadge{width:38px;height:38px;color:var(--gold);background:linear-gradient(135deg,#302207,#100d06);border:1px solid #8d650f;border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:950;display:grid}.classicLevelBadge,.classicProjected{color:var(--gold);white-space:nowrap;background:#211a09;border:1px solid #765510;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900}.classicMetric{gap:4px;display:grid}.classicMetric>span{gap:2px;display:grid}.classicMetric small,.classicBonusCard small,.classicStoreQuest small{color:#8d949e;text-transform:uppercase;font-size:9px;font-weight:900}.classicMetric strong{font-size:15px}.classicSection,.classicQuestSection{border-top:1px solid #272727;margin-top:28px;padding-top:24px}.classicSectionHead{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px;display:flex}.classicSectionHead h2{margin:3px 0 0;font-size:20px}.classicSectionHead p,.classicFootnote{color:#858585;margin:3px 0 0;font-size:13px}.classicBonusGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.classicBonusCard{background:#0b0b0b;border:1px solid #282828;border-radius:12px;grid-template-columns:minmax(190px,1.25fr) repeat(2,minmax(115px,1fr)) auto;align-items:center;gap:13px;padding:13px 14px;display:grid}.classicBonusCard>div:not(.classicPerson){gap:3px;display:grid}.classicBonusCard>div:not(.classicPerson) strong{font-size:12px}.classicFootnote{margin-top:14px}.classicStatLog{background:#0b0b0b;border:1px solid #2b2b2b;border-radius:12px;overflow-x:auto}.classicStatRow{border-bottom:1px solid #242424;grid-template-columns:2fr repeat(5,minmax(90px,1fr)) 1fr;align-items:center;gap:18px;min-width:1040px;padding:14px;font-size:13px;display:grid}.classicStatRow:last-child{border-bottom:0}.classicStatRow.head{color:#7f8792;text-transform:uppercase;background:#1a1a1a;font-size:9px;font-weight:900}.classicStatRow>span:first-child{gap:3px;display:grid}.classicStatRow small{color:#777}.classicSummaryGrid,.classicRewardSummary{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.classicSummaryGrid .statCard,.classicRewardSummary .statCard{background:linear-gradient(145deg,#191714,#111);border-color:#5d430d}.classicSummaryGrid .statCard strong,.classicRewardSummary .statCard strong{color:var(--gold)}.classicLevelRewards{background:#111;margin-bottom:18px}.classicLevelRewards h2{margin-top:0}.classicRewardBadges,.classicLevelRewards>div{flex-wrap:wrap;gap:9px;display:flex}.classicRewardBadge{color:#f5f5f5;background:#1c1608;border:1px solid #6b4a08;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:inline-flex}.classicRewardBadge svg,.classicRewardCard>svg{color:var(--gold)}.classicRewardGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.classicRewardCard{background:#111;border:1px solid #292929;border-radius:14px;flex-direction:column;align-items:flex-start;min-height:225px;padding:20px;display:flex}.classicRewardCard h3{margin:18px 0 4px}.classicRewardCard .rewardCost{color:var(--gold);margin-top:10px}.classicRewardCard p{margin:6px 0 10px}.classicRewardCard .actions{width:100%;margin-top:auto}.classicQuestGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.classicQuestCard{background:linear-gradient(145deg,#141414,#0d0d0d);border:1px solid #292929;border-radius:14px;min-height:225px;padding:20px}.classicQuestCard>svg{color:var(--red);margin:22px 0 0}.classicQuestCard h3{margin:12px 0 22px}.classicQuestCard .questTop .pill{color:#fff;text-transform:uppercase;background:#721017;border-color:#8e151d}.classicQuestCard .questTop strong{color:var(--gold)}.classicQuestCard p{justify-content:space-between;align-items:center;gap:8px;display:flex}.classicComplete{background:linear-gradient(145deg,#102219,#0c1310)!important;border-color:#28653f!important}.classicComplete>svg{color:#50d894}.classicStoreQuest{background:linear-gradient(105deg,#101110 35%,#0f2a1b);border:1px solid #2e6946;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:22px;display:grid}.classicStoreQuest>svg{width:62px;height:62px;color:var(--red);background:#2a0c0e;border-radius:15px;padding:15px}.classicStoreQuest h2{margin:6px 0 14px}.classicStoreQuest p{margin:10px 0 0}.storeReward{min-width:120px;color:var(--gold);text-transform:uppercase;justify-items:center;gap:3px;display:grid}.storeReward>strong{font-size:36px}.storeReward>small{color:#c0b283}.storeReward .demoApproved{color:#5ce09a;text-transform:none;margin-top:8px}.classicActivityList{display:grid}.classicActivityItem{border-bottom:1px solid #272727;padding:14px 0}.classicActivityItem:last-child{border-bottom:0}.classicActivityItem strong{display:block}.classicActivityItem small{color:#777}@media (max-width:1500px){.classicRankRow{grid-template-columns:minmax(245px,1.3fr) auto repeat(3,minmax(125px,1fr));gap:12px}.classicBonusGrid{grid-template-columns:1fr}.classicRewardGrid,.classicQuestGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.employeeStatsGrid{grid-template-columns:repeat(2,minmax(105px,1fr))}}@media (max-width:1100px){.employeeProgress{grid-template-columns:minmax(0,1fr) 260px;gap:24px}.wheelStage{--wheel-size:215px}.redemptionRow{grid-template-columns:1fr 1fr}}@media (max-width:860px){.classicRankRow{grid-template-columns:1fr auto}.classicRankRow .classicMetric{grid-column:span 2}.classicRankRow .classicMetric+.classicMetric{margin-top:-6px}.classicBonusCard{grid-template-columns:1fr 1fr}.classicBonusCard .classicPerson,.classicBonusCard .classicProjected{grid-column:span 2}.classicSummaryGrid,.classicRewardSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.classicStoreQuest{grid-template-columns:auto 1fr}.storeReward{grid-column:1/-1;justify-items:start}.employeeProgress{grid-template-columns:1fr}.wheelArea{margin-top:8px}.rewardBalance{grid-template-columns:1fr 1fr}}@media (max-width:760px){.demoModePanel,.demoBanner{flex-direction:column;align-items:flex-start}.demoRoleSwitch{margin-left:0}.demoBanner{margin:12px 16px 0}.demoDashboard .dashboardHeader .pill,.demoDashboard .dashboardHeader .bellButton{display:none}.classicSectionHead{flex-direction:column;align-items:flex-start}.classicRewardGrid,.classicQuestGrid{grid-template-columns:1fr}}@media (max-width:520px){.classicSummaryGrid,.classicRewardSummary{grid-template-columns:1fr}.classicRankRow{padding:15px 0}.classicPerson{gap:8px}.classicBonusCard{grid-template-columns:1fr}.classicBonusCard .classicPerson,.classicBonusCard .classicProjected{grid-column:auto}.classicStoreQuest{grid-template-columns:1fr}.classicStoreQuest>svg{width:52px;height:52px}.employeeProgress{padding:18px}.levelSummary{text-align:center;grid-template-columns:1fr}.levelOrb{margin:auto}.employeeStatsGrid,.rewardBalance{grid-template-columns:1fr}.wheelStage{--wheel-size:210px}.redemptionRow{grid-template-columns:1fr}.approvalActions{flex-wrap:wrap}.requestMiniRow{align-items:flex-start}.redemptionMath{grid-template-columns:1fr}.redemptionMath b{transform:rotate(90deg)}.modalActions{flex-direction:column-reverse}.modalActions .button{width:100%}}.rangePicker,.metricTabs,.leaderboardControls{align-items:center;gap:6px;display:flex}.rangePicker{background:#0c0c0c;border:1px solid #2b2b2b;border-radius:12px;flex-wrap:wrap;justify-content:flex-end;padding:5px}.rangePicker button,.metricTabs button{appearance:none;color:#8f949d;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:850}.rangePicker button:hover,.metricTabs button:hover{color:#fff;background:#1b1b1b}.rangePicker button.active,.metricTabs button.active{color:#111;background:var(--gold);box-shadow:0 5px 16px #f2bd4922}.leaderboardControls{flex-direction:column;align-items:flex-end}.leaderboardControls .tabs{margin:0}.leaderboardNote{color:#7f858e;border-top:1px solid #262626;margin:14px 2px 0;padding-top:13px;font-size:12px;line-height:1.5}.managerOverviewStats{grid-template-columns:repeat(6,minmax(0,1fr))}.managerOverviewStats .statCard{background:linear-gradient(145deg,#151515,#0e0e0e);min-height:112px}.managerOverviewStats .statCard strong{color:#fff}.overviewCharts{grid-template-columns:minmax(0,1.35fr) minmax(380px,.85fr);gap:14px;margin-top:14px}.overviewChartPanel{min-height:390px;overflow:hidden}.overviewChartPanel .panelTitle{align-items:flex-start}.overviewChartPanel .panelTitle h2{margin:4px 0 0}.metricTabs{background:#090909;border:1px solid #292929;border-radius:10px;padding:4px}.metricTabs button{padding:6px 8px;font-size:10px}.periodChip{color:var(--gold);text-transform:capitalize;background:#1c1608;border:1px solid #60460f;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900}.trendChart{background:linear-gradient(#0000 30%,#f2bd4907);border-bottom:1px solid #2a2a2a;align-items:flex-end;gap:8px;height:285px;padding:26px 8px 0;display:flex;overflow-x:auto}.trendColumn{grid-template-rows:22px 1fr 30px;place-items:end center;gap:5px;min-width:46px;height:100%;display:grid}.trendColumn>strong{color:#d8d8d8;font-size:10px}.trendColumn>div{background:#17140d;border:1px solid #312a1a;border-radius:7px 7px 0 0;align-items:flex-end;width:28px;height:100%;display:flex;overflow:hidden}.trendColumn i{background:linear-gradient(#f2bd49,#ef202a);border-radius:6px 6px 0 0;width:100%;min-height:4px;transition:height .25s;display:block;box-shadow:0 0 16px #f2bd4933}.trendColumn small{color:#787e88;white-space:nowrap;font-size:9px}.chartEmpty{color:#777;text-align:center;align-content:center;place-items:center;gap:9px;min-height:285px;display:grid}.chartEmpty svg{color:#4e4e4e;width:36px;height:36px}.chartEmpty strong{color:#aaa}.chartEmpty span{font-size:12px}.teamBars{gap:15px;margin-top:24px;display:grid}.teamBar{grid-template-columns:minmax(160px,1fr) minmax(100px,1.2fr) auto;align-items:center;gap:12px;display:grid}.teamBarPerson{grid-template-columns:24px auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.teamBarPerson>b{color:var(--gold);font-size:11px}.teamBarPerson>strong{color:#ddd;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.teamBar>div{background:#292929;border-radius:999px;height:8px;overflow:hidden}.teamBar>div i{border-radius:inherit;background:linear-gradient(90deg, var(--red), var(--gold));height:100%;display:block}.teamBar>em{color:#b9b9b9;text-align:right;min-width:55px;font-size:11px;font-style:normal;font-weight:850}.overviewFooter{grid-template-columns:minmax(360px,.7fr) minmax(0,1.3fr);gap:14px;margin-top:14px}.managerSnapshot>div:last-child{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.managerSnapshot>div:last-child span{background:#0c0c0c;border:1px solid #292929;border-radius:12px;gap:7px;padding:16px;display:grid}.managerSnapshot small{color:#858b94;text-transform:uppercase;font-size:9px;font-weight:900}.managerSnapshot strong{color:var(--gold);font-size:21px}.derivedStat{color:var(--gold);background:linear-gradient(120deg,#211806,#12100c);border:1px solid #715210;border-radius:12px;grid-column:1/-1;grid-template-columns:auto auto 1fr;align-items:center;gap:11px;margin:14px 0;padding:13px 15px;display:grid}.derivedStat span{gap:2px;display:grid}.derivedStat small{color:#9d8a60;text-transform:uppercase;font-size:9px;font-weight:900}.derivedStat strong{font-size:24px}.derivedStat p{color:#a4a4a4;text-align:right;margin:0;font-size:12px}.derivedStat.error{color:#ff727a;background:#250d0f;border-color:#a0262e}.questLocked{color:#63d99b;margin-top:12px;font-size:10px;font-weight:800;display:block}@media (max-width:1450px){.managerOverviewStats{grid-template-columns:repeat(3,minmax(0,1fr))}.overviewCharts{grid-template-columns:1fr}}@media (max-width:900px){.pageHead>.rangePicker,.pageHead>.leaderboardControls{align-items:stretch;width:100%}.rangePicker{justify-content:flex-start}.overviewFooter,.managerSnapshot>div:last-child{grid-template-columns:1fr}}@media (max-width:620px){.managerOverviewStats{grid-template-columns:repeat(2,minmax(0,1fr))}.rangePicker button{flex:28%}.overviewChartPanel{min-height:350px;padding:16px}.overviewChartPanel .panelTitle{flex-direction:column;gap:12px}.teamBar{grid-template-columns:1fr auto}.teamBar>div{grid-area:2/1/auto/-1}.teamBar>em{grid-area:1/2}.derivedStat{grid-template-columns:auto 1fr}.derivedStat p{text-align:left;grid-column:1/-1}}
.questAvatar{width:var(--avatar-size);height:var(--avatar-size);isolation:isolate;vertical-align:middle;filter:drop-shadow(0 calc(var(--avatar-size) * .025) calc(var(--avatar-size) * .035) #0008);flex:none;display:inline-block;position:relative}.questAvatar>span,.questAvatar span>span,.questAvatar i,.questAvatar b{box-sizing:border-box;display:block;position:absolute}.questAvatarBackdrop{z-index:0;border:max(1px,calc(var(--avatar-size) * .014)) solid #ffffffb8;box-shadow:inset 0 0 0 max(1px,calc(var(--avatar-size) * .012)) #7751c925;background:radial-gradient(circle at 31% 21%,#fff 0 8%,#0000 28%),radial-gradient(circle at 50% 105%,#8067a6 0 16%,#0000 42%),linear-gradient(145deg,#f8f2ff,#e0e9fb 62%,#c5d2e8);border-radius:50%;inset:0;overflow:hidden}.questAvatarBackdrop:after{content:"";height:8%;filter:blur(calc(var(--avatar-size) * .018));background:#21142c4a;border-radius:50%;position:absolute;bottom:4%;left:19%;right:19%}.questCapeBack{z-index:1;border:max(1px,calc(var(--avatar-size) * .009)) solid #8e5c12;background:linear-gradient(115deg,color-mix(in srgb,var(--cape),white 25%),var(--cape) 45%,color-mix(in srgb,var(--cape),black 29%));width:92%;height:45%;box-shadow:inset 0 calc(var(--avatar-size) * .02) calc(var(--avatar-size) * .04) #ffffff26;border-radius:58% 58% 25% 25%;bottom:1%;left:4%;overflow:hidden}.questCapeBack i{background:#ffffff1d;width:2%;height:96%;top:4%;left:49%}.questCapeBack b{border-top:max(1px,calc(var(--avatar-size) * .012)) solid #f1bf43b5;border-radius:50%;height:18%;inset:7% 9% auto}.questCapeFront{z-index:8;pointer-events:none;width:70%;height:17%;bottom:21%;left:15%}.questCapeFront:before,.questCapeFront:after{content:"";border:max(1px,calc(var(--avatar-size) * .008)) solid #a66d12;background:linear-gradient(145deg,color-mix(in srgb,var(--cape),white 22%),var(--cape));width:34%;height:82%;position:absolute;top:0}.questCapeFront:before{border-radius:80% 16% 65% 35%;left:0;transform:rotate(13deg)}.questCapeFront:after{border-radius:16% 80% 35% 65%;right:0;transform:rotate(-13deg)}.questCapeFront i{z-index:2;aspect-ratio:1;border:max(1px,calc(var(--avatar-size) * .006)) solid #8b5707;background:radial-gradient(circle at 35% 28%,#fff5a5,#f0b72e 55%,#a66508);border-radius:50%;width:14%;top:15%;left:43%}.cape-7 .questCapeBack,.cape-7 .questCapeFront{display:none}.questBody{z-index:3;border:max(1px,calc(var(--avatar-size) * .01)) solid color-mix(in srgb,var(--shirt),black 48%);background:radial-gradient(circle at 37% 16%,#ffffff3b,transparent 20%), linear-gradient(145deg,color-mix(in srgb,var(--shirt),white 23%),var(--shirt) 55%,color-mix(in srgb,var(--shirt),black 25%));width:60%;height:31%;box-shadow:inset 0 calc(var(--avatar-size) * -.03) calc(var(--avatar-size) * .06) #0003;border-radius:48% 48% 18% 18%;bottom:1%;left:20%;overflow:hidden}.questBody i,.questBody b{background:#ffffff14;border-radius:50%;width:12%;height:70%;top:18%}.questBody i{left:14%;transform:rotate(9deg)}.questBody b{right:14%;transform:rotate(-9deg)}.questNeck{z-index:4;border:max(1px,calc(var(--avatar-size) * .007)) solid #744128;background:linear-gradient(90deg,color-mix(in srgb,var(--skin),black 17%),var(--skin) 48%,color-mix(in srgb,var(--skin),black 13%));border-radius:15% 15% 48% 48%;width:14%;height:16%;top:64%;left:43%}.questEar{z-index:5;border:max(1px,calc(var(--avatar-size) * .008)) solid #79462c;background:radial-gradient(circle at 42% 32%,color-mix(in srgb,var(--skin),white 11%),var(--skin) 60%,color-mix(in srgb,var(--skin),black 15%));border-radius:50%;width:12%;height:18%;top:43%}.questEar.left{left:21%}.questEar.right{right:21%}.questEar i{border:max(1px,calc(var(--avatar-size) * .005)) solid color-mix(in srgb,var(--skin),#9c4938 35%);border-radius:50%;width:43%;height:38%;top:32%;left:29%}.questHead{z-index:6;border:max(1px,calc(var(--avatar-size) * .009)) solid #794328;background:radial-gradient(circle at 34% 21%,#ffffff4d,transparent 19%), radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--skin),white 5%),var(--skin) 63%,color-mix(in srgb,var(--skin),black 14%));width:46%;height:50%;box-shadow:inset calc(var(--avatar-size) * -.018) calc(var(--avatar-size) * -.024) calc(var(--avatar-size) * .05) #7930162b;border-radius:47% 47% 45% 45%;top:24%;left:27%;overflow:hidden}.questBlush{z-index:2;width:19%;height:9%;filter:blur(calc(var(--avatar-size) * .002));background:#ee725b45;border-radius:50%;top:65%}.questBlush.left{left:7%}.questBlush.right{right:7%}.questBrow{z-index:4;border-top:max(1px,calc(var(--avatar-size) * .014)) solid color-mix(in srgb,var(--hair),#2c1a13 45%);border-radius:50%;width:21%;height:8%;top:28%}.questBrow.left{left:15%;transform:rotate(-7deg)}.questBrow.right{right:15%;transform:rotate(7deg)}.questEye{z-index:4;border:max(1px,calc(var(--avatar-size) * .008)) solid #3b2418;width:22%;height:27%;box-shadow:0 calc(var(--avatar-size) * .005) calc(var(--avatar-size) * .007) #0002;background:radial-gradient(circle at 34% 28%,#fff,#fffaf2 72%,#eadccf);border-radius:50%;top:38%;overflow:hidden}.questEye.left{left:14%}.questEye.right{right:14%}.questEye i{border:max(1px,calc(var(--avatar-size) * .005)) solid #25150e;background:radial-gradient(circle at 36% 27%,#fff 0 12%,var(--eye) 15% 53%,#17110e 56% 100%);border-radius:50%;width:52%;height:70%;top:13%;left:25%}.questEye b{background:#fff;border-radius:50%;width:24%;height:20%;top:18%;left:32%}.questNose{z-index:5;border:max(1px,calc(var(--avatar-size) * .004)) solid #ba5634;background:radial-gradient(circle at 35% 28%,#ffb184,#e9754c);border-radius:50%;width:9%;height:9%;top:60%;left:45.5%}.questMouth{z-index:5;border-bottom:max(1px,calc(var(--avatar-size) * .014)) solid #9e382e;border-radius:0 0 52% 52%;width:26%;height:12%;top:72%;left:37%}.eyes-1 .questEye:before{content:"";z-index:4;border-top:max(1px,calc(var(--avatar-size) * .008)) solid #2c1912;width:32%;height:9%;position:absolute;top:-9%;left:-18%;transform:rotate(-34deg)}.eyes-1 .questEye.right:before{left:auto;right:-18%;transform:rotate(34deg)}.eyes-2 .questEye,.eyes-5 .questEye,.eyes-3 .questEye.right{border:0;border-top:max(1px,calc(var(--avatar-size) * .019)) solid #382117;height:13%;box-shadow:none;background:0 0;top:51%}.eyes-2 .questEye i,.eyes-2 .questEye b,.eyes-5 .questEye i,.eyes-5 .questEye b,.eyes-3 .questEye.right i,.eyes-3 .questEye.right b{display:none}.eyes-4 .questEye{width:19%;height:24%}.eyes-6 .questEye{background:var(--eye);clip-path:polygon(50% 0,61% 34%,98% 35%,68% 56%,79% 92%,50% 70%,21% 92%,32% 56%,2% 35%,39% 34%);border:0;border-radius:0}.eyes-6 .questEye i,.eyes-6 .questEye b{display:none}.eyes-7 .questEye{background:repeating-radial-gradient(circle,var(--eye) 0 11%,#fff 13% 22%,var(--eye) 24% 34%)}.questHairBack{z-index:4;border:max(1px,calc(var(--avatar-size) * .008)) solid color-mix(in srgb,var(--hair),black 36%);background:linear-gradient(110deg,color-mix(in srgb,var(--hair),white 13%),var(--hair) 48%,color-mix(in srgb,var(--hair),black 22%));border-radius:48% 48% 39% 39%;width:60%;height:62%;display:none;top:15%;left:20%}.questHairFront{z-index:7;border:max(1px,calc(var(--avatar-size) * .008)) solid color-mix(in srgb,var(--hair),black 40%);background:radial-gradient(circle at 31% 22%,color-mix(in srgb,var(--hair),white 19%),transparent 23%), linear-gradient(120deg,color-mix(in srgb,var(--hair),white 10%),var(--hair) 51%,color-mix(in srgb,var(--hair),black 22%));clip-path:polygon(3% 0,97% 0,100% 65%,88% 52%,82% 84%,67% 58%,56% 86%,42% 57%,29% 83%,18% 54%,8% 76%,0 62%);border-radius:50% 50% 31% 31%;width:52%;height:37%;top:14%;left:24%}.questHairFront i,.questHairFront b,.questHairBack i,.questHairBack b{background:var(--hair);border:max(1px,calc(var(--avatar-size) * .006)) solid color-mix(in srgb,var(--hair),black 34%)}.hair-0 .questHairFront{clip-path:polygon(0 58%,8% 20%,18% 35%,27% 0,38% 31%,50% 3%,61% 32%,75% 7%,82% 38%,100% 17%,94% 100%,7% 100%);height:39%;top:10%}.hair-0 .questHairFront i{clip-path:polygon(50% 0,100% 100%,0 100%);width:22%;height:45%;top:3%;left:16%;transform:rotate(-23deg)}.hair-0 .questHairFront b{clip-path:polygon(50% 0,100% 100%,0 100%);width:24%;height:42%;top:4%;right:13%;transform:rotate(19deg)}.hair-1 .questHairFront{clip-path:polygon(0 0,100% 0,100% 70%,78% 52%,68% 79%,50% 51%,35% 72%,18% 54%,0 72%);transform:rotate(-2deg)}.hair-1 .questHairFront i{border-radius:80% 25% 55%;width:43%;height:68%;top:2%;left:47%;transform:rotate(16deg)}.hair-2 .questHairFront{clip-path:polygon(0 17%,16% 7%,28% 20%,42% 0,56% 18%,71% 3%,85% 19%,100% 10%,96% 74%,82% 56%,73% 83%,58% 55%,45% 82%,29% 55%,15% 78%,3% 64%);top:12%}.hair-3 .questHairFront,.hair-5 .questHairFront{background:radial-gradient(circle,var(--hair) 0 54%,color-mix(in srgb,var(--hair),black 35%) 57% 67%,transparent 70%) 0 0/27% 43%;clip-path:none;border:0}.hair-3 .questHairFront{height:33%;top:12%}.hair-4 .questHairFront{clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);background:linear-gradient(100deg,color-mix(in srgb,var(--hair),white 12%),var(--hair) 45%,color-mix(in srgb,var(--hair),black 18%));border-radius:30% 30% 12% 12%;height:38%;top:8%}.hair-5 .questHairFront{background-size:25% 38%;height:40%;top:8%}.hair-6 .questHairFront{background:repeating-linear-gradient(102deg,color-mix(in srgb,var(--hair),white 10%) 0 5%,var(--hair) 6% 11%,color-mix(in srgb,var(--hair),black 23%) 12% 14%);clip-path:ellipse(49% 48% at 50% 48%);height:35%;top:13%}.hair-7 .questHairBack,.hair-8 .questHairBack,.hair-9 .questHairBack,.hair-10 .questHairBack,.hair-11 .questHairBack,.hair-12 .questHairBack,.hair-13 .questHairBack,.hair-14 .questHairBack,.hair-15 .questHairBack{display:block}.hair-7 .questHairBack{background:repeating-linear-gradient(90deg,var(--hair) 0 8%,color-mix(in srgb,var(--hair),black 27%) 9% 12%);border-radius:44% 44% 26% 26%;width:66%;height:70%;left:17%}.hair-7 .questHairFront{background:repeating-linear-gradient(90deg,var(--hair) 0 9%,color-mix(in srgb,var(--hair),black 28%) 10% 13%)}.hair-8 .questHairBack{border-radius:47% 47% 24% 24%;width:64%;height:63%;top:16%;left:18%}.hair-8 .questHairFront{clip-path:polygon(0 0,100% 0,100% 100%,84% 72%,70% 58%,56% 77%,42% 55%,27% 75%,12% 58%,0 100%);border-radius:50% 50% 35% 35%;height:39%}.hair-9 .questHairBack{border-radius:46% 46% 22% 22%;width:72%;height:76%;top:15%;left:14%}.hair-9 .questHairFront{clip-path:polygon(0 0,100% 0,100% 100%,80% 61%,68% 93%,50% 58%,34% 92%,17% 59%,0 100%);height:43%}.hair-10 .questHairBack{border-radius:50%;width:62%;height:58%;left:21%}.hair-10 .questHairBack b{border-radius:50% 38% 50% 44%;width:46%;height:55%;top:20%;right:-32%;transform:rotate(-18deg)}.hair-11 .questHairBack{background:0 0;border:0}.hair-11 .questHairBack i,.hair-11 .questHairBack b{border-radius:50%;width:38%;height:38%;top:-7%}.hair-11 .questHairBack i{left:-5%}.hair-11 .questHairBack b{right:-5%}.hair-12 .questHairBack{background:radial-gradient(circle,var(--hair) 0 56%,color-mix(in srgb,var(--hair),black 30%) 58% 69%,transparent 71%) 0 0/26% 24%;border:0;width:76%;height:76%;top:15%;left:12%}.hair-12 .questHairFront{clip-path:none;background:radial-gradient(circle,var(--hair) 0 56%,color-mix(in srgb,var(--hair),black 30%) 58% 69%,transparent 71%) 0 0/25% 38%;border:0}.hair-13 .questHairBack{background:0 0;border:0}.hair-13 .questHairBack i,.hair-13 .questHairBack b{background:radial-gradient(circle,var(--hair) 0 55%,color-mix(in srgb,var(--hair),black 31%) 57% 67%,transparent 70%) 0 0/34% 34%;border-radius:50%;width:45%;height:45%;top:7%}.hair-13 .questHairBack i{left:-12%}.hair-13 .questHairBack b{right:-12%}.hair-14 .questHairBack{background:repeating-linear-gradient(90deg,transparent 0 9%,var(--hair) 10% 17%,color-mix(in srgb,var(--hair),black 27%) 18% 20%);border:0;border-radius:45%;width:74%;height:74%;top:17%;left:13%}.hair-14 .questHairFront{background:repeating-linear-gradient(90deg,var(--hair) 0 8%,color-mix(in srgb,var(--hair),black 28%) 9% 12%)}.hair-15 .questHairBack{background:radial-gradient(ellipse,var(--hair) 0 60%,color-mix(in srgb,var(--hair),black 27%) 62% 70%,transparent 72%) 0 0/33% 25%;border:0;width:68%;height:68%;left:16%}.hair-15 .questHairFront{background:radial-gradient(ellipse,var(--hair) 0 60%,color-mix(in srgb,var(--hair),black 27%) 62% 70%,transparent 72%) 0 0/31% 38%;clip-path:none;border:0}.questEarring{z-index:9;border:max(1px,calc(var(--avatar-size) * .006)) solid #8d5c05;width:5.5%;height:5.5%;box-shadow:0 calc(var(--avatar-size) * .014) calc(var(--avatar-size) * .014) #0004;background:radial-gradient(circle at 35% 28%,#fff4a3,#edab18 55%,#9e6304);border-radius:50%;top:57%}.questEarring.left{left:22.5%}.questEarring.right{right:22.5%}.earring-1 .questEarring{background:radial-gradient(circle at 35% 28%,#fff,#eadfd2 68%,#aaa);border-color:#c8b9ab}.earring-2 .questEarring{border:max(1px,calc(var(--avatar-size) * .012)) solid #e7a91d;background:0 0;width:6%;height:8%}.earring-3 .questEarring{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%);border-radius:0}.earring-4 .questEarring{background:#ef4a87;border-radius:55% 50% 55% 0;transform:rotate(45deg)}.earring-5 .questEarring{width:2.5%;height:9%;box-shadow:0 calc(var(--avatar-size) * .032) 0 #e7a91d;border-radius:99px}.earring-6 .questEarring{background:#27b7c2;border-color:#d6a116;border-radius:22%;transform:rotate(45deg)}.earring-7 .questEarring{display:none}.questGlasses{z-index:9;width:44%;height:18%;top:42%;left:28%}.questGlasses i{border:max(1px,calc(var(--avatar-size) * .016)) solid #202329;width:40%;height:88%;box-shadow:0 max(1px,calc(var(--avatar-size) * .005)) max(1px,calc(var(--avatar-size) * .01)) #0004;background:#ffffff12;border-radius:50%;top:0}.questGlasses i:first-child{left:0}.questGlasses i:nth-child(2){right:0}.questGlasses b{width:22%;height:max(1px,calc(var(--avatar-size) * .016));background:#202329;top:34%;left:39%}.glasses-1 .questGlasses i,.glasses-4 .questGlasses i{border-radius:22%}.glasses-2 .questGlasses i{height:70%;top:9%}.glasses-3 .questGlasses i{clip-path:polygon(0 18%,100% 0,90% 100%,14% 86%);border-radius:18%}.glasses-4 .questGlasses i{height:64%;top:12%}.glasses-5 .questGlasses i{border-width:max(2px,calc(var(--avatar-size) * .029))}.glasses-6 .questGlasses i{background:#222735a8;border-color:#111}.glasses-7 .questGlasses{display:none}.questHeadwearBack,.questHeadwearFront{z-index:9;width:62%;height:34%;top:-3%;left:19%}.questHeadwearBack{z-index:4}.questHeadwearFront i{border:max(1px,calc(var(--avatar-size) * .01)) solid #9f6310;clip-path:polygon(0 100%,0 36%,21% 66%,34% 9%,51% 62%,71% 1%,82% 66%,100% 32%,94% 100%);filter:drop-shadow(0 max(1px,calc(var(--avatar-size) * .01)) max(1px,calc(var(--avatar-size) * .01)) #0006);background:linear-gradient(90deg,#df9f19,#f8d554,#d69413);inset:0}.questHeadwearFront b{background:#fff3;border-radius:50%;height:18%;bottom:3%;left:12%;right:12%}.headwear-0 .questHeadwearFront i{background:linear-gradient(90deg,#b91824,#f1bd32 22%,#d72a32 48%,#f1bd32 74%,#b91824)}.headwear-2 .questHeadwearFront{height:25%;top:2%}.headwear-2 .questHeadwearFront i{clip-path:none;background:linear-gradient(#4388c8,#225b99);border-color:#143f73;border-radius:50% 50% 20% 20%}.headwear-2 .questHeadwearFront b{background:#3371ad;border-radius:50%;width:18%;height:25%;top:-9%;left:41%}.headwear-3 .questHeadwearFront{height:29%;top:0}.headwear-3 .questHeadwearFront i{clip-path:polygon(4% 100%,7% 20%,36% 5%,36% 0,64% 0,64% 5%,93% 20%,96% 100%);background:linear-gradient(90deg,#858585,#efefef,#909090);border-color:#555;border-radius:50% 50% 6% 6%}.headwear-3 .questHeadwearFront b{background:#c8242d;border-radius:50% 50% 8% 8%;width:12%;height:53%;top:-8%;left:44%}.headwear-4 .questHeadwearBack{border:max(2px,calc(var(--avatar-size) * .018)) dotted #c99b24;border-radius:50%;height:24%;display:block;top:2%;transform:rotate(-7deg)}.headwear-4 .questHeadwearFront{height:18%;top:7%}.headwear-4 .questHeadwearFront i{clip-path:none;background:radial-gradient(#d5a71e 0 54%,#0000 58%) 0 0/20% 52%;border:0}.headwear-4 .questHeadwearFront b{display:none}.headwear-5 .questHeadwearFront{height:48%;top:-13%}.headwear-5 .questHeadwearFront i{clip-path:polygon(49% 0,73% 72%,100% 100%,0 100%,28% 73%);background:linear-gradient(135deg,#273b98,#5366c0);border-color:#1b255f}.headwear-5 .questHeadwearFront b{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%);background:#f2bd49;border-radius:0;width:15%;height:20%;top:54%;left:43%}.headwear-6 .questHeadwearFront{border:max(2px,calc(var(--avatar-size) * .016)) solid #e8b62e;border-radius:50%;height:15%;top:5%;transform:rotate(-4deg)}.headwear-6 .questHeadwearFront i,.headwear-6 .questHeadwearFront b,.headwear-7 .questHeadwearFront,.headwear-7 .questHeadwearBack{display:none}.avatarBackdrop{z-index:120;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#060508e8;padding:20px}.avatarEditor{background:#0d0d0f;border:1px solid #ffffff1c;border-radius:26px;grid-template-columns:390px minmax(0,1fr);width:min(1240px,96vw);height:min(850px,94dvh);display:grid;position:relative;overflow:hidden;box-shadow:0 34px 110px #000d,0 0 0 1px #8b5bc41a}.avatarClose{z-index:8;color:#fff;background:#17151a;border:1px solid #ffffff21;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;top:16px;right:16px}.avatarClose svg{width:18px}.avatarPreviewPane{background:radial-gradient(circle at 50% 45%,#7047a63d 0,#0000 45%),linear-gradient(155deg,#171021,#100d16 58%,#0c0b0e);border-right:1px solid #ffffff15;flex-direction:column;align-items:center;gap:16px;min-width:0;padding:30px 24px 22px;display:flex}.avatarPreviewHeading{text-align:center}.avatarPreviewHeading .eyebrow{color:#f7bf3a}.avatarPreviewHeading h2{margin:5px 0 8px;font-size:clamp(25px,3vw,32px);line-height:1}.avatarPreviewHeading p{color:#a9a1ad;max-width:330px;margin:0 auto;font-size:13px;line-height:1.5}.avatarPreviewGlow{background:radial-gradient(circle at 50% 30%,#fff 0 6%,#ece7fc 43%,#bbb5d4 72%,#756494);border:1px solid #ffffff64;border-radius:34px;place-items:center;width:294px;height:294px;display:grid;overflow:hidden;box-shadow:inset 0 0 42px #fff9,inset 0 -30px 50px #44316035,0 18px 42px #0007}.avatarPreviewIdentity{text-align:center;gap:3px;display:grid}.avatarPreviewIdentity strong{color:#fff;font-size:20px}.avatarPreviewIdentity span{color:#9b91a2;font-size:11px}.avatarPreviewActions{gap:8px;display:flex}.avatarControls{background:linear-gradient(160deg,#111114,#0c0c0e);flex-direction:column;min-width:0;min-height:0;padding:25px 25px 18px;display:flex}.avatarBuilderIntro{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:end;gap:18px;min-height:68px;padding:0 48px 15px 0;display:flex}.avatarBuilderIntro .eyebrow{color:#f5bd37}.avatarBuilderIntro h3{margin:3px 0 0;font-size:27px}.avatarBuilderIntro p{color:#938b97;margin:0;font-size:12px}.avatarControlScroll{scrollbar-width:thin;scrollbar-color:#6c4ba0 #111;gap:15px;min-height:0;padding:18px 3px 22px 0;display:grid;overflow-y:auto}.avatarOptionGroup{background:linear-gradient(150deg,#17171a,#111113);border:1px solid #ffffff13;border-radius:18px;min-width:0;margin:0;padding:15px}.avatarOptionGroup legend{align-items:center;gap:10px;width:100%;padding:0 0 12px;display:flex}.avatarOptionGroup legend>span{color:#181006;background:linear-gradient(145deg,#ffdc74,#efad28);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:10px;font-weight:1000;display:grid}.avatarOptionGroup legend>div{gap:2px;min-width:0;display:grid}.avatarOptionGroup legend strong{color:#fff;letter-spacing:.02em;font-size:14px}.avatarOptionGroup legend small{color:#8f8795;font-size:10px}.avatarChoices{grid-template-columns:repeat(4,minmax(105px,1fr));gap:8px;display:grid}.avatarChoices button{color:#aaa3ae;cursor:pointer;background:linear-gradient(150deg,#1b1a1d,#131315);border:1px solid #ffffff15;border-radius:13px;align-content:center;place-items:center;gap:6px;min-width:0;min-height:92px;padding:8px 7px 9px;transition:transform .16s,border-color .16s,background .16s;display:grid;position:relative;overflow:hidden}.avatarChoices button:hover{background:#211a2b;border-color:#a276df;transform:translateY(-1px)}.avatarChoices button.selected{color:#fff;background:linear-gradient(145deg,#3a275c,#211830);border-color:#b68aef;box-shadow:0 0 0 2px #9866df22,inset 0 0 24px #9d6fdf1c}.avatarChoices button>small{text-overflow:ellipsis;white-space:nowrap;width:100%;color:inherit;font-size:10px;font-weight:800;overflow:hidden}.avatarChoicePreview{background:radial-gradient(circle at 50% 35%,#fff,#d9dcef 70%,#afa7c9);border:1px solid #ffffff4d;border-radius:14px;place-items:center;width:76px;height:70px;display:grid;overflow:hidden}.avatarOptionAvatar{filter:drop-shadow(0 4px 5px #0006)}.avatarColorSwatch{--choice:#7048bc;background:radial-gradient(circle at 31% 24%,#ffffff82,transparent 26%),var(--choice);border:2px solid #ffffff40;border-radius:14px;width:43px;height:43px;display:block;box-shadow:inset 0 -8px 13px #0002,0 4px 10px #0005}.skinSwatch{border-radius:50%}.avatarSelectedMark{color:#1c1203;background:#f4bd3a;border-radius:50%;place-items:center;width:19px;height:19px;display:grid;position:absolute;top:7px;right:7px;box-shadow:0 2px 8px #0007}.choices-skinTone,.choices-eyeColor,.choices-shirtColor,.choices-hairColor{grid-template-columns:repeat(8,minmax(58px,1fr))}.choices-skinTone button{min-height:67px}.choices-eyeColor button,.choices-shirtColor button,.choices-hairColor button{min-height:80px}.choices-hairStyle button{min-height:102px}.avatarSaveMessage{margin:10px 0 0}.avatarEditorActions{border-top:1px solid #ffffff12;justify-content:flex-end;gap:10px;padding-top:15px;display:flex}.sidebarProfileButton{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(145deg,#171717,#0d0d0d);border:1px solid #ffffff16;border-radius:12px;align-items:center;gap:10px;width:100%;margin:0 0 15px;padding:10px;display:flex}.sidebarProfileButton:hover{background:#1b1427;border-color:#9a6ee0}.sidebarProfileButton>span:last-child{gap:2px;min-width:0;display:grid}.sidebarProfileButton strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sidebarProfileButton small{color:#aa92c8;text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:900}.accountAvatarButton{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.avatarName{align-items:center;gap:10px;min-width:0;display:flex}.avatarName>div{min-width:0}@media (max-width:980px){.avatarEditor{grid-template-columns:330px minmax(0,1fr)}.avatarPreviewPane{padding:24px 17px 18px}.avatarPreviewGlow{width:246px;height:246px}.avatarPreviewGlow .questAvatar{transform:scale(.88)}.avatarChoices{grid-template-columns:repeat(3,minmax(92px,1fr))}.choices-skinTone,.choices-eyeColor,.choices-shirtColor,.choices-hairColor{grid-template-columns:repeat(4,minmax(58px,1fr))}}@media (max-width:720px){.avatarBackdrop{padding:0}.avatarEditor{border-radius:0;grid-template-rows:185px minmax(0,1fr);grid-template-columns:1fr;width:100vw;height:100dvh}.avatarClose{top:10px;right:10px}.avatarPreviewPane{text-align:left;border-bottom:1px solid #ffffff15;border-right:0;grid-template-rows:auto 1fr auto;grid-template-columns:150px minmax(0,1fr);gap:3px 13px;padding:12px 50px 12px 13px;display:grid}.avatarPreviewHeading{text-align:left;grid-column:2}.avatarPreviewHeading .eyebrow,.avatarPreviewHeading p{display:none}.avatarPreviewHeading h2{margin:5px 0 0;font-size:20px}.avatarPreviewGlow{border-radius:20px;grid-area:1/1/4;width:150px;height:158px;margin:0;position:relative}.avatarPreviewGlow .questAvatar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.53)}.avatarPreviewIdentity{text-align:left;grid-column:2;align-self:end}.avatarPreviewIdentity strong{font-size:16px}.avatarPreviewActions{grid-column:2}.avatarPreviewActions .button{padding:7px 8px;font-size:10px}.avatarControls{padding:13px 11px 9px}.avatarBuilderIntro{min-height:52px;padding-bottom:10px}.avatarBuilderIntro h3{font-size:21px}.avatarBuilderIntro p{display:none}.avatarControlScroll{padding:12px 1px 16px}.avatarOptionGroup{padding:12px 10px}.avatarChoices{grid-template-columns:repeat(2,minmax(105px,1fr))}.choices-skinTone,.choices-eyeColor,.choices-shirtColor,.choices-hairColor{grid-template-columns:repeat(4,minmax(56px,1fr))}.avatarEditorActions{padding-top:10px}}@media (max-width:430px){.avatarPreviewPane{grid-template-columns:128px minmax(0,1fr)}.avatarPreviewGlow{width:128px}.avatarPreviewGlow .questAvatar{transform:translate(-50%,-50%)scale(.47)}}@media (prefers-reduced-motion:reduce){.avatarChoices button{transition:none}}.questAvatar>.questAvatarBackdrop,.questHairBack,.questHairFront,.questGlasses,.questHeadwearBack,.questHeadwearFront{display:none!important}.questCapeAsset,.questHairAsset,.questGlassesAsset,.questHeadwearAsset{pointer-events:none;background-repeat:no-repeat;inset:0}.questAvatarVector{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.questHairBackVector{z-index:4}.questHairFrontVector{z-index:7}.questGlassesVector{z-index:9;filter:drop-shadow(0 calc(var(--avatar-size) * .004) calc(var(--avatar-size) * .003) #0004)}.questHeadwearVector{z-index:10;filter:drop-shadow(0 calc(var(--avatar-size) * .006) calc(var(--avatar-size) * .008) #0005)}.questCapeAsset{display:none!important}.questCapeBack{z-index:2;clip-path:polygon(26% 0%,74% 0%,96% 50%,100% 100%,0% 100%,4% 50%);width:86%;height:28%;box-shadow:none;filter:drop-shadow(0 0 max(1px,calc(var(--avatar-size) * .006)) #00000059);background:linear-gradient(115deg,#f7d270,#e0a527 46%,#a56c0d);border:0;border-radius:13%/39%;top:72%;bottom:auto;left:7%;display:block!important}.questCapeBack b{clip-path:polygon(28% 4%,72% 4%,93.5% 53%,97.5% 100%,2.5% 100%,6.5% 53%);background:linear-gradient(115deg,color-mix(in srgb,var(--cape),white 20%),var(--cape) 46%,color-mix(in srgb,var(--cape),black 30%));border:0;border-radius:13%/39%;height:auto;display:block;inset:0}.questCapeBack i{display:none}.cape-7 .questCapeBack{display:none!important}.questCapeFront{z-index:5;width:62%;height:10%;top:70%;bottom:auto;left:19%}.questCapeFront:before,.questCapeFront:after{border:max(1px,calc(var(--avatar-size) * .005)) solid color-mix(in srgb,var(--cape),black 38%);background:linear-gradient(145deg,color-mix(in srgb,var(--cape),white 20%),var(--cape));border-radius:46%;width:30.6%;height:100%;top:0}.questCapeFront:before{left:0;transform:rotate(10deg)}.questCapeFront:after{right:0;transform:rotate(-10deg)}.questCapeFront b{z-index:1;border-radius:calc(var(--avatar-size) * .012);background:linear-gradient(180deg,color-mix(in srgb,var(--cape),white 14%),var(--cape));width:auto;height:47%;display:block;top:15%;left:21%;right:21%}.questCapeFront i{z-index:3;border-width:max(1px,calc(var(--avatar-size) * .005));width:11.3%;display:block;top:25%;left:44.5%}.cape-7 .questCapeFront{display:none!important}.questHairAsset{z-index:7;background:linear-gradient(115deg,color-mix(in srgb,var(--hair),white 22%),var(--hair) 48%,color-mix(in srgb,var(--hair),black 25%));-webkit-mask-image:var(--hair-atlas-image);-webkit-mask-size:400% 400%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:var(--hair-atlas-x) var(--hair-atlas-y);-webkit-mask-image:var(--hair-atlas-image);mask-image:var(--hair-atlas-image);-webkit-mask-size:400% 400%;mask-size:400% 400%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:var(--hair-atlas-x) var(--hair-atlas-y);mask-position:var(--hair-atlas-x) var(--hair-atlas-y)}.questHairAsset:after{content:"";background-image:var(--hair-atlas-image);background-repeat:no-repeat;background-size:400% 400%;background-position:var(--hair-atlas-x) var(--hair-atlas-y);mix-blend-mode:multiply;opacity:.44;position:absolute;inset:0}.questHairScalp{z-index:6;border:max(1px,calc(var(--avatar-size) * .006)) solid color-mix(in srgb,var(--hair),black 34%);background:linear-gradient(115deg,color-mix(in srgb,var(--hair),white 16%),var(--hair) 52%,color-mix(in srgb,var(--hair),black 22%));border-radius:52% 52% 18% 18%;width:42%;height:17%;top:16%;left:29%;display:none!important}.hair-9 .questHairScalp,.hair-10 .questHairScalp,.hair-12 .questHairScalp,.hair-14 .questHairScalp,.hair-15 .questHairScalp{display:block!important}.hair-0 .questHairAsset{transform:translate(-3.8%,-6.7%)scale(.726)}.hair-1 .questHairAsset{transform:translate(-1.3%,-8.4%)scale(.719)}.hair-2 .questHairAsset{transform:translate(2.6%,-7.4%)scale(.641)}.hair-3 .questHairAsset{transform:translate(4.4%,-8.1%)scale(.671)}.hair-4 .questHairAsset{clip-path:inset(0 0 15%);transform:translate(-3.9%,1.3%)scale(.767)}.hair-5 .questHairAsset{transform:translate(.7%,1.1%)scale(.694)}.hair-6 .questHairAsset{clip-path:inset(0 0 22%);transform:translate(5.6%,-.4%)scale(.757)}.hair-7 .questHairAsset{clip-path:inset(0 0 9%);transform:translate(6%,-2%)scale(.665)}.hair-8 .questHairAsset{clip-path:inset(0 0 12%);transform:translate(-1.2%,2.2%)scale(.722)}.hair-9 .questHairAsset{clip-path:inset(0 0 6%);transform:translate(3.6%,8.2%)scale(.802)}.hair-10 .questHairAsset{clip-path:inset(0 0 7%);transform:translate(6.3%,5.8%)scale(.749)}.hair-11 .questHairAsset{transform:translate(6.7%,-9.2%)scale(.78)}.hair-12 .questHairAsset{clip-path:inset(0 0 5%);transform:translate(-1.9%,1.6%)scale(.668)}.hair-13 .questHairAsset{transform:translate(3.6%,-7.8%)scale(.8)}.hair-14 .questHairAsset{clip-path:inset(0 0 5%);transform:translate(9.1%,8.4%)scale(.806)}.hair-15 .questHairAsset{clip-path:inset(0 0 7%);transform:translate(7.9%,4%)scale(.716)}.hair-14 .questHead{z-index:8}.hair-14 .questHairScalp{z-index:9;border-radius:52% 52% 8% 8%;width:38%;height:13%;top:20%;left:31%}.questGlassesAsset{z-index:9;background-image:var(--glasses-atlas-image);background-size:400% 400%;background-position:var(--glasses-atlas-x) var(--glasses-atlas-y);transform-origin:50%;filter:drop-shadow(0 max(1px,calc(var(--avatar-size) * .006)) max(1px,calc(var(--avatar-size) * .006)) #0005)}.glasses-0 .questGlassesAsset{transform:translate(-.1%,-.4%)scale(.478)}.glasses-1 .questGlassesAsset{transform:translate(.2%,-1.1%)scale(.476)}.glasses-2 .questGlassesAsset{transform:translate(.1%,-1.9%)scale(.485)}.glasses-3 .questGlassesAsset{transform:translate(.1%,-1.4%)scale(.478)}.glasses-4 .questGlassesAsset{transform:translateY(-1.7%)scale(.482)}.glasses-5 .questGlassesAsset{transform:translate(.1%,-.8%)scale(.475)}.glasses-6 .questGlassesAsset{transform:translate(.1%,-1.2%)scale(.485)}.glasses-7 .questGlassesAsset{display:none}.questHeadwearAsset{z-index:10;background-image:var(--headwear-atlas-image);background-size:400% 400%;background-position:var(--headwear-atlas-x) var(--headwear-atlas-y);transform-origin:50%;filter:drop-shadow(0 max(1px,calc(var(--avatar-size) * .008)) max(1px,calc(var(--avatar-size) * .012)) #0006)}.headwear-0 .questHeadwearAsset{clip-path:inset(0 0 31%);transform:translate(-1.5%,-38.5%)scale(.62)}.headwear-1 .questHeadwearAsset{clip-path:inset(0 0 33%);transform:translate(-.4%,-40.5%)scale(.68)}.headwear-2 .questHeadwearAsset{clip-path:inset(0 0 27%);transform:translate(.5%,-30%)scale(.6)}.headwear-3 .questHeadwearAsset{clip-path:inset(0 0 28%);transform:translate(3.2%,-30%)scale(.62)}.headwear-4 .questHeadwearAsset{clip-path:inset(0 0 24%);transform:translate(-.8%,-18.5%)scale(.72)}.headwear-5 .questHeadwearAsset{clip-path:inset(0 0 27%);transform:translate(.3%,-25.5%)scale(.7)}.headwear-6 .questHeadwearAsset{clip-path:inset(0 0 34%);transform:translate(1.1%,-38.5%)scale(.82)}.headwear-7 .questHeadwearAsset{display:none}.eyes-1 .questEye:before,.eyes-1 .questEye:after{content:"";z-index:6;border-top:max(1px,calc(var(--avatar-size) * .008)) solid #2c1912;width:34%;height:1px;position:absolute;top:-3%}.eyes-1 .questEye:before{left:-11%;transform:rotate(-42deg)}.eyes-1 .questEye:after{right:-11%;transform:rotate(42deg)}.eyes-2 .questEye{border:0;border-top:max(1px,calc(var(--avatar-size) * .019)) solid #382117;width:22%;height:13%;box-shadow:none;background:0 0;border-radius:50% 50% 0 0;top:48%}.eyes-2 .questEye i,.eyes-2 .questEye b{display:none}.eyes-2 .questMouth{width:30%;height:14%;left:35%}.eyes-3 .questEye.right{border:0;border-top:max(1px,calc(var(--avatar-size) * .019)) solid #382117;background:0 0;border-radius:50% 50% 0 0;width:22%;height:12%;top:49%}.eyes-4 .questEye{background:var(--eye);width:7%;height:7%;box-shadow:none;border:0;border-radius:50%;top:49%}.eyes-4 .questEye.left{left:23%;transform:translateY(-4%)}.eyes-4 .questEye.right{right:23%;transform:translateY(13%)}.eyes-4 .questEye i,.eyes-4 .questEye b{display:none}.eyes-4 .questMouth{width:17%;left:43%}.eyes-5 .questEye{border:0;border-top:max(1px,calc(var(--avatar-size) * .014)) solid #382117;width:21%;height:8%;box-shadow:none;background:0 0;border-radius:50% 50% 0 0;top:52%}.eyes-5 .questEye.left{transform:rotate(8deg)}.eyes-5 .questEye.right{transform:rotate(-8deg)}.eyes-5 .questEye i,.eyes-5 .questEye b{display:none}.eyes-5 .questBrow{opacity:.72;top:32%}.eyes-5 .questMouth{border:max(1px,calc(var(--avatar-size) * .006)) solid #9e382e;border-radius:50%;width:8%;height:7%;top:75%;left:46%}.eyes-7 .questEye{background:var(--eye);width:23%;height:23%;box-shadow:none;border:0;border-radius:0;top:43%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.2c5.4 0 9.8 4.2 9.8 9.4S17.7 21 12.4 21 3 17.1 3 12.3 6.6 4 11.3 4 19 7.3 19 11.6s-3 7-6.8 7-6.5-2.6-6.5-5.8 2.4-5.5 5.4-5.5 5 2 5 4.5-1.7 4.1-3.8 4.1-3.5-1.4-3.5-3.1 1.2-2.7 2.5-2.7 2.1.8 2.1 1.7-.6 1.3-1.1 1.3' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.2c5.4 0 9.8 4.2 9.8 9.4S17.7 21 12.4 21 3 17.1 3 12.3 6.6 4 11.3 4 19 7.3 19 11.6s-3 7-6.8 7-6.5-2.6-6.5-5.8 2.4-5.5 5.4-5.5 5 2 5 4.5-1.7 4.1-3.8 4.1-3.5-1.4-3.5-3.1 1.2-2.7 2.5-2.7 2.1.8 2.1 1.7-.6 1.3-1.1 1.3' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.eyes-7 .questEye i,.eyes-7 .questEye b{display:none}