@import"https://fonts.googleapis.com/css2?family=Fascinate&family=Inter:wght@400;500;600;700&display=swap";:root{--eddie-navy: #1F214F;--eddie-pink: #FF00A5;--eddie-yellow: #FADF71;--eddie-white: #FFFFFF;--eddie-muted: #6d6e8e;--eddie-input-bg: #f8f7fb;--eddie-border: #e9e6ef;--eddie-error: #c0264d}*{box-sizing:border-box}.register-page{position:relative;min-height:100dvh;padding:20px 16px 28px;overflow-x:hidden;background:var(--eddie-navy);isolation:isolate}.register-page:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(#1f214f1f,#1f214f1f),url(/assets/registration/background.png) center center / cover no-repeat;opacity:.48}.register-page:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:#1f214f14}.register-form{width:min(100%,430px);margin:0 auto}.register-card{position:relative;width:100%;overflow:hidden;border:3px solid #FADF71;padding:28px 22px 30px;border-radius:30px;background:var(--eddie-white)}.register-logo{display:block;width:108px;height:auto;margin:0 auto 22px;object-fit:contain}.register-hero{position:relative;padding-top:2px}.register-title{position:relative;z-index:1;margin:0;color:var(--eddie-navy);font-family:Fascinate,system-ui,sans-serif;font-size:clamp(48px,14vw,58px);font-weight:400;line-height:.87;letter-spacing:-.025em;text-transform:uppercase}.register-title-top,.register-title-bottom{position:relative;display:block;width:max-content;max-width:100%}.register-title-top{padding-right:44px}.register-title-bottom{margin-top:4px}.title-accent-burst{position:absolute;top:-14px;right:0;width:39px;height:39px;pointer-events:none}.wallet-title-underline{display:block;width:min(86vw,340px);height:auto;margin-top:12px;margin-left:4px;pointer-events:none}.hero-mini-squiggle{position:absolute;top:-8px;right:6px;width:42px;height:auto;pointer-events:none}.register-intro-row{position:relative;display:flex;align-items:flex-start;gap:10px;min-height:84px;margin-top:18px}.register-subtitle{width:min(82%,300px);margin:0;color:#42435f;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.55}.form-direction-arrow{position:absolute;top:-4px;right:1px;width:71px;height:auto;pointer-events:none}.register-fields{display:grid;gap:17px;margin-top:2px}.register-field{min-width:0}.register-label{display:block;margin:0 0 7px 2px;color:var(--eddie-navy);font-family:Fascinate,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1.1;letter-spacing:.01em}.register-label span{color:var(--eddie-pink)}.register-input-shell{position:relative;display:flex;align-items:center;width:100%;min-width:0;height:56px;overflow:hidden;border:1.5px solid var(--eddie-border);border-radius:14px;background:var(--eddie-input-bg);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.register-input-shell:focus-within{border-color:var(--eddie-pink);background:var(--eddie-white);box-shadow:0 0 0 3px #ff00a51a}.register-input-shell.has-error,.gender-selector.has-error{border-color:var(--eddie-error)}.register-input-icon{flex:0 0 auto;display:grid;place-items:center;width:48px;height:100%;padding-left:3px}.register-input-icon svg{display:block;width:21px;height:21px}.register-input-icon.pink{color:var(--eddie-pink)}.register-input-icon.yellow{color:#d0ac22}.register-input{flex:1 1 auto;min-width:0;width:100%;height:100%;padding:0 14px 0 0;border:0;outline:none;background:transparent;color:var(--eddie-navy);font-family:Inter,system-ui,sans-serif;font-size:15px;font-weight:500;line-height:1}.register-input::placeholder{color:#9898aa;opacity:1}.register-date-input{min-width:0;height:100%;color:var(--eddie-navy);color-scheme:light}.register-date-input::-webkit-date-and-time-value{height:100%;display:flex;align-items:center;text-align:left}.register-date-input::-webkit-calendar-picker-indicator{flex:0 0 auto;margin-left:8px;cursor:pointer;opacity:.58}.register-field-error{display:block;margin:6px 0 0 3px;color:var(--eddie-error);font-family:Inter,system-ui,sans-serif;font-size:12px;line-height:1.25}.register-phone-row{display:grid;grid-template-columns:112px minmax(0,1fr);gap:9px;min-width:0}.country-select{width:100%;height:56px;padding:0 7px;border:1.5px solid var(--eddie-border);border-radius:14px;outline:none;background:var(--eddie-input-bg);color:var(--eddie-navy);font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600}.country-select:focus{border-color:var(--eddie-pink);box-shadow:0 0 0 3px #ff00a51a}.register-phone-input{min-width:0}.gender-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;border:2px solid var(--eddie-muted);border-radius:14px}.gender-option{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:0;height:48px;padding:0 10px;border:0;border-radius:11px;background:transparent;color:var(--eddie-navy);font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:transform .12s ease,color .12s ease,background .12s ease}.gender-option.selected{background:var(--eddie-pink);color:var(--eddie-white)}.gender-option:active{transform:scale(.98)}.gender-icon{display:grid;place-items:center;width:19px;height:19px;color:currentColor}.gender-icon svg{width:100%;height:100%}.register-error-box{margin-top:18px;padding:11px 13px;border:1px solid rgba(192,38,77,.22);border-radius:12px;background:#c0264d14;color:var(--eddie-error);font-family:Inter,system-ui,sans-serif;font-size:13px;line-height:1.4}.register-cta-wrap{position:relative;margin-top:28px;padding:0 2px 12px}.register-cta{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:72px;padding:12px 22px;border:0;border-radius:999px;background:var(--eddie-pink);color:var(--eddie-white);box-shadow:0 9px 0 var(--eddie-navy);cursor:pointer;font-family:Fascinate,system-ui,sans-serif;font-size:clamp(23px,7vw,29px);font-weight:400;line-height:1;letter-spacing:.01em;text-transform:uppercase;transition:transform .1s ease,box-shadow .1s ease,opacity .12s ease}.register-cta svg{flex:0 0 auto;width:27px;height:27px}.register-cta:not(:disabled):active{transform:translateY(5px);box-shadow:0 4px 0 var(--eddie-navy)}.register-cta:disabled{cursor:wait;opacity:.72}.cta-star-yellow,.cta-star-pink,.cta-squiggle-yellow{position:absolute;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none}.cta-star-yellow{top:-18px;left:-7px;width:31px;height:31px;transform:rotate(-10deg)}.cta-star-pink{top:8px;right:-17px;width:29px;height:29px;transform:rotate(13deg)}.cta-squiggle-yellow{right:5px;bottom:-16px;width:42px;height:auto}.register-privacy{display:flex;align-items:flex-start;justify-content:center;gap:8px;margin-top:22px;padding:0 8px;color:#777891}.register-privacy>svg{flex:0 0 auto;width:15px;height:15px;margin-top:2px;color:var(--eddie-pink)}.register-privacy p{margin:0;font-family:Inter,system-ui,sans-serif;font-size:11px;line-height:1.45;text-align:center}.register-privacy strong{color:var(--eddie-navy)}.register-page-success{display:grid;place-items:center}.register-success-card{width:min(100%,430px);padding:34px 24px;border-radius:30px;background:var(--eddie-white);box-shadow:0 12px 0 var(--eddie-yellow);text-align:center}.register-success-logo{width:110px;height:auto;margin-bottom:22px}.register-wallet-recovery{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:16px;padding:10px 22px;border-radius:999px;background:var(--eddie-navy);color:var(--eddie-white);font:600 14px Inter,system-ui,sans-serif;text-decoration:none}.register-wallet-recovery:hover,.register-wallet-recovery:focus-visible{background:var(--eddie-navy);color:var(--eddie-white);text-decoration:none;outline:3px solid var(--eddie-yellow);outline-offset:3px}.register-success-title{margin:0;color:var(--eddie-navy);font-family:Fascinate,system-ui,sans-serif;font-size:clamp(42px,12vw,58px);font-weight:400;line-height:.95}.register-success-name{margin:14px 0;color:var(--eddie-navy);font-family:Inter,system-ui,sans-serif;font-size:17px;font-weight:700}.register-success-member{display:grid;gap:4px;margin:20px 0 24px;padding:15px;border-radius:14px;background:var(--eddie-input-bg);color:var(--eddie-navy)}.register-success-member span{font-family:Fascinate,system-ui,sans-serif;font-size:14px}.register-success-member strong{font-family:Inter,system-ui,sans-serif;font-size:18px}.apple-wallet-download{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:60px;padding:12px 18px;border-radius:999px;background:#000;color:#fff;text-decoration:none;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:700}.apple-wallet-download svg{width:24px;height:24px}.register-success-copy{margin:18px 0 0;color:var(--eddie-muted);font-family:Inter,system-ui,sans-serif;font-size:12px;line-height:1.5}.google-wallet-save{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:60px;padding:12px 18px;border-radius:999px;background:#000;color:#fff;text-decoration:none;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:700;transition:transform .1s ease}.google-wallet-save:active{transform:scale(.98)}.google-wallet-save svg{width:24px;height:24px}.register-success-qr{display:grid;justify-items:center;gap:12px;margin:24px auto 0;padding:16px;width:max-content;max-width:100%;border:1.5px solid var(--eddie-border);border-radius:14px;background:var(--eddie-white);box-shadow:0 5px 0 var(--eddie-yellow)}.register-success-qr svg{display:block;width:160px;height:160px}.register-success-qr p{margin:0;max-width:190px;color:var(--eddie-muted);font-family:Inter,system-ui,sans-serif;font-size:12px;line-height:1.5;text-align:center}@media(prefers-reduced-motion:reduce){.google-wallet-save{transition:none}}@media(max-width:380px){.register-page{padding:12px 10px 22px}.register-card{padding:24px 18px 27px;border-radius:25px}.register-logo{width:96px;margin-bottom:18px}.register-title{font-size:clamp(44px,14vw,52px)}.wallet-title-underline{width:95%}.register-subtitle{width:78%;font-size:13px}.form-direction-arrow{width:74px}.register-phone-row{grid-template-columns:102px minmax(0,1fr);gap:7px}.country-select{padding:0 7px;font-size:13px}.register-input-icon{width:44px}.register-cta{min-height:68px;gap:9px;padding-inline:16px}}@media(max-width:335px){.register-page{padding-inline:7px}.register-card{padding-inline:15px}.register-title{font-size:42px}.register-title-top{padding-right:37px}.title-accent-burst{width:33px;height:33px}.register-phone-row{grid-template-columns:96px minmax(0,1fr)}.register-cta{font-size:21px}}@media(max-width:767px){.register-input,.country-select{font-size:16px}}@media(prefers-reduced-motion:reduce){.register-input-shell,.gender-option,.register-cta{transition:none}}.register-page .register-card{padding:26px 24px 30px}.register-page .register-logo{width:300px;margin-bottom:20px}.register-page .register-title{font-size:clamp(58px,16vw,72px);line-height:.88;letter-spacing:-.02em}.register-page .register-title-top{padding-right:40px}.register-page .title-accent-burst{top:-10px;right:10px;width:36px;transform:rotate(40deg);height:36px}.register-page .register-title-bottom{margin-top:5px}.register-page .wallet-title-underline{width:calc(100% + 18px);max-width:none;margin-top:9px;margin-left:2px}.register-page .hero-mini-squiggle{display:none}.register-page .register-intro-row{min-height:64px;margin-top:14px}.register-page .register-subtitle{width:min(82%,286px);color:#696b82;font-size:13.5px;line-height:1.5}.register-page .form-direction-arrow{top:-5px;right:3px;width:74px}.register-page .register-label{margin:0 0 7px 3px;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:800;line-height:1.2;letter-spacing:.055em}.register-page .register-label span{font-weight:800}.register-page .register-input-shell{height:56px;border:1.5px solid #e6e4eb;border-radius:14px;background:#fbfafc;overflow:hidden}.register-page .register-input-shell>input.register-input{appearance:none!important;-webkit-appearance:none!important;display:block!important;flex:1 1 auto!important;min-width:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0 15px 0 2px!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:var(--eddie-navy)!important;font-family:Inter,system-ui,sans-serif!important;font-size:16px!important;font-weight:500!important;line-height:1!important}.register-page .register-input-shell>input.register-input:focus{border:0!important;outline:0!important;box-shadow:none!important}.register-page .register-input-shell>input.register-input::placeholder{color:#a4a6b4!important;opacity:1!important}.register-page .register-input-icon{flex:0 0 50px;display:grid;place-items:center;width:50px;height:100%;padding:0;margin:0}.register-page .register-input-icon svg{display:block;width:20px;height:20px;margin:0}.register-page .register-phone-row{display:grid!important;grid-template-columns:106px minmax(0,1fr)!important;align-items:stretch;gap:8px;width:100%;min-width:0}.register-page .country-select{appearance:auto;-webkit-appearance:auto;display:block;width:100%!important;min-width:0;height:56px!important;margin:0!important;padding:0 8px!important;border:1.5px solid #e6e4eb!important;border-radius:14px!important;background:#fbfafc!important;box-shadow:none!important;color:var(--eddie-navy)!important;font-family:Inter,system-ui,sans-serif!important;font-size:14px!important;font-weight:700!important}.register-page .register-phone-input{min-width:0;width:100%}.register-page .register-fields{gap:15px}.register-page .register-cta-wrap{margin-top:26px}.register-page .register-cta{min-height:70px;border-radius:999px;box-shadow:0 8px 0 var(--eddie-navy);font-size:clamp(22px,6.8vw,28px)}.register-page .register-cta.register-cta-branded{gap:9px;font-size:clamp(17px,5.2vw,23px)}.register-page .cta-star-yellow{top:-17px;left:-5px}.register-page .cta-star-pink{top:10px;right:-30px}.register-page .cta-squiggle-yellow{right:2px;bottom:-17px}.register-page:after{background:#1f214f1f}@media(max-width:380px){.register-page .register-card{padding:23px 18px 27px}.register-page .register-logo{width:110px;margin-bottom:18px}.register-page .register-title{font-size:clamp(43px,13.6vw,50px)}.register-page .register-phone-row{grid-template-columns:98px minmax(0,1fr)!important}.register-page:before{background-size:690px auto}}.register-wallet-status{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:290px;margin:28px auto 0;text-align:center}.register-wallet-spinner{width:30px;height:30px;border:2px solid rgba(255,0,165,.14);border-top-color:#ff00a5;border-radius:50%;animation:register-wallet-spin 1s linear infinite}.register-wallet-status-title{margin:0;font-family:Inter,system-ui,sans-serif;font-size:15px;font-weight:600;color:var(--eddie-navy)}.register-wallet-status .register-success-copy{margin:0;line-height:1.65}@keyframes register-wallet-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.register-wallet-spinner{animation:none}}.register-page .register-birth-parts{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px;width:100%;min-width:0;padding-right:12px}.register-page .register-birth-part{display:flex;flex-direction:column;gap:3px;min-width:0;color:var(--eddie-navy);font-size:10px;font-weight:600}.register-page .register-birth-part input{width:100%;min-width:0;height:26px;padding:0;border:0;border-radius:2px;background:transparent;color:var(--eddie-navy);font:500 16px Inter,system-ui,sans-serif}.register-page .register-birth-part input:focus-visible{outline:2px solid var(--eddie-pink);outline-offset:2px}.register-fieldset{border:0;padding:0;margin-inline:0;min-width:0}.register-page .register-wallet-handoff{margin-top:28px;padding:24px 0 8px;border-top:2px dashed var(--eddie-border);text-align:center}.register-page .register-wallet-handoff:focus{outline:none}.register-page .register-wallet-handoff .register-wallet-status{margin:0 auto 22px;max-width:310px;gap:10px}.register-page .register-wallet-handoff .register-wallet-status-title{font-family:Fascinate,system-ui,sans-serif;font-size:clamp(24px,7vw,30px);font-weight:400;line-height:1.2;text-transform:uppercase}.register-page .register-wallet-handoff .register-success-copy{color:#696b82;font-family:Inter,system-ui,sans-serif;font-size:13.5px;line-height:1.5}.register-page .register-wallet-handoff .register-wallet-recovery{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;margin:0 0 16px;padding:12px 18px;border:2px solid var(--eddie-navy);border-radius:999px;background:transparent;color:var(--eddie-navy);font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:700;text-decoration:none}.register-page .register-wallet-handoff .register-wallet-recovery:hover{background:var(--eddie-input-bg)}.register-page .register-wallet-continue{margin:0 0 10px;min-height:62px;font-size:clamp(19px,5.5vw,24px);text-decoration:none}.register-page .register-wallet-handoff a:focus-visible{outline:3px solid var(--eddie-pink);outline-offset:5px}.wheel-stage{--spin-duration: 1.8s;--spin-ease: cubic-bezier(.16, 1, .3, 1);position:relative;width:var(--wheel-size, 340px);aspect-ratio:1;margin:calc(var(--wheel-size, 340px) * .055) auto;isolation:isolate}.wheel-glow{position:absolute;inset:-2%;z-index:-2;border-radius:50%;background:radial-gradient(circle,rgba(132,61,255,.48) 0 48%,rgba(67,13,141,.22) 62%,transparent 74%);filter:blur(18px)}.wheel-rim{position:absolute;inset:calc(var(--wheel-size, 340px) * -.038);z-index:4;border-radius:50%;background:radial-gradient(circle,transparent 0 90.4%,#190536 90.8% 92.4%,#53209e 92.8% 94.2%,#8c30f3 94.6% 96.5%,#c46dff 96.9% 97.8%,#6420bd 98.2% 99.1%,#220748 99.4% 100%);box-shadow:0 0 10px #bb52ffb8,0 0 24px #8425ffad,0 0 42px #5f16cd61;pointer-events:none}.wheel-rim:after{position:absolute;inset:calc(var(--wheel-size, 340px) * .032);border:calc(var(--wheel-size, 340px) * .006) solid rgba(168,70,255,.92);border-radius:50%;box-shadow:0 0 8px #a947ffd1,inset 0 0 7px #a042ff6b;content:""}.wheel-bulbs{position:absolute;inset:calc(var(--wheel-size, 340px) * -.038);z-index:6;border-radius:50%;pointer-events:none}.wheel-bulb-spoke{position:absolute;inset:0;transform:rotate(var(--wheel-bulb-angle))}.wheel-bulb{position:absolute;top:1.8%;left:50%;width:calc(var(--wheel-size, 340px) * .021);height:calc(var(--wheel-size, 340px) * .021);border-radius:50%;background:#fff;box-shadow:0 0 3px #fffffff2,0 0 8px #e7d3ffd1;transform:translate(-50%)}.wheel-disc{position:absolute;inset:0;overflow:hidden;border:3px solid #190832;border-radius:50%;box-shadow:0 0 0 2px #6f21d3f2,0 12px 34px #0000006b,inset 0 0 28px #00000038,inset 0 0 12px #ffffff1a;transition:transform var(--spin-duration) var(--spin-ease);will-change:transform}.wheel-disc:after{position:absolute;inset:0;border-radius:inherit;background:repeating-conic-gradient(from -.6deg,rgba(255,255,255,.58) 0 1.1deg,transparent 1.1deg var(--wheel-slice-angle, 45deg));content:"";pointer-events:none;-webkit-mask:radial-gradient(circle,transparent 0 21%,#000 22% 100%);mask:radial-gradient(circle,transparent 0 21%,#000 22% 100%)}.wheel-vignette{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.08) 0 28%,transparent 50%),radial-gradient(circle,transparent 56%,rgba(4,3,13,.27) 100%);pointer-events:none}.wheel-labels{position:absolute;inset:0;z-index:5;pointer-events:none}.wheel-chip-spoke{position:absolute;inset:0;transition:transform var(--spin-duration) var(--spin-ease)}.wheel-chip{position:absolute;top:7.8%;left:50%;width:calc(var(--wheel-size, 340px) * .21);min-height:calc(var(--wheel-size, 340px) * .17);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:calc(var(--wheel-size, 340px) * .006);padding:0;color:#fff;text-align:center;text-shadow:0 2px 2px rgba(0,0,0,.32),0 0 8px rgba(0,0,0,.18);transition:transform var(--spin-duration) var(--spin-ease)}.wheel-prize-icon{width:calc(var(--wheel-size, 340px) * .075);height:calc(var(--wheel-size, 340px) * .075);display:grid;place-items:center;margin-bottom:calc(var(--wheel-size, 340px) * .004);color:#fffffff0;filter:drop-shadow(0 2px 2px rgba(0,0,0,.22))}.wheel-prize-icon svg{width:100%;height:100%}.wheel-chip-name{display:-webkit-box;max-width:100%;overflow:hidden;color:#fff;font-size:calc(var(--wheel-size, 340px) * .045);font-weight:820;line-height:1.03;letter-spacing:-.025em;-webkit-box-orient:vertical;-webkit-line-clamp:2}.wheel-chip--try-again .wheel-chip-name{color:#fff}.wheel-chip--try-again .wheel-prize-icon{color:#ffffffeb}.wheel-stage--dense .wheel-chip{top:8.2%;width:calc(var(--wheel-size, 340px) * .18)}.wheel-stage--dense .wheel-chip-name{font-size:calc(var(--wheel-size, 340px) * .038)}.wheel-stage--dense .wheel-prize-icon{width:calc(var(--wheel-size, 340px) * .062);height:calc(var(--wheel-size, 340px) * .062)}.wheel-hub{position:absolute;top:50%;left:50%;z-index:7;width:calc(var(--wheel-size, 340px) * .245);height:calc(var(--wheel-size, 340px) * .245);display:grid;place-items:center;border:calc(var(--wheel-size, 340px) * .009) solid #f7efff;border-radius:50%;background:radial-gradient(circle at 44% 34%,#3c1c75,#25104e 48%,#100722);box-shadow:0 0 0 4px #8f2cff,0 0 0 7px #210748f5,0 0 22px #8b2cffeb,inset 0 0 25px #a950ff42;color:#fff;transform:translate(-50%,-50%)}.wheel-hub:before,.wheel-hub:after{position:absolute;inset:17%;border:1px solid rgba(152,94,255,.18);border-radius:50%;content:""}.wheel-hub:after{inset:27%;border-color:#985eff1c}.wheel-hub span{position:relative;z-index:1;color:#fff;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:calc(var(--wheel-size, 340px) * .096);font-weight:900;line-height:1;letter-spacing:.01em;text-shadow:0 2px 5px rgba(0,0,0,.34)}.wheel-pointer{position:absolute;top:calc(var(--wheel-size, 340px) * -.04);left:50%;z-index:9;width:calc(var(--wheel-size, 340px) * .095);height:calc(var(--wheel-size, 340px) * .145);clip-path:polygon(50% 100%,2% 25%,22% 2%,78% 2%,98% 25%);background:linear-gradient(180deg,#fff,#f3e8ff 48%,#a64dff);box-shadow:0 6px 15px #00000070;transform:translate(-50%);animation:wheel-pointer-pulse 2.6s ease-in-out infinite}.wheel-pointer:after{position:absolute;top:18%;left:50%;width:34%;aspect-ratio:1;border-radius:50%;background:#7b2adb;box-shadow:inset 0 0 0 2px #ffffff8c;content:"";transform:translate(-50%)}@keyframes wheel-pointer-pulse{0%,to{filter:drop-shadow(0 0 5px rgba(163,76,255,.55))}50%{filter:drop-shadow(0 0 12px rgba(163,76,255,1))}}.wheel-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){.wheel-stage{--spin-duration: .55s}.wheel-pointer{animation:none}}.spin-wheel-overlay{position:fixed;inset:0;z-index:1000;display:block;height:100dvh;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif}.spin-wheel-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 33%,rgba(91,24,190,.48),transparent 34%),radial-gradient(circle at 18% 66%,rgba(55,16,145,.26),transparent 35%),radial-gradient(circle at 86% 72%,rgba(55,16,145,.2),transparent 32%),linear-gradient(180deg,#15053c,#0b0227 52%,#050118);animation:spin-wheel-backdrop-in .24s ease both}.spin-wheel-overlay-inner{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;padding:calc(18px + env(safe-area-inset-top,0px)) 18px calc(30px + env(safe-area-inset-bottom,0px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;animation:spin-wheel-overlay-in .38s cubic-bezier(.16,1,.3,1) both}.spin-wheel-overlay-inner:before{position:absolute;top:90px;left:50%;z-index:-2;width:min(720px,145vw);aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(from -8deg,rgba(145,74,255,.09) 0 8deg,transparent 8deg 20deg);content:"";transform:translate(-50%);-webkit-mask:radial-gradient(circle,#000 0 44%,transparent 75%);mask:radial-gradient(circle,#000 0 44%,transparent 75%)}.spin-wheel-overlay-inner:after{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 16% 19%,rgba(202,115,255,.8) 0 2px,transparent 3px),radial-gradient(circle at 84% 25%,rgba(124,77,255,.72) 0 2px,transparent 3px),radial-gradient(circle at 10% 60%,rgba(169,72,255,.7) 0 1.5px,transparent 2.5px),radial-gradient(circle at 91% 67%,rgba(169,72,255,.55) 0 2px,transparent 3px),radial-gradient(circle at 22% 86%,rgba(123,60,227,.55) 0 1.5px,transparent 2.5px),radial-gradient(circle at 77% 90%,rgba(123,60,227,.45) 0 1.5px,transparent 2.5px);content:"";pointer-events:none}.spin-wheel-overlay-inner>*{width:100%;max-width:430px}.spin-wheel-close{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:calc(14px + env(safe-area-inset-left,0px));z-index:1001;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(181,127,255,.35);border-radius:50%;background:#26124ec7;box-shadow:0 0 16px #883aff33,0 8px 20px #00000047,inset 0 1px #ffffff14;color:#fff;cursor:pointer;transition:background .15s ease,border-color .15s ease;animation:spin-wheel-fade-in .22s ease both}.spin-wheel-close svg{width:24px;height:24px}.spin-wheel-close:hover:not(:disabled){border-color:#c79dffb3;background:#321763f0}.spin-wheel-close:active:not(:disabled){background:#2c1458fa}.spin-wheel-close:focus-visible{outline:2px solid #ffffff;outline-offset:3px}.spin-wheel-close:disabled{cursor:default;opacity:.38}.spin-wheel-brand-logo{width:172px;max-width:62%;height:auto;display:block;margin:0 auto}.spin-wheel-head{margin-top:23px;text-align:center}.spin-wheel-title{margin:0;color:#fff;font-size:clamp(25px,7vw,32px);font-weight:840;line-height:1.08;letter-spacing:-.035em;text-shadow:0 3px 18px rgba(0,0,0,.24)}.spin-wheel-subtitle{margin:9px 0 0;color:#d6b9eb;font-size:clamp(13px,3.7vw,16px);font-weight:430;line-height:1.4}.spin-wheel-wheel-zone{position:relative;margin-top:11px}.spin-wheel-overlay .wheel-stage{--wheel-size: min(84vw, 372px);flex:none}.spin-wheel-result{margin-top:4px}.spin-wheel-result:empty{display:none}.spin-wheel-result-pending{margin:0;color:#d4b8e9;font-size:13px;font-weight:650;text-align:center;animation:spin-wheel-fade-in .25s ease}.spin-wheel-result-card{width:min(100%,350px);margin:0 auto;padding:13px 16px 14px;border:1px solid rgba(194,116,255,.38);border-radius:16px;background:#1c0a3ce6;box-shadow:0 0 24px #7a28ff2e,inset 0 1px #ffffff12;text-align:center;animation:spin-wheel-result-in .42s cubic-bezier(.16,1,.3,1)}.spin-wheel-result-kicker{display:block;color:#db75ff;font-size:10px;font-weight:850;letter-spacing:.12em}.spin-wheel-result-value{display:block;margin:6px 0 4px;color:#fff;font-size:23px;font-weight:830;letter-spacing:-.02em}.spin-wheel-result-sub{display:block;color:#c7b2d7;font-size:11.5px}.spin-wheel-result-card--no-reward .spin-wheel-result-value{color:#d2cadb}.spin-wheel-result-card--rejected{border-color:#ffc2304d}.spin-wheel-result-card--rejected .spin-wheel-result-value{font-size:18px}.spin-wheel-error{margin:7px 0 0;color:#ffb5ad;font-size:12px;text-align:center}.spin-wheel-steps-wrap{position:relative;width:min(100%,395px);margin-top:14px}.spin-wheel-steps{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:0;padding:0 30px 0 48px}.spin-wheel-step-card{position:relative;min-height:122px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-right:-5px;padding:11px 7px 12px;border:1px solid rgba(255,255,255,.92);border-radius:16px;background:linear-gradient(180deg,#fff,#f8f0ff);box-shadow:0 10px 22px #04001257,inset 0 1px #fff,inset 0 -8px 18px #c29aff14;color:#1a0b39}.spin-wheel-step-card:nth-child(1){z-index:1;transform:rotate(-2.4deg) translateY(4px)}.spin-wheel-step-card:nth-child(2){z-index:3;transform:translateY(0)}.spin-wheel-step-card:nth-child(3){z-index:2;margin-right:0;transform:rotate(2.4deg) translateY(5px)}.spin-wheel-step-number{color:#c72ee9;font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,13vw,58px);font-weight:900;line-height:.86;text-shadow:0 2px 0 #8f16c6,0 5px 9px rgba(117,22,178,.18)}.spin-wheel-step-card strong{margin-top:9px;color:#1b0b38;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(13px,3.7vw,16px);font-weight:900;line-height:1.02;letter-spacing:.01em;text-align:center}.spin-wheel-steps-decoration{position:absolute;z-index:1;pointer-events:none}.spin-wheel-coin-art{position:absolute;left:clamp(-42px,-7vw,-26px);bottom:clamp(-24px,-3.4vw,-13px);width:clamp(154px,40vw,184px);height:auto;display:block;object-fit:contain;object-position:center;filter:drop-shadow(0 10px 9px rgba(0,0,0,.34)) drop-shadow(0 0 9px rgba(255,187,30,.2));pointer-events:none;-webkit-user-select:none;user-select:none;transform:rotate(-2deg);transform-origin:50% 80%}.spin-wheel-coin-art--back{z-index:1}.spin-wheel-coin-art--front{z-index:4;clip-path:inset(46% 58% 13% 0)}.spin-wheel-token-art{position:absolute;right:clamp(-74px,-12vw,-50px);bottom:clamp(-28px,-3.8vw,-15px);width:clamp(154px,39vw,182px);height:auto;display:block;object-fit:contain;object-position:center;filter:drop-shadow(0 10px 9px rgba(0,0,0,.34)) drop-shadow(0 0 10px rgba(78,224,131,.14));pointer-events:none;-webkit-user-select:none;user-select:none;transform:rotate(2deg);transform-origin:50% 80%}.spin-wheel-token-art--back{z-index:1}.spin-wheel-spin-button{position:relative;width:min(100%,390px);min-height:66px;margin:20px auto 0;padding:10px 20px;border:3px solid #1e1234;border-radius:999px;background:linear-gradient(180deg,#fff63a,#ffc90d 44%,#ff9c0c);box-shadow:0 0 0 3px #24e6ed,0 0 0 5px #be24ff,0 10px 22px #00000052,inset 0 2px #ffffff8f,inset 0 -6px 10px #e165002e;color:#0b0923;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(21px,6.5vw,30px);font-weight:950;line-height:1;letter-spacing:.015em;text-transform:uppercase;cursor:pointer;transition:filter .15s ease,transform .15s ease,box-shadow .15s ease}.spin-wheel-spin-button:hover:not(:disabled){filter:brightness(1.04) saturate(1.05);transform:translateY(-1px)}.spin-wheel-spin-button:active:not(:disabled){transform:translateY(1px) scale(.99)}.spin-wheel-spin-button:focus-visible{outline:3px solid #ffffff;outline-offset:7px}.spin-wheel-spin-button:disabled{cursor:not-allowed;filter:saturate(.55) brightness(.62);box-shadow:0 0 0 3px #24e6ed73,0 0 0 5px #be24ff61,0 8px 18px #0000003d}.spin-wheel-legal{width:min(100%,390px);margin-top:20px;color:#8f79a3;text-align:center}.spin-wheel-legal-links{display:flex;align-items:center;justify-content:center;gap:13px;color:#d6aee8;font-size:11.5px}.spin-wheel-legal-link{padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.spin-wheel-legal-link:hover,.spin-wheel-legal-link[aria-expanded=true]{color:#fff;text-decoration:underline;text-underline-offset:3px}.spin-wheel-legal-copy{margin:13px auto 0;color:#8c769f;font-size:10.5px;line-height:1.48}.spin-wheel-legal-detail{margin:10px auto 0;padding:10px 12px;border:1px solid rgba(168,100,221,.18);border-radius:10px;background:#14072c9e;color:#a995b8;font-size:10.5px;line-height:1.5;white-space:pre-line}.spin-wheel-loading{display:grid;justify-items:center;gap:12px;padding:26vh 0 0;color:#bca8cd;font-size:13px;line-height:1.5;text-align:center}.spin-wheel-recovery{width:min(100%,360px)}.spin-wheel-recovery>p{margin:0}.spin-wheel-recovery-actions{display:grid;gap:12px;width:100%;margin-top:12px}.spin-wheel-recovery-button{appearance:none;width:100%;min-height:48px;padding:12px 20px;border:1px solid transparent;border-radius:12px;background:#f5edff;color:#29153e;font:inherit;font-size:15px;font-weight:600;line-height:1.4;cursor:pointer;touch-action:manipulation}.spin-wheel-recovery-button--secondary{border-color:#9580ab;background:transparent;color:#f5edff}@media(hover:hover){.spin-wheel-recovery-button:hover{background:#e4d2fa}.spin-wheel-recovery-button--secondary:hover{background:#f5edff1a}}.spin-wheel-recovery-button:active{opacity:.8}.spin-wheel-recovery-button:focus-visible{outline:2px solid #ffffff;outline-offset:4px}@keyframes spin-wheel-backdrop-in{0%{opacity:0}}@keyframes spin-wheel-overlay-in{0%{opacity:0}}@keyframes spin-wheel-fade-in{0%{opacity:0}}@keyframes spin-wheel-result-in{0%{opacity:0;transform:translateY(8px) scale(.975)}}@media(max-width:390px){.spin-wheel-coin-art{left:-24px;bottom:-12px;width:clamp(132px,38vw,150px);transform:rotate(-2deg)}.spin-wheel-coin-art--front{clip-path:inset(46% 58% 13% 0)}.spin-wheel-token-art{right:-44px;bottom:-10px;width:clamp(128px,36vw,146px);transform:rotate(2deg)}.spin-wheel-overlay-inner{padding-right:14px;padding-left:14px}.spin-wheel-overlay .wheel-stage{--wheel-size: min(86vw, 340px)}.spin-wheel-steps{padding:0 24px 0 38px}.spin-wheel-step-card{min-height:112px;border-radius:14px}.spin-wheel-step-card strong{font-size:13px}.spin-wheel-spin-button{min-height:61px}}@media(max-height:760px){.spin-wheel-coin-art{left:-21px;bottom:-9px;width:clamp(124px,32vw,146px)}.spin-wheel-token-art{right:-42px;bottom:-8px;width:clamp(122px,31vw,142px)}.spin-wheel-head{margin-top:14px}.spin-wheel-overlay .wheel-stage{--wheel-size: min(72vw, 318px)}.spin-wheel-steps-wrap{margin-top:8px}.spin-wheel-step-card{min-height:105px}.spin-wheel-spin-button{min-height:58px;margin-top:16px}.spin-wheel-legal{margin-top:16px}}@media(prefers-reduced-motion:reduce){.spin-wheel-backdrop,.spin-wheel-overlay-inner,.spin-wheel-close,.spin-wheel-result-card,.spin-wheel-result-pending,.spin-wheel-error{animation:none}.spin-wheel-close,.spin-wheel-spin-button{transition:none}}.spin-wheel-reward-celebration-shell{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:calc(12px + env(safe-area-inset-top,0px)) 14px calc(12px + env(safe-area-inset-bottom,0px));overflow:hidden}.spin-wheel-reward-celebration{position:relative;width:min(100%,620px);height:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;text-align:center}.spin-wheel-reward-celebration-rays{position:absolute;top:42%;left:50%;z-index:-3;width:min(900px,120vw);aspect-ratio:1;background:repeating-conic-gradient(from -6deg,#7f29e53b 0deg 7deg,#2f0a5b05 7deg 17deg);opacity:.82;-webkit-mask-image:radial-gradient(circle,#000 0 44%,transparent 72%);mask-image:radial-gradient(circle,#000 0 44%,transparent 72%);transform:translate(-50%,-50%);pointer-events:none}.spin-wheel-reward-celebration:before{position:absolute;top:48%;left:50%;z-index:-2;width:min(520px,78vw);aspect-ratio:1;border-radius:50%;background:#a825ff47;filter:blur(65px);content:"";transform:translate(-50%,-50%);pointer-events:none}.spin-wheel-reward-celebration-confetti{position:absolute;inset:0 -70px;z-index:-1;overflow:hidden;pointer-events:none}.spin-wheel-reward-celebration-heading{position:relative;z-index:10;width:100%;flex:0 0 auto}.spin-wheel-reward-celebration-heading>strong.spin-wheel-reward-curved-title{display:flex!important;align-items:flex-end;justify-content:center;width:100%;gap:0;color:#fff9ff;font-family:Fascinate,system-ui,sans-serif;font-size:clamp(54px,10.5vh,112px);font-weight:400;line-height:.8;letter-spacing:-.025em;white-space:nowrap}.spin-wheel-reward-celebration-heading>span.spin-wheel-reward-curved-subtitle{display:inline-flex;align-items:flex-end;justify-content:center;gap:clamp(6px,1vh,11px);margin-top:clamp(10px,1.8vh,20px);color:var(--spin-wheel-reward-gold);line-height:1}.spin-wheel-reward-curved-subtitle-text{display:flex;align-items:flex-end;color:var(--spin-wheel-reward-gold);font-family:Fascinate,system-ui,sans-serif;font-size:clamp(28px,5.2vh,55px);font-weight:400;line-height:1;text-shadow:0 3px 0 var(--spin-wheel-reward-gold-deep),0 0 13px rgba(255,210,42,.42)}.spin-wheel-reward-curved-subtitle>b,.spin-wheel-reward-curved-subtitle-star{display:inline-block;color:#ffe962;font-size:clamp(19px,3.5vh,38px);line-height:1;text-shadow:0 3px 0 var(--spin-wheel-reward-gold-deep),0 0 13px rgba(255,210,42,.42)}.spin-wheel-reward-celebration-card{position:relative;z-index:10;width:min(82vw,430px);min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:clamp(52px,7vh,78px);padding:clamp(62px,9vh,88px) clamp(20px,4vw,34px) clamp(26px,4vh,40px);border:3px solid var(--spin-wheel-reward-border);border-radius:30px 30px 52px 52px;background:radial-gradient(circle at 50% 0%,rgba(105,35,182,.34),transparent 33%),linear-gradient(180deg,#1f013dfa,#0d001cfc);box-shadow:0 0 0 4px #7025b88c,0 0 24px #de3dffb8,0 0 55px #771dda59,0 20px 35px #0000006b,inset 0 0 0 1px #ffb9f83b;overflow:visible}.spin-wheel-reward-celebration-card:after{position:absolute;inset:9px;border:1px solid rgba(255,208,61,.36);border-radius:23px 23px 44px 44px;content:"";pointer-events:none}.spin-wheel-reward-celebration-badge svg{width:56%;height:56%;overflow:visible;filter:drop-shadow(0 0 5px currentColor) drop-shadow(0 0 11px color-mix(in srgb,var(--spin-wheel-reward-accent) 70%,transparent));transition:transform .18s ease,filter .18s ease}.spin-wheel-reward-celebration-badge{position:absolute;top:0;left:50%;z-index:16;width:clamp(92px,14vh,132px);aspect-ratio:1;display:grid;place-items:center;border:4px solid var(--spin-wheel-reward-accent-soft);border-radius:50%;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.16),transparent 22%),radial-gradient(circle at 50% 48%,rgba(120,44,192,.45),transparent 55%),linear-gradient(145deg,#3b0a65,#1b0033 55%,#090012);box-shadow:0 0 0 4px #571794eb,0 0 20px var(--spin-wheel-reward-accent),0 0 44px #9628ff9e,inset 0 2px 2px #ffffff2b,inset 0 -8px 18px #0000006b;color:var(--spin-wheel-reward-accent-soft);transform:translate(-50%,-50%)}.spin-wheel-reward-celebration-stars{width:72%;display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(12px,2vh,23px);color:#d849ff;font-size:clamp(13px,2.2vh,19px)}.spin-wheel-reward-celebration-value{position:relative;z-index:8;width:100%;display:flex;align-items:center;justify-content:center;font-family:Fascinate,system-ui,sans-serif;font-weight:400;letter-spacing:.012em;text-align:center;text-transform:uppercase;text-shadow:0 3px 0 rgba(81,18,117,.94),0 8px 11px rgba(0,0,0,.42)}.spin-wheel-reward-celebration-value--stacked{flex-direction:column}.spin-wheel-reward-celebration-value--inline{flex-direction:row;gap:8px}.spin-wheel-reward-celebration-value-primary{display:block;color:#fff;font-size:clamp(46px,8vh,76px);line-height:.88}.spin-wheel-reward-celebration-value-accent{display:block;color:#ff00a5;font-family:Fascinate,system-ui,sans-serif;font-size:clamp(34px,5.7vh,54px);line-height:.9;letter-spacing:.02em;text-shadow:0 2px 0 rgba(93,8,72,.95),0 8px 10px rgba(0,0,0,.34),0 0 12px rgba(255,0,165,.26)}.spin-wheel-reward-celebration-value--inline .spin-wheel-reward-celebration-value-accent{font-size:clamp(42px,7vh,64px)}.spin-wheel-reward-celebration-value--long .spin-wheel-reward-celebration-value-primary{font-size:clamp(31px,5.5vh,50px)}.spin-wheel-reward-celebration-value--long .spin-wheel-reward-celebration-value-accent{font-size:clamp(28px,4.7vh,43px)}.spin-wheel-reward-celebration--cashback .spin-wheel-reward-celebration-value{margin-top:-20px}.spin-wheel-reward-celebration--cashback .spin-wheel-reward-celebration-value-primary{margin-bottom:10px;font-size:clamp(50px,8.5vh,82px);line-height:.88}.spin-wheel-reward-celebration--cashback .spin-wheel-reward-celebration-value-accent:first-of-type{margin:0 0 2px;font-size:clamp(30px,5vh,46px);line-height:.9}.spin-wheel-reward-celebration--cashback .spin-wheel-reward-celebration-value-accent:last-child{margin:0;font-size:clamp(34px,5.7vh,52px);line-height:.9}.spin-wheel-reward-celebration--meal .spin-wheel-reward-celebration-value-primary,.spin-wheel-reward-celebration--drink .spin-wheel-reward-celebration-value-primary{font-size:clamp(48px,8vh,76px)}.spin-wheel-reward-celebration--meal .spin-wheel-reward-celebration-value-accent,.spin-wheel-reward-celebration--drink .spin-wheel-reward-celebration-value-accent{margin-top:2px;font-size:clamp(34px,5.8vh,52px)}.spin-wheel-reward-celebration-coins,.spin-wheel-reward-celebration-tokens{position:absolute;bottom:-42px;z-index:6;height:auto;display:block;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.spin-wheel-reward-celebration-coins{left:-45px;width:clamp(85px,13vh,125px)}.spin-wheel-reward-celebration-tokens{right:-52px;width:clamp(90px,14vh,132px)}.spin-wheel-reward-celebration-copy{position:relative;z-index:22;width:min(92%,520px);margin-top:clamp(10px,1.7vh,18px)}.spin-wheel-reward-celebration--try-again .spin-wheel-reward-celebration-detail{display:block!important;margin:0;color:#c6bcdc;font-size:clamp(14px,2vh,18px);font-weight:600;line-height:1.35}.spin-wheel-reward-celebration-cta{position:relative;z-index:22;width:min(82vw,430px);min-height:0;height:clamp(52px,7.5vh,66px);flex:0 0 auto;margin-top:clamp(12px,2vh,20px);padding:6px 22px;border:3px solid #160b2a;border-radius:999px;background:linear-gradient(180deg,#fff43e,#ffd01b 44%,#ffa30d);box-shadow:0 0 0 2px var(--spin-wheel-reward-cyan),0 0 0 5px #d22cff,0 10px 22px #00000061,inset 0 3px #ffffff9c,inset 0 -5px 8px #d757002b;color:#090a25;font-family:Fascinate,system-ui,sans-serif;font-size:clamp(24px,4.5vh,36px);font-weight:400;line-height:1;cursor:pointer}@media(max-height:760px){.spin-wheel-reward-celebration{justify-content:center}.spin-wheel-reward-celebration-heading>strong.spin-wheel-reward-curved-title{font-size:clamp(48px,9vh,78px)}.spin-wheel-reward-curved-subtitle-text{font-size:clamp(26px,4.6vh,39px)}.spin-wheel-reward-celebration-card{width:min(78vw,390px);margin-top:clamp(42px,6vh,58px);padding:clamp(53px,8vh,66px) 22px clamp(21px,3vh,28px)}.spin-wheel-reward-celebration-badge{width:clamp(80px,12vh,105px)}.spin-wheel-reward-celebration-stars{margin-bottom:9px}.spin-wheel-reward-celebration-value-primary{font-size:clamp(40px,7vh,58px)}.spin-wheel-reward-celebration-value-accent{font-size:clamp(29px,5vh,42px)}.spin-wheel-reward-celebration-coins{width:82px;left:-27px;bottom:-30px}.spin-wheel-reward-celebration-tokens{width:88px;right:-30px;bottom:-31px}.spin-wheel-reward-celebration-cta{width:min(78vw,390px);height:clamp(48px,7vh,57px);margin-top:12px;font-size:clamp(22px,4vh,30px)}}@media(max-width:600px){.spin-wheel-reward-celebration-shell{padding:calc(8px + env(safe-area-inset-top,0px)) 8px calc(10px + env(safe-area-inset-bottom,0px))}.spin-wheel-reward-celebration{width:100%;height:100%;margin:0;justify-content:center}.spin-wheel-reward-celebration-heading>strong.spin-wheel-reward-curved-title{font-size:clamp(46px,13vw,70px)}.spin-wheel-reward-celebration-heading>span.spin-wheel-reward-curved-subtitle{margin-top:12px}.spin-wheel-reward-curved-subtitle-text{font-size:clamp(27px,8vw,38px)}.spin-wheel-reward-curved-subtitle>b,.spin-wheel-reward-curved-subtitle-star{font-size:clamp(19px,5.7vw,28px)}.spin-wheel-reward-celebration-card{width:min(86vw,365px);margin-top:clamp(50px,8vh,68px);padding:clamp(58px,8.5vh,74px) 20px clamp(24px,3.5vh,32px);border-radius:26px 26px 44px 44px}.spin-wheel-reward-celebration-card:after{border-radius:20px 20px 37px 37px}.spin-wheel-reward-celebration-badge{width:clamp(88px,13vh,112px)}.spin-wheel-reward-celebration-stars{margin-bottom:13px}.spin-wheel-reward-celebration-value-primary{font-size:clamp(45px,13vw,66px)}.spin-wheel-reward-celebration-value-accent{font-size:clamp(33px,9.5vw,48px)}.spin-wheel-reward-celebration-value--inline .spin-wheel-reward-celebration-value-accent{font-size:clamp(39px,11vw,55px)}.spin-wheel-reward-celebration-value--long .spin-wheel-reward-celebration-value-primary{font-size:clamp(31px,9vw,42px)}.spin-wheel-reward-celebration-value--long .spin-wheel-reward-celebration-value-accent{font-size:clamp(27px,8vw,38px)}.spin-wheel-reward-celebration--cashback .spin-wheel-reward-celebration-value{margin-top:-13px}.spin-wheel-reward-celebration--cashback .spin-wheel-reward-celebration-value-primary{margin-bottom:7px;font-size:clamp(47px,14vw,68px)}.spin-wheel-reward-celebration--cashback .spin-wheel-reward-celebration-value-accent:first-of-type{font-size:clamp(29px,8.5vw,40px)}.spin-wheel-reward-celebration--cashback .spin-wheel-reward-celebration-value-accent:last-child{font-size:clamp(34px,9.8vw,46px)}.spin-wheel-reward-celebration-coins{left:-25px;bottom:-31px;width:clamp(76px,21vw,100px)}.spin-wheel-reward-celebration-tokens{right:-28px;bottom:-31px;width:clamp(80px,22vw,104px)}.spin-wheel-reward-celebration-copy{margin-top:9px}.spin-wheel-reward-celebration--try-again .spin-wheel-reward-celebration-detail{font-size:clamp(13px,3.6vw,16px)}.spin-wheel-reward-celebration-cta{width:min(86vw,365px);height:clamp(50px,7vh,58px);margin-top:12px;font-size:clamp(23px,6.5vw,31px)}}@media(max-height:650px){.spin-wheel-reward-celebration-heading>strong.spin-wheel-reward-curved-title{font-size:48px}.spin-wheel-reward-celebration-heading>span.spin-wheel-reward-curved-subtitle{margin-top:7px}.spin-wheel-reward-curved-subtitle-text{font-size:27px}.spin-wheel-reward-curved-subtitle>b,.spin-wheel-reward-curved-subtitle-star{font-size:20px}.spin-wheel-reward-celebration-card{width:min(80vw,340px);margin-top:42px;padding:50px 18px 18px}.spin-wheel-reward-celebration-badge{width:82px}.spin-wheel-reward-celebration-stars{margin-bottom:7px}.spin-wheel-reward-celebration-value-primary{font-size:42px}.spin-wheel-reward-celebration-value-accent{font-size:30px}.spin-wheel-reward-celebration-coins,.spin-wheel-reward-celebration-tokens{width:72px;bottom:-24px}.spin-wheel-reward-celebration-copy{margin-top:6px}.spin-wheel-reward-celebration-cta{width:min(80vw,340px);height:46px;margin-top:8px;font-size:22px}}.games-section{position:relative;margin-bottom:22px;overflow:hidden;border:1px solid rgba(139,92,246,.29);border-radius:15px;background:linear-gradient(180deg,#110e24f2,#0b0a1bf5);box-shadow:inset 0 1px #ffffff05,0 14px 34px #00000029}.games-header{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.games-title-wrap{display:flex;align-items:center;gap:10px}.games-title-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#7e28ed40;color:#8d3dff}.games-title-icon svg{width:17px;height:17px}.games-title-wrap h2{margin:0;color:#fff;font-size:15px;font-weight:770;letter-spacing:.01em}.games-header-note{color:#aaa6bf;font-size:13px;font-weight:500}.games-body{display:grid;gap:12px;padding:0 14px 14px}.games-card{width:100%;display:flex;align-items:center;gap:14px;padding:12px;border:1px solid rgba(139,92,246,.22);border-radius:13px;background:radial-gradient(circle at 86% 12%,rgba(109,31,215,.22),transparent 42%),linear-gradient(135deg,#150f2bf5,#0b0a1bf2);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.games-card:hover{border-color:#8b5cf673;box-shadow:0 0 20px #8b3dff29,0 12px 28px #00000038;transform:translateY(-1px)}.games-card:active{transform:translateY(0) scale(.99)}.games-card:focus-visible{outline:2px solid var(--portal-purple-bright, #a04cff);outline-offset:2px}.games-card-box{position:relative;flex:none;width:128px;height:128px;display:grid;place-items:center;border:1px solid rgba(139,92,246,.3);border-radius:12px;background:radial-gradient(circle at 50% 34%,rgba(109,31,215,.28),transparent 62%),#09081599}.games-card-box:after{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.05) 46%,rgba(196,150,255,.12) 50%,rgba(255,255,255,.05) 54%,transparent 68%);background-size:260% 100%;opacity:0;pointer-events:none;animation:games-box-glint 5.2s ease-in-out infinite;animation-delay:1.2s;content:""}@keyframes games-box-glint{0%,55%{background-position:130% 0;opacity:0}60%{opacity:1}92%,to{background-position:-30% 0;opacity:0}}.games-card-badge{position:absolute;top:-8px;right:-8px;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid rgba(139,92,246,.4);border-radius:999px;background:linear-gradient(90deg,#7b24ff,#8d2fff 58%,#ac45ff);box-shadow:0 0 12px #8b3dff8c,0 4px 10px #0000004d;color:#fff;font-size:11px;font-weight:760;letter-spacing:.02em;white-space:nowrap}.games-card-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.games-card-copy strong{color:#fff;font-size:15px;font-weight:740;letter-spacing:-.01em}.games-card-copy span{color:var(--portal-muted, #aaa6bf);font-size:12.5px;line-height:1.4}.games-card-arrow{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#9b4cff;transition:transform .18s ease}.games-card-arrow svg{width:16px;height:16px}.games-card:hover .games-card-arrow{transform:translate(3px)}.games-card--disabled{cursor:not-allowed;opacity:.55;filter:saturate(.45)}.games-card--disabled:hover{border-color:#8b5cf638;box-shadow:none;transform:none}.games-card--disabled:active{transform:none}.games-card--disabled .games-card-arrow{display:none}.games-card--disabled .games-card-box:after{animation:none;opacity:0}.games-card-badge--muted{border:1px solid rgba(139,92,246,.3);background:#16122bf2;box-shadow:0 4px 10px #0000004d;color:var(--portal-muted, #aaa6bf);font-weight:600}@media(prefers-reduced-motion:reduce){.games-card-box:after{animation:none;opacity:0}.games-card,.games-card-arrow{transition:none}}@media(max-width:390px){.games-card{gap:11px;padding:10px}.games-card-box{width:112px;height:112px}}.spin-wheel-miniature{width:88px;height:88px;position:relative;border:2px solid rgba(139,92,246,.45);border-radius:50%;box-shadow:0 0 18px #8b3dff4d,inset 0 0 14px #0000006b}.spin-wheel-miniature:after{position:absolute;top:50%;left:50%;width:20px;height:20px;border:2px solid rgba(163,76,255,.6);border-radius:50%;background:radial-gradient(circle at 45% 35%,#4f2b87,#251244 55%,#100a21);box-shadow:0 0 10px #8435ff8c;content:"";transform:translate(-50%,-50%)}.games-card--disabled .spin-wheel-miniature{filter:grayscale(.85)}@media(max-width:390px){.spin-wheel-miniature{width:76px;height:76px}}.tier-roadmap-overlay{--roadmap-art-w: 76px;--roadmap-art-h: 96px;--roadmap-gap: 18px;position:fixed;inset:0;z-index:1000;overflow-y:auto;overscroll-behavior:contain;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif}.tier-roadmap-backdrop{position:fixed;inset:0;background:radial-gradient(circle at 50% 18%,rgba(91,33,182,.3),transparent 36%),radial-gradient(circle at 16% 74%,rgba(55,16,145,.22),transparent 38%),radial-gradient(circle at 88% 64%,rgba(83,38,180,.14),transparent 32%),linear-gradient(180deg,#0b0a1b,#090815 48%,#070611);animation:tier-roadmap-fade-in .24s ease both}.tier-roadmap-inner{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column;align-items:center;padding:calc(18px + env(safe-area-inset-top,0px)) 18px calc(30px + env(safe-area-inset-bottom,0px));animation:tier-roadmap-overlay-in .38s cubic-bezier(.16,1,.3,1) both}.tier-roadmap-inner>*{width:100%;max-width:430px}.tier-roadmap-close{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));left:calc(14px + env(safe-area-inset-left,0px));z-index:1001;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(181,127,255,.35);border-radius:50%;background:#26124ec7;box-shadow:0 0 16px #883aff33,0 8px 20px #00000047,inset 0 1px #ffffff14;color:#fff;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.tier-roadmap-close svg{width:24px;height:24px}.tier-roadmap-close:hover{border-color:#c79dffb3;background:#321763f0;transform:scale(1.04)}.tier-roadmap-close:active{transform:scale(.96)}.tier-roadmap-close:focus-visible{outline:2px solid #ffffff;outline-offset:3px}.tier-roadmap-brand-logo{width:172px;max-width:62%;height:auto;display:block;margin:0 auto}.tier-roadmap-head{margin-top:23px;text-align:center}.tier-roadmap-kicker{margin:0;color:#9d4cff;font-size:23px;font-weight:800;font-family:Fascinate,cursive;letter-spacing:.22em}.tier-roadmap-title{margin:8px 0 0;color:#fff;font-size:clamp(25px,7vw,31px);font-weight:840;line-height:1.08;letter-spacing:-.035em;text-shadow:0 3px 18px rgba(0,0,0,.24)}.tier-roadmap-summary{display:flex;align-items:center;justify-content:center;gap:7px;width:fit-content;margin:14px auto 0;padding:8px 15px 9px;border:1px solid rgba(139,92,246,.35);border-radius:999px;background:#110b23ad;box-shadow:inset 0 0 18px #702de10d;color:#cbb8e8;font-size:12.5px}.tier-roadmap-summary strong{color:#fff;font-weight:760;text-transform:uppercase}.tier-roadmap-summary-badge{width:20px;height:20px;object-fit:contain}.tier-roadmap-status{display:grid;justify-items:center;gap:4px;padding-top:24vh;color:#bca8cd;font-size:13px;line-height:1.5;text-align:center}.tier-roadmap-error{max-width:300px;color:#ffb5ad}.tier-roadmap-list{display:flex;flex-direction:column;gap:var(--roadmap-gap);margin:26px 0 0;padding:0;list-style:none}.tier-roadmap-row{position:relative;display:grid;grid-template-columns:var(--roadmap-art-w) minmax(0,1fr);align-items:center;column-gap:14px;animation:tier-roadmap-row-in .46s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--row-index, 0) * 70ms)}.tier-roadmap-row:not(:last-child):after{content:"";position:absolute;left:calc(var(--roadmap-art-w) / 2 - 1px);top:calc(var(--roadmap-art-h) + 4px);bottom:calc(var(--roadmap-gap) * -1);width:0;border-left:2px dashed rgba(139,92,246,.5)}.tier-roadmap-row[data-state=locked]:after{border-left-color:#8b5cf633}.tier-roadmap-art{position:relative;width:var(--roadmap-art-w);height:var(--roadmap-art-h);align-self:start}.tier-roadmap-art img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}.tier-roadmap-art-glow{position:absolute;inset:14px 8px;border-radius:50%;background:#7f28ff6b;filter:blur(16px);opacity:0}.tier-roadmap-row--current .tier-roadmap-art-glow{opacity:1}.tier-roadmap-row--achieved .tier-roadmap-art img{opacity:.92}.tier-roadmap-row--locked .tier-roadmap-art img{filter:grayscale(1);opacity:.38}.tier-roadmap-row--locked .tier-roadmap-art-glow{display:none}.tier-roadmap-row--current .tier-roadmap-art{overflow:hidden;border:2px solid rgba(160,76,255,.85);border-radius:14px;background:#8b3dff14;box-shadow:0 0 18px #8b3dff61,inset 0 0 18px #8b3dff1f;animation:tier-roadmap-pulse 2.6s ease-in-out infinite}.tier-roadmap-lock{position:absolute;top:-6px;right:-8px;z-index:2;width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(181,127,255,.4);border-radius:50%;background:#1c1038;box-shadow:0 0 10px #00000073;color:#b79ae0}.tier-roadmap-lock svg{width:13px;height:13px}.tier-roadmap-art-fallback{position:absolute;inset:6px 4px;z-index:1;display:grid;place-items:center;clip-path:polygon(25% 6%,75% 6%,96% 25%,96% 75%,75% 94%,25% 94%,4% 75%,4% 25%);background:linear-gradient(145deg,#452174,#19112d 54%,#2d1749);box-shadow:inset 0 0 0 3px #ba73ffbf;color:#f2c65c;font-size:26px;font-weight:800}.tier-roadmap-row--locked .tier-roadmap-art-fallback{background:linear-gradient(145deg,#241a3d,#14101f 54%,#1c1730);box-shadow:inset 0 0 0 3px #78699b73;color:#6f6488}.tier-roadmap-art-fallback svg{width:26px;height:26px}.tier-roadmap-info{min-width:0}.tier-roadmap-name{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.tier-roadmap-name strong{color:#fff;font-size:17px;font-weight:760;letter-spacing:-.01em}.tier-roadmap-row--locked .tier-roadmap-name strong{color:#9d97b5}.tier-roadmap-chip{padding:3px 8px 4px;border:1px solid rgba(160,76,255,.55);border-radius:999px;background:#8b3dff29;box-shadow:0 0 10px #8b3dff40;color:#d9baff;font-size:9.5px;font-weight:800;letter-spacing:.12em}.tier-roadmap-xp{margin:5px 0 0;color:#aaa6bf;font-size:12.5px;font-weight:500}.tier-roadmap-row--locked .tier-roadmap-xp{color:#8d87a6}.tier-roadmap-note{display:inline-flex;align-items:center;gap:5px;margin:7px 0 0;font-size:11.5px;font-weight:650}.tier-roadmap-note--unlocked{color:#8fdc9f}.tier-roadmap-note--unlocked svg{width:13px;height:13px}.tier-roadmap-note--here{color:#c9a8ff}.tier-roadmap-note--next{color:#f2c65c}.tier-roadmap-footnote{margin:24px auto 0;color:#77738e;font-size:11px;line-height:1.5;text-align:center}.progress-section--clickable{cursor:pointer;transition:border-color .15s ease,transform .15s ease}.progress-heading-label{display:inline-flex;align-items:center;gap:5px;margin:0 0 15px;background:linear-gradient(110deg,#9d4cff 0% 33%,#fff 46% 54%,#9d4cff 67% 100%);background-size:300% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:progress-letter-shimmer 3s linear infinite}.progress-heading-label svg{width:13px;height:13px;color:#b9a9e8}@keyframes progress-letter-shimmer{0%{background-position:100% 0}to{background-position:0% 0}}.progress-section--clickable:hover{border-color:#8b5cf68c}.progress-section--clickable:active{transform:scale(.99)}.progress-section--clickable:focus-visible{outline:2px solid #a04cff;outline-offset:3px}@keyframes tier-roadmap-fade-in{0%{opacity:0}}@keyframes tier-roadmap-overlay-in{0%{opacity:0;transform:translateY(14px) scale(.987)}}@keyframes tier-roadmap-row-in{0%{opacity:0;transform:translateY(10px)}}@keyframes tier-roadmap-pulse{0%,to{box-shadow:0 0 14px #8b3dff52,inset 0 0 14px #8b3dff1a}50%{box-shadow:0 0 26px #8b3dff94,inset 0 0 20px #8b3dff2e}}@media(max-width:390px){.tier-roadmap-inner{padding-right:14px;padding-left:14px}}@media(max-width:360px){.tier-roadmap-overlay{--roadmap-art-w: 64px;--roadmap-art-h: 84px}.tier-roadmap-name strong{font-size:15.5px}}@media(prefers-reduced-motion:reduce){.tier-roadmap-backdrop,.tier-roadmap-inner,.tier-roadmap-row,.tier-roadmap-row--current .tier-roadmap-art,.progress-heading-label{animation:none}.tier-roadmap-close,.progress-section--clickable{transition:none}}.tier-roadmap-xp{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}.tier-roadmap-cashback{color:#d6d2e5;white-space:nowrap}.tier-roadmap-xp>span+.tier-roadmap-cashback:before{content:"·";margin-right:10px;color:#8d87a6}.portal-app,.portal-app *{box-sizing:border-box}.portal-app{--portal-bg: #090815;--portal-bg-deep: #070611;--portal-panel: rgba(18, 14, 39, .86);--portal-panel-2: rgba(21, 16, 45, .92);--portal-line: rgba(139, 92, 246, .34);--portal-line-soft: rgba(255, 255, 255, .07);--portal-purple: #8b3dff;--portal-purple-bright: #a04cff;--portal-purple-soft: #8b5cf6;--portal-text: #f8f7ff;--portal-muted: #aaa6bf;--portal-muted-2: #77738e;min-height:100svh;background:radial-gradient(circle at 76% 18%,rgba(91,33,182,.21),transparent 25%),radial-gradient(circle at 23% 4%,rgba(83,38,180,.12),transparent 23%),linear-gradient(180deg,#090815 0%,var(--portal-bg) 45%,var(--portal-bg-deep) 100%);color:var(--portal-text);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif}.portal-scroll{width:min(100%,440px);min-height:100svh;margin:0 auto;padding:30px 20px 42px}.portal-brand{display:flex;align-items:center;justify-content:center;margin:6px 0 28px}.portal-logo{display:block;width:190px;max-width:190px;max-height:64px;height:auto;margin:0 auto;object-fit:contain;object-position:center;filter:drop-shadow(0 0 12px rgba(139,61,255,.12))}.portal-header{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:center;gap:20px;margin-bottom:28px}.avatar-initials{width:108px;height:108px;display:grid;place-items:center;overflow:hidden;border:2px solid #933dff;border-radius:50%;background:radial-gradient(circle at 45% 35%,#4f2b87,#251244 45%,#100a21);box-shadow:0 0 0 3px #8435ff17,0 0 22px #8435ffb8,inset 0 0 28px #a04cff2e;color:#fff;font-size:34px;font-weight:800;letter-spacing:-.04em}.avatar-initials.avatar-has-badge{overflow:visible;border:none;border-radius:0;background:none;box-shadow:none}.avatar-tier-badge{width:100%;height:100%;object-fit:contain;object-position:center}.profile-copy{min-width:0}.profile-name{margin:0;color:#fff;font-size:25px;font-weight:760;line-height:1.08;letter-spacing:-.035em}.profile-student-id{margin:7px 0 12px;color:#aaa6bf;font-size:15px;font-weight:450;letter-spacing:.01em}.profile-tier-card{display:flex;align-items:center;gap:8px;width:fit-content;min-width:145px;max-width:100%;padding:10px 13px;font-family:Inter,system-ui,sans-serif;line-height:20px;border:1px solid rgba(139,92,246,.31);border-radius:10px;background:#110b23ad;box-shadow:inset 0 0 18px #702de10d}.profile-tier-label{flex-shrink:0;display:flex;align-items:center;gap:6px;color:#b6a3d4;font-size:14px;font-weight:500;line-height:20px;letter-spacing:0}.profile-tier-icon{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#8b3dff38}.profile-tier-icon svg{width:16px;height:16px}.profile-tier-value{min-width:0;margin-top:0}.profile-tier-value strong{display:block;overflow:hidden;color:#fff;font-size:14px;font-weight:600;line-height:20px;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.profile-tier-divider{color:#b6a3d4;font-size:14px;line-height:20px;flex-shrink:0}.progress-section{position:relative;min-height:198px;display:grid;grid-template-columns:minmax(0,1fr) 108px;grid-template-rows:auto auto auto;column-gap:12px;margin-bottom:22px;padding:18px 17px 16px;overflow:hidden;border:1px solid var(--portal-line);border-radius:15px;background:radial-gradient(circle at 79% 28%,rgba(109,31,215,.25),transparent 24%),linear-gradient(135deg,#150f2bf5,#0b0a1bf2);box-shadow:inset 0 1px #ffffff05,0 14px 34px #0000002e}.progress-main{min-width:0}.section-label{margin:0 0 15px;color:#9d4cff;font-size:12px;font-weight:800;letter-spacing:.025em}.xp-display{display:flex;flex-direction:column;align-items:flex-start}.xp-number{color:#fff;font-size:clamp(40px,12vw,48px);font-weight:700;line-height:.98;letter-spacing:-.055em}.xp-unit{margin-top:8px;color:#aaa6bf;font-size:16px;font-weight:500}.progress-tier-art{position:relative;width:108px;height:140px;align-self:end;justify-self:end;display:grid;place-items:end center}.progress-tier-art-glow{position:absolute;inset:12px;border-radius:50%;background:#7f28ff73;filter:blur(17px)}.progress-tier-art img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 0 8px rgba(137,50,255,.9)) drop-shadow(0 0 16px rgba(137,50,255,.36))}.progress-tier-fallback{position:relative;z-index:1;width:86px;height:86px;display:grid;place-items:center;clip-path:polygon(25% 6%,75% 6%,96% 25%,96% 75%,75% 94%,25% 94%,4% 75%,4% 25%);background:linear-gradient(145deg,#452174,#19112d 54%,#2d1749);box-shadow:inset 0 0 0 3px #ba73ffbf;color:#f2c65c;font-size:32px;font-weight:800}.progress-bar-container{grid-column:1 / -1;margin-top:8px}.progress-bar-track{position:relative;height:9px;border-radius:999px;background:#0b0918}.progress-bar-fill{position:absolute;inset:0 auto 0 0;min-width:0;max-width:100%;border-radius:inherit;background:linear-gradient(90deg,#7b24ff,#8d2fff 58%,#ac45ff);box-shadow:0 0 8px #8b3dff85,0 0 13px #8b3dff47}.progress-bar-indicator{position:absolute;top:50%;width:12px;height:12px;border:3px solid #ffffff;border-radius:50%;background:#fff;box-shadow:0 0 7px #fff,0 0 16px #9b38ff,0 0 22px #9b38ffc7;transform:translate(-50%,-50%)}.progress-labels{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-top:13px}.progress-labels>div{display:flex;flex-direction:column;min-width:0;gap:3px}.progress-labels strong{color:#fff;font-size:13px;font-weight:680;white-space:nowrap}.progress-labels span{color:#aaa6bf;font-size:11px;font-weight:430}.progress-labels-right{flex-shrink:0;align-items:flex-end;text-align:right}.leaderboard-section{overflow:hidden;border:1px solid rgba(139,92,246,.29);border-radius:15px;background:linear-gradient(180deg,#110e24f2,#0b0a1bf5);box-shadow:inset 0 1px #ffffff05,0 14px 34px #00000029}.leaderboard-header{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.leaderboard-title-wrap{display:flex;align-items:center;gap:10px}.leaderboard-trophy{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#7e28ed40;color:#8d3dff}.leaderboard-trophy svg{width:19px;height:19px}.leaderboard-title-wrap h2{margin:0;color:#fff;font-size:15px;font-weight:770;letter-spacing:.01em}.leaderboard-top-label{color:#aaa6bf;font-size:13px;font-weight:500}.tab-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 14px 8px;overflow:hidden;border:1px solid rgba(139,92,246,.2);border-radius:10px;background:#1a1631b8}.tab-pill{height:38px;border:0;border-right:1px solid rgba(255,255,255,.055);background:transparent;color:#aaa6bf;font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .16s ease,color .16s ease}.tab-pill:last-child{border-right:0}.tab-pill.active{background:linear-gradient(90deg,#5b209d,#552092);color:#fff;box-shadow:inset 0 0 20px #a34cff1f}.leaderboard-list{margin:0 13px 12px;overflow:hidden;border-radius:10px;background:linear-gradient(180deg,#120f25f0,#0f0d1fe6)}.leaderboard-row{min-height:62px;display:grid;grid-template-columns:38px 42px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 11px;border-bottom:1px solid rgba(255,255,255,.055)}.leaderboard-row:last-child{border-bottom:0}.leaderboard-rank{display:grid;place-items:center;color:#9b4cff;font-size:15px;font-weight:700}.rank-number{color:#9c5cff;font-size:15px;font-weight:720}.rank-crown{position:relative;width:27px;height:27px;display:grid;place-items:center}.rank-crown svg{width:27px;height:25px}.rank-crown b{position:absolute;top:9px;left:50%;color:#3a2500;font-size:8px;font-weight:900;transform:translate(-50%)}.rank-crown--1{color:#f7b928}.rank-crown--2{color:#bfc5d1}.rank-crown--2 b{color:#4f5561}.rank-crown--3{color:#d47b3f}.rank-crown--3 b{color:#5b2d16}.leaderboard-avatar{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:radial-gradient(circle at 35% 30%,#78609d,#3b3151 42%,#232032);box-shadow:inset 0 0 12px #ffffff09;color:#fff;font-size:11px;font-weight:760}.leaderboard-info{min-width:0;display:flex;flex-direction:column;gap:3px}.leaderboard-name{overflow:hidden;color:#fff;font-size:13px;font-weight:650;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.leaderboard-tier{overflow:hidden;color:#b7b2c9;font-size:11px;font-weight:450;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.leaderboard-row:nth-child(-n+3) .leaderboard-tier{color:#e5bd36}.leaderboard-score{min-width:68px;color:#fff;font-size:14px;font-weight:690;line-height:1;text-align:right;white-space:nowrap}.empty-text{margin:0;padding:28px 18px;color:#8f8aa1;font-size:13px;text-align:center}.leaderboard-more{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin:12px 0 0;padding:13px 16px;border:none;border-top:1px solid rgba(139,92,246,.22);border-radius:0;background:transparent;color:#b9a9e8;font:inherit;font-size:13px;font-weight:650;cursor:pointer;text-align:center;transition:color .16s ease,background .16s ease}.leaderboard-more svg{width:14px;height:14px}.leaderboard-more:hover{background:#8b5cf61a;color:#fff}.leaderboard-more:active{transform:scale(.99)}.leaderboard-more:focus-visible{outline:2px solid var(--portal-purple-bright, #a04cff);outline-offset:2px}.leaderboard-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:18px;padding:9px 16px 9px 12px;border:1px solid rgba(139,92,246,.28);border-radius:999px;background:#16122bb8;color:#cbb9f2;font:inherit;font-size:13px;font-weight:620;cursor:pointer;transition:border-color .16s ease,color .16s ease,box-shadow .16s ease}.leaderboard-back svg{width:15px;height:15px}.leaderboard-back:hover{border-color:#8b5cf680;box-shadow:0 0 16px #8b3dff2e;color:#fff}.leaderboard-back:focus-visible{outline:2px solid var(--portal-purple-bright, #a04cff);outline-offset:2px}.loading-wrap,.access-error{width:min(100% - 40px,420px);margin:0 auto;padding-top:30vh;text-align:center}.loading-spinner{width:34px;height:34px;margin:0 auto 12px;border:3px solid rgba(255,255,255,.12);border-top-color:#913cff;border-radius:50%;animation:portal-spin .8s linear infinite}.loading-wrap p{color:#aaa6bf}.access-error-icon{font-size:34px}.access-error h1{margin:14px 0 8px;font-size:24px}.access-error p{margin:0 auto;color:#aaa6bf;font-size:14px;line-height:1.5}.access-error-sub{margin-top:7px!important;color:#77738e!important;font-size:12px!important}@keyframes portal-spin{to{transform:rotate(360deg)}}@media(max-width:390px){.portal-scroll{padding-right:16px;padding-left:16px}.portal-brand{margin-bottom:24px}.portal-logo{width:170px;max-width:170px}.leaderboard-back{margin-bottom:14px}.portal-header{grid-template-columns:102px minmax(0,1fr);gap:16px}.avatar-initials{width:98px;height:98px;font-size:30px}.profile-name{font-size:23px}.profile-student-id{font-size:14px}.progress-section{grid-template-columns:minmax(0,1fr) 94px}.progress-tier-art{width:94px;height:122px}.leaderboard-row{grid-template-columns:34px 38px minmax(0,1fr) auto;gap:7px;padding-right:9px;padding-left:9px}.leaderboard-avatar{width:35px;height:35px}.leaderboard-score{min-width:60px;font-size:13px}}.portal-app .portal-powered-by{padding:18px 16px calc(26px + env(safe-area-inset-bottom,0px));text-align:center;font-size:12px;letter-spacing:.045em;color:#b9bdc7}.portal-powered-by strong{font-weight:700;color:#e0e3e9;background:linear-gradient(115deg,#939ba8,#f2f4f8 40%,#b2b9c5 60%,#e5e8ee);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 12px rgba(218,225,239,.16)}*{margin:0;padding:0;box-sizing:border-box}html{color-scheme:dark;background:#090815}body{min-height:100svh;background:#090815;overscroll-behavior-y:none}