*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#080809;color:#f0efef;font-family:Outfit,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at 16% 45%,#ad8f2020,transparent 45%),radial-gradient(ellipse at 90% 12%,#6754890c,transparent 42%);pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #ead171;outline-offset:5px}button[hidden]{display:none}.login-header,.login-footer{max-width:1300px;width:calc(100% - 96px);margin:auto;display:flex;align-items:center;justify-content:space-between}.login-header{height:106px;border-bottom:1px solid #ffffff0b}.login-brand{display:flex;gap:12px;align-items:center}.login-brand img{object-fit:contain}.login-brand>span{font-size:24px;font-weight:900;letter-spacing:3px}.login-brand small{display:block;font-size:6px;font-weight:500;letter-spacing:2.2px;color:#8c826c;margin-top:3px}.login-header-note{display:flex;gap:9px;align-items:center;color:#8a8580;font-size:11px}.login-header-note i{width:5px;height:5px;border-radius:50%;background:#e1c56a;box-shadow:0 0 12px #e1c56a66}.login-layout{width:calc(100% - 96px);max-width:1180px;min-height:calc(100vh - 180px);margin:auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:80px;align-items:center;padding:55px 0 45px}.login-eyebrow{font-size:9px;letter-spacing:.24em;color:#9d8e65}.login-universe h1{font-size:clamp(50px,5.5vw,78px);font-weight:800;letter-spacing:-3.5px;line-height:1.04;margin:20px 0}.login-universe h1 em{font-style:normal;color:#e3c45c}.login-description{font-size:15px;line-height:1.7;color:#8d8884;margin:0}.login-description strong{color:#e3d7b9;font-weight:500}.login-stage{height:325px;position:relative;margin:16px 0 4px;isolation:isolate;perspective:1000px}.login-stage:before{content:'';position:absolute;left:15%;right:10%;bottom:15px;height:80px;background:#c6a22a1f;filter:blur(35px);border-radius:50%;z-index:-1}.login-stage-orbit{position:absolute;width:300px;height:180px;left:17%;top:72px;border:1px solid #d5b45814;border-radius:50%;rotate:-25deg;z-index:-1}.login-display-pack.blue-booster-pack{--pack-width:165px;width:var(--pack-width);height:calc(var(--pack-width)*1.57);position:absolute;display:block;filter:drop-shadow(0 20px 20px #0009);color:white;isolation:isolate;animation:loginPackFloat 7s ease-in-out infinite}.login-display-gold{left:14%;top:20px;rotate:-13deg;z-index:2}.login-display-purple{left:49%;top:39px;rotate:12deg;animation-delay:-3.5s!important}.login-display-pack .reference-insignia b{font-size:61px}.login-display-pack .reference-name{font-size:21px}.login-display-pack .reference-brand{font-size:11px;letter-spacing:3px}.login-display-pack .reference-subtitle{font-size:8px}.login-display-pack .reference-count{font-size:7px}.login-stage-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:7px;letter-spacing:.27em;color:#76694d}.login-facts{display:flex;align-items:center;gap:18px;justify-content:center;margin-top:20px;font-size:10px;color:#8e8678}.login-facts b{font-size:15px;font-weight:500;color:#dfcf9e;margin-right:5px}.login-facts i{height:20px;width:1px;background:#d3b14d27}.login-panel{position:relative;padding:32px 34px 25px;border:1px solid #ffffff14;border-radius:23px;background:linear-gradient(150deg,#181716e6,#101011 65%);box-shadow:0 30px 70px #0004}.login-panel:before{content:'';position:absolute;top:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#e2c36b66,transparent)}.login-panel-top{display:flex;justify-content:space-between;gap:12px;font-size:7px;font-weight:500;letter-spacing:.15em;color:#797269;padding-bottom:20px;border-bottom:1px solid #ffffff0a}.login-panel-top span:first-child{color:#c4ac68}.login-entry-symbol{display:block;font-size:38px;color:#dfc165;margin-top:21px;line-height:1}.login-panel h2{font-size:36px;font-weight:700;line-height:1.12;letter-spacing:-1.3px;margin:18px 0 14px}.login-panel h2>span{color:#dfc165}.login-introduction{font-size:12px;line-height:1.8;color:#9b958e;margin:0 0 24px;max-width:300px}.login-discord-button{display:flex;align-items:center;gap:12px;justify-content:center;background:#5865f2;border:1px solid #9ba3ff44;padding:17px 14px;border-radius:12px;color:#fff;font:600 13px Outfit;box-shadow:0 6px 22px #323ba22b;transition:background .2s,transform .2s}.login-discord-button svg{width:23px;height:23px;flex:none}.login-discord-button>b{font-size:18px;font-weight:400;margin-left:auto}.login-discord-button:hover:not(.is-disabled){background:#6874ff;transform:translateY(-2px)}.login-discord-button.is-disabled{opacity:.45;cursor:wait}.login-discord-button[aria-busy=true]{opacity:.65}.login-status{font-size:10px;line-height:1.65;color:#7e7870;min-height:28px;margin:13px 0 8px}.login-status.error{color:#f4a28f}.login-status.pending{color:#c5ac71}.login-status.connected{color:#98d4aa}.login-retry{font-size:11px;color:#dfc165;background:#dfc1650a;border:1px solid #dfc16533;border-radius:8px;padding:9px 12px;cursor:pointer}.login-permissions{display:flex;gap:10px;align-items:center;padding-bottom:22px;border-bottom:1px solid #ffffff0a}.login-permissions>span{font-size:23px;color:#a79d85}.login-permissions p{font-size:9px;line-height:1.7;margin:0;color:#7d776e}.login-features{display:grid;gap:19px;margin:23px 0}.login-features>div{display:flex;align-items:flex-start;gap:13px}.login-features>div>span{font-size:9px;color:#ab9452;border:1px solid #b69f5b25;border-radius:7px;padding:7px 6px;background:#a2833807}.login-features p{margin:0}.login-features strong{font-size:11px;font-weight:500;color:#c6bfb3}.login-features small{display:block;font-size:10px;color:#736e67;margin-top:5px}.login-help{border-top:1px solid #ffffff0a;padding:15px 0 6px;font-size:10px;color:#91887a}.login-help summary{display:flex;justify-content:space-between;list-style:none;cursor:pointer}.login-help summary::-webkit-details-marker{display:none}.login-help p{font-size:10px;line-height:1.8;color:#827b70}.login-panel-footer{font-size:8px;color:#776c57;text-align:center;padding-top:15px}.login-panel-footer span{color:#bb9c4f;padding-right:4px}.login-footer{padding:15px 0 25px;font-size:8px;letter-spacing:.1em;color:#5c574f}.login-footer>span:last-child{font-size:7px;letter-spacing:.15em}@keyframes loginPackFloat{0%,100%{translate:0 -4px}50%{translate:0 6px}}@media(min-width:1500px){.login-layout{gap:120px}}@media(max-width:1000px){.login-header,.login-footer,.login-layout{width:calc(100% - 54px)}.login-layout{gap:38px;grid-template-columns:minmax(0,1fr) minmax(310px,.9fr)}.login-panel{padding:28px 24px}.login-universe h1{font-size:59px}.login-display-gold{left:3%}.login-display-purple{left:44%}.login-panel h2{font-size:32px}.login-facts{gap:9px;font-size:9px}.login-stage{height:310px}}@media(max-width:740px){.login-header{height:82px}.login-header-note{font-size:9px;max-width:135px;line-height:1.5}.login-layout{display:flex;flex-direction:column;gap:28px;max-width:480px;padding:32px 0}.login-universe{width:100%;text-align:center}.login-universe h1{font-size:55px;letter-spacing:-2.7px;margin:15px 0}.login-description{font-size:13px}.login-stage{height:245px;max-width:320px;margin:15px auto 0}.login-display-pack.blue-booster-pack{--pack-width:125px}.login-display-gold{left:10%;top:10px}.login-display-purple{left:48%;top:25px}.login-display-pack .reference-insignia b{font-size:47px}.login-display-pack .reference-name{font-size:16px}.login-display-pack .reference-brand{font-size:8px;letter-spacing:2px}.login-display-pack .reference-subtitle{font-size:7px}.login-display-pack .reference-count{font-size:6px}.login-stage-orbit{width:230px;height:125px;top:50px;left:10%}.login-facts{margin-top:15px}.login-panel{width:100%;padding:26px}.login-panel h2{font-size:34px}.login-footer{gap:20px;font-size:7px}.login-footer>span:last-child{text-align:right;max-width:160px;font-size:6px}}@media(prefers-reduced-motion:reduce){.login-display-pack{animation:none!important}.login-discord-button{transition:none}}
.login-display-purple .reference-seal{background:repeating-linear-gradient(90deg,#fff6 0 1px,#0003 2px 3px,#fff2 4px 5px),#ab8aab}

.login-display-pack .pack-blue-body{width:100%;height:100%}.login-display-pack .pack-blue-title{font-size:calc(var(--pack-width)*.115)}.login-display-pack .pack-blue-subtitle{font-size:calc(var(--pack-width)*.025)}.login-display-pack .pack-blue-bottom{font-size:calc(var(--pack-width)*.033)}