body.auth-mode-register .auth-stage{max-width:1420px;margin-inline:auto}
.auth-pane--register{padding:8px!important}
.auth-pane--register>form{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(430px,.82fr);gap:8px;min-height:clamp(590px,calc(100dvh - 175px),720px)}
.register-v3-story{position:relative;display:flex;min-width:0;overflow:hidden;flex-direction:column;justify-content:space-between;padding:clamp(28px,4vw,62px);background:linear-gradient(90deg,#04090ce8 0 36%,#06101391 72%,#040708e8),linear-gradient(0deg,#020405e8,transparent 55%),url('/assets/maps/hunts-v500/kaguya-gravity.webp?v=1') center/cover no-repeat;isolation:isolate}
.register-v3-story:before{position:absolute;z-index:-1;right:-7%;bottom:60px;width:67%;height:76%;opacity:.7;background:url('/assets/branding/shinobi-archive-ui-v3/characters-archive-keyart-v3.png') 70% center/cover no-repeat;filter:saturate(.75) brightness(.8);mask-image:linear-gradient(90deg,transparent,#000 24%,#000 74%,transparent);content:""}
.register-v3-story:after{position:absolute;z-index:-1;inset:0;border:1px solid #a1763266;box-shadow:inset 0 0 65px #000;content:"";pointer-events:none}
.register-v3-story__copy{position:relative;z-index:1;max-width:720px}.register-v3-story__copy>small{display:inline-block;padding:7px 10px;border-left:3px solid var(--gold);background:#050a0cdb;color:#f0c65f;font-size:10px;font-weight:800;letter-spacing:.14em}.register-v3-story h2{margin:17px 0 13px;color:#f1f3ef;text-shadow:0 4px 12px #000;font:clamp(42px,4.5vw,72px)/.88 var(--font-display)}.register-v3-story h2 em{color:var(--gold-bright);font-style:normal}.register-v3-story__copy>p{max-width:570px;margin:0;color:#c6d0cc;text-shadow:0 2px 5px #000;font-size:16px;line-height:1.65}
.register-v3-team{display:flex;gap:8px;margin-top:23px}.register-v3-team>span{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:1fr 1fr;align-items:center;width:155px;min-width:0;height:62px;padding:5px;border:1px solid #465a5f;background:#071012e8;box-shadow:0 8px 20px #0008}.register-v3-team img{grid-row:1/3;width:48px;height:50px;object-fit:contain}.register-v3-team b,.register-v3-team small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.register-v3-team b{color:#f2cf74;font-size:11px}.register-v3-team small{color:#6bdbe0;font-size:8px}
.register-v3-warning{display:flex;align-items:center;max-width:540px;gap:10px;margin-top:10px;padding:10px 12px;border:1px solid #a8782b;background:#181307e8}.register-v3-warning>i{display:grid;flex:0 0 30px;height:30px;place-items:center;border:1px solid #efbd50;border-radius:50%;color:#efbd50;font-weight:900;font-style:normal}.register-v3-warning span{display:grid;gap:2px}.register-v3-warning b{color:#f0c762;font-size:10px}.register-v3-warning small{color:#b9b3a4;font-size:10px;line-height:1.35}
.register-v3-promises{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:7px}.register-v3-promises span{display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid #3b5155;background:#071012e8;color:#cbd5d1;font-size:10px;letter-spacing:.06em}.register-v3-promises i{color:#efbd50;font-size:15px;font-style:normal}
.register-v3-steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:22px 0 0;padding:0;list-style:none}.register-v3-steps li{display:flex;align-items:center;min-width:0;gap:9px;padding:11px;border:1px solid #33494d;background:#071012e8}.register-v3-steps i{display:grid;flex:0 0 30px;height:30px;place-items:center;background:#624515;color:#f5d77e;font:11px NinjaHard,var(--font-display);font-style:normal}.register-v3-steps span{display:grid;min-width:0;gap:3px}.register-v3-steps b{overflow:hidden;color:#dce5e1;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.register-v3-steps small{overflow:hidden;color:#829194;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.register-v3-account{display:flex;min-width:0;flex-direction:column;padding:clamp(20px,2.5vw,38px);background:radial-gradient(circle at 100% 0,#4fa2b817,transparent 40%),linear-gradient(145deg,#0e181bf9,#050a0c);box-shadow:inset 0 0 0 1px #83632d, inset 0 0 0 5px #050809,0 14px 35px #000a}.register-v3-account>header{display:flex;align-items:center;gap:13px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #35464a}.register-v3-account>header>span{display:grid;flex:0 0 54px;height:54px;place-items:center;border:1px solid #a77b30;background:radial-gradient(circle,#25424a,#071012 67%);color:#efbd50;font:26px var(--font-display)}.register-v3-account>header div{min-width:0}.register-v3-account h3{margin:4px 0 2px;color:#f1d17a;font:23px var(--font-display)}.register-v3-account header p{margin:0;color:#88979a;font-size:11px}.register-v3-account .auth-message{margin-bottom:12px}.register-v3-ref{margin:0 0 12px;padding:9px 11px;border:1px dashed #b88a38;background:#21190a;color:#f0ca7a;font-size:11px}
.register-v3-guide{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:13px;margin-bottom:12px;padding:10px;border:1px solid #496066;background:radial-gradient(circle at 10% 50%,#31555f,#0a1518 43%,#050a0c);box-shadow:0 10px 24px #0008}.register-v3-guide>img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 6px 8px #000)}.register-v3-guide>div{min-width:0}.register-v3-guide small{color:#62dce2;font-size:9px;font-weight:900;letter-spacing:.14em}.register-v3-guide p{min-height:43px;margin:6px 0 0;color:#cbd5d1;font-size:13px;line-height:1.55}.register-v3-guide p b{color:#f1cd72}
.register-v3-progress{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:5px;margin:0 0 14px}.register-v3-progress>i{height:3px;background:#263438;transition:.25s}.register-v3-progress>i.is-on{background:#dca83d;box-shadow:0 0 9px #dca83d}.register-v3-progress>span{grid-column:1/-1;color:#829093;font-size:9px;letter-spacing:.12em}
.register-v3-step{display:none;min-height:315px;animation:registerStepIn .25s ease-out}.register-v3-step.is-active{display:flex;flex-direction:column}.register-v3-question{display:block;margin-bottom:15px!important;color:#e2b952!important;font-size:10px!important;font-weight:900;letter-spacing:.14em!important}.register-v3-step .auth-field{margin-bottom:13px}.register-v3-step[data-register-step="0"] .auth-field{margin-top:30px}.register-v3-step[data-register-step="0"] .auth-field input{height:58px;font-size:17px}.register-v3-next,.register-v3-nav button{height:50px;border:1px solid #c18e34;background:linear-gradient(#6f501a,#34250c);color:#f4d783;font-size:11px;font-weight:900;letter-spacing:.06em;cursor:pointer}.register-v3-next{width:100%;margin-top:auto}.register-v3-next i,.register-v3-nav i{margin-left:9px;font-size:18px;font-style:normal}.register-v3-nav{display:grid;grid-template-columns:110px 1fr;gap:7px;margin-top:auto}.register-v3-nav button:first-child{border-color:#405155;background:#0b1417;color:#8d9b9e}
.register-v3-ready{justify-content:center;text-align:center}.register-v3-ready h3{margin:5px 0;color:#f4d377;font:31px var(--font-display)}.register-v3-ready>p{margin:0 0 16px;color:#8e9b9e;font-size:12px}.register-v3-ready>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px}.register-v3-ready>div>span{display:grid;grid-template-columns:34px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:8px;border:1px solid #3e5256;background:#0a1417;text-align:left}.register-v3-ready>div i{grid-row:1/3;display:grid;width:28px;height:28px;place-items:center;border:1px solid #9d7731;color:#e5b84f;font-style:normal}.register-v3-ready>div b{overflow:hidden;color:#d9e1de;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.register-v3-ready>div small{color:#6e7f82;font-size:8px}.register-v3-backlink{margin:10px auto 0;border:0;background:none;color:#748588;font-size:9px;cursor:pointer}.register-v3-step .password-meter{margin-bottom:12px}
@keyframes registerStepIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.register-v3-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.register-v3-email{grid-column:1/-1}.register-v3-account .auth-field{margin-bottom:10px}.register-v3-account .auth-field>span{display:flex;justify-content:space-between;gap:8px}.register-v3-account .auth-field>span em{color:#68777b;font-size:9px;font-style:normal;text-transform:none;letter-spacing:0}.register-v3-account .auth-field input{height:44px}.register-v3-account .auth-field>i,.register-v3-account .auth-field>button{bottom:6px;height:32px}.register-v3-account .password-meter{margin:0 0 14px}.register-v3-account .auth-primary{height:82px;margin-top:auto}.register-v3-account>footer{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-top:12px;color:#78898a;font-size:9px;letter-spacing:.05em}.register-v3-account>footer span:First-letter{color:#63dd82}
@media(max-width:1050px){.auth-pane--register>form{grid-template-columns:1fr}.register-v3-story{min-height:520px}.register-v3-account{min-height:610px}.register-v3-story:before{width:72%}}
@media(max-width:650px){.auth-pane--register>form{min-height:0}.register-v3-story{min-height:230px;padding:22px 17px}.register-v3-story:before{right:-12%;bottom:0;width:90%;height:100%;opacity:.35}.register-v3-story h2{margin-block:12px 0;font-size:35px}.register-v3-story__copy>p,.register-v3-promises{display:none}.register-v3-team{display:grid;grid-template-columns:repeat(3,1fr)}.register-v3-team>span{display:flex;width:auto;height:86px;flex-direction:column;justify-content:center}.register-v3-team img{width:42px;height:42px}.register-v3-team small{display:none}.register-v3-steps{grid-template-columns:1fr}.register-v3-account{min-height:0;padding:22px 15px}.register-v3-guide{grid-template-columns:76px minmax(0,1fr)}.register-v3-guide>img{width:72px;height:72px}.register-v3-fields{grid-template-columns:1fr}.register-v3-email{grid-column:auto}.register-v3-account .auth-primary small{font-size:8px}}
@media(min-width:1051px) and (max-height:760px){.auth-pane--register>form{min-height:calc(100dvh - 154px)}.register-v3-story{padding:28px 34px}.register-v3-story h2{font-size:48px;margin-block:12px 9px}.register-v3-story__copy>p{font-size:13px}.register-v3-team{margin-top:13px}.register-v3-warning{margin-top:7px}.register-v3-steps{margin-top:12px}.register-v3-account{padding:20px 25px}.register-v3-account>header{margin-bottom:10px;padding-bottom:9px}.register-v3-account .auth-field{margin-bottom:6px}.register-v3-account .auth-field>span{margin-bottom:3px}.register-v3-account .auth-field input{height:38px}.register-v3-account .auth-field>i,.register-v3-account .auth-field>button{bottom:3px}.register-v3-account .auth-primary{height:70px}}
