/* Public release portal. Auth and the landing share the same visual language. */
.release-portal{--ink:#142e38;--paper:#f5f0e5;--sea:#143c48;--muted:#53666a;--gold:#e4ae51;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}
.release-portal *{box-sizing:border-box}.release-portal .page-width{width:min(1220px,calc(100% - 64px));margin-inline:auto}
.release-portal .site-header{height:92px;background:var(--paper);border-bottom:1px solid #173a3d22;color:var(--ink)}.release-portal .header-inner{max-width:1348px;width:calc(100% - 64px);margin:auto}.release-portal .brand{color:var(--ink)}.release-portal .brand small{letter-spacing:1.5px}.release-portal .site-nav a,.release-portal .header-link,.release-portal .back-home{color:var(--ink);font-size:13px}.release-portal .site-nav{gap:24px}.release-portal .button{font-family:inherit;font-weight:700;border-radius:7px;font-size:14px;min-height:48px;gap:20px}.release-portal .button-gold{background:var(--gold);color:#182e31;box-shadow:none;border:1px solid #b97d25}.release-portal .button-gold:hover{background:#f0be6b}.release-portal :focus-visible{outline:3px solid #2f86a0;outline-offset:4px}
.release-kicker{font:700 10px/1.5 Arial,sans-serif;letter-spacing:1.5px;display:flex;align-items:center;gap:8px}.release-kicker .pirate-icon{width:24px;height:24px}.release-hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-block:56px 64px;align-items:center}.release-hero h1{font:normal clamp(48px,5.4vw,80px)/1.04 Georgia,serif;letter-spacing:-3px;margin:25px 0}.release-hero h1 em{color:#2f6565;font-style:italic}.release-hero-copy>p{font-size:15px;line-height:1.9;color:var(--muted);max-width:440px}.release-actions{display:flex;gap:24px;align-items:center;margin-top:30px;flex-wrap:wrap}.release-login{font-size:12px;font-weight:bold;border-bottom:1px solid #8da3a1;padding-bottom:5px;color:var(--ink)}.release-platforms{display:flex;gap:16px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin-top:27px}.release-platforms span+span:before{content:'·';margin-right:16px}
.release-hero-art{min-height:535px;background:#123541;border-radius:140px 140px 12px 12px;position:relative;overflow:hidden;color:#f5eddd;isolation:isolate;box-shadow:16px 18px 0 #e5dfd1}.release-chart{position:absolute;inset:0;pointer-events:none;opacity:.22;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 45px,#b7d7cf55 46px 47px,transparent 48px 90px),repeating-linear-gradient(0deg,transparent 0 63px,#9bbab12b 64px 65px),repeating-linear-gradient(90deg,transparent 0 63px,#9bbab12b 64px 65px)}.release-edition{position:absolute;top:44px;left:32px;right:32px;font-size:9px;letter-spacing:2px;display:flex;justify-content:space-between;z-index:1}.release-edition b{font-weight:normal;color:#b0c5bd}.release-hero-mark{position:absolute;top:120px;width:100%;text-align:center;font:140px Georgia,serif;color:#d4c6a512}.release-hero-cast{position:absolute;bottom:117px;left:50%;width:128px;height:160px;transform-origin:bottom center}.hero-luffy{transform:translateX(-50%) scale(2.45);z-index:3}.hero-zoro{left:19%;bottom:135px;transform:translateX(-50%) scale(1.9);z-index:2}.hero-nami{left:81%;bottom:135px;transform:translateX(-50%) scale(1.9);z-index:2}.release-sprite{display:block;width:128px;height:160px;background-size:1152px 160px;background-repeat:no-repeat;image-rendering:pixelated}.release-sprite.walking{animation:portal-walk 1s steps(8) infinite}.paused .release-sprite{animation:none;background-position:0 0}@keyframes portal-walk{from{background-position:-128px 0}to{background-position:-1152px 0}}.release-art-caption{position:absolute;bottom:35px;left:30px;right:50px;z-index:4}.release-art-caption span{font-size:8px;letter-spacing:1px;color:#a9c3bc}.release-art-caption b{display:block;font:25px Georgia,serif;margin-top:10px}.release-art-link{position:absolute;bottom:40px;right:24px;color:#ecc379;border:1px solid #a8c4ba66;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.release-marquee{display:flex;justify-content:center;gap:45px;background:#e8e2d6;border-block:1px solid #1d413225;padding:18px 20px;color:#466460;font-size:10px;letter-spacing:3px}.release-marquee i{font-style:normal}
.release-crew{padding-block:85px 70px}.release-section-heading{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:30px}.release-section-heading h2,.release-community h2,.release-final h2{font:normal 47px/1.12 Georgia,serif;letter-spacing:-1.5px;margin:17px 0 0}.release-section-heading h2 em,.release-community h2 em,.release-final h2 em{font-weight:normal;font-style:italic;color:#36716d}.release-section-heading>p{max-width:345px;color:var(--muted);font-size:13px;line-height:1.9}.release-picker{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:7px;margin-bottom:20px}.release-picker button{min-width:0;border:1px solid #cbd1c5;background:#ece9df;border-radius:6px;color:var(--ink);padding:6px 2px;cursor:pointer}.release-picker button[aria-pressed=true]{background:#d5dfd4;border-color:#47766d}.release-picker img{width:62px;height:68px;object-fit:contain;image-rendering:pixelated;max-width:100%}.release-picker span{display:block;font-size:10px;font-weight:bold;margin:4px 0}.release-crew-feature{display:grid;grid-template-columns:1fr 1.15fr;border:1px solid #b9c9bf;border-radius:12px;overflow:hidden}.release-stage{min-height:365px;background:#163b45;position:relative;overflow:hidden;color:#d7e4d9}.stage-coordinate{position:absolute;top:24px;left:25px;font-size:9px;letter-spacing:1.5px}.stage-ring{position:absolute;width:230px;height:230px;border:1px solid #a3c8b637;border-radius:50%;top:65px;left:50%;transform:translateX(-50%);box-shadow:0 0 0 40px #c5d6b608,0 0 0 80px #c5d6b605}.stage-character{position:absolute;bottom:50px;left:50%;transform:translateX(-50%) scale(2);transform-origin:bottom center}.release-stage>small{position:absolute;bottom:18px;width:100%;text-align:center;letter-spacing:1px;font-size:9px;color:#a5bdb2}.release-crew-copy{padding:40px;background:#eeece2}.release-crew-copy h3{font:36px Georgia,serif;margin:15px 0}.release-crew-copy>strong{font-size:13px;color:#2d655e}.release-crew-copy>p{font-size:13px;line-height:1.85;color:var(--muted);margin:15px 0 22px}.release-form-tabs,.release-direction{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.release-form-tabs button,.release-direction button{border:1px solid #b6c4b8;border-radius:5px;color:var(--ink);background:transparent;min-height:40px;padding:9px 13px;font:600 11px Arial,sans-serif;cursor:pointer}.release-form-tabs button[aria-pressed=true]{background:#234c4e;color:#fff;border-color:#234c4e}.release-direction button[aria-pressed=true]{background:#d7dfd3}.release-direction button{min-height:36px;font-size:10px}.release-crew-copy>small{display:block;color:var(--muted);font-size:10px;line-height:1.7;margin-top:17px}.release-roster-note{font-size:11px;line-height:1.9;color:var(--muted);max-width:800px;margin-top:20px}
.release-adventure{background:#e6e9df;border-block:1px solid #2c584426;padding:70px 0}.release-text-link{color:var(--ink);font-weight:700;font-size:12px;white-space:nowrap}.release-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.release-feature-grid article{padding:28px;background:#f5f2e9;border:1px solid #cad1c1;border-radius:9px;position:relative}.release-feature-grid .pirate-icon{width:52px;height:52px;margin-bottom:18px}.release-feature-number{position:absolute;right:24px;top:27px;color:#94a594;font:23px Georgia,serif}.release-feature-grid h3,.release-offline h3{font:24px/1.2 Georgia,serif;margin:0 0 14px}.release-feature-grid p,.release-offline p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.release-offline{display:flex;align-items:center;gap:25px;padding-top:30px;margin-top:30px;border-top:1px solid #2b513c33}.release-offline .pirate-icon{width:58px;height:58px}.release-offline>div{flex:1}.release-offline h3{font-size:23px;margin-bottom:8px}.release-offline a{color:var(--ink);font-size:11px;font-weight:bold;white-space:nowrap}.release-community{padding-block:80px;display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.release-community>div>.pirate-icon{width:55px;height:55px;margin-bottom:20px}.release-community p{font-size:13px;line-height:1.9;color:var(--muted);max-width:420px;margin:22px 0}.release-community h2{font-size:40px}.release-community-crew{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;transform:rotate(-3deg)}.release-community-crew img{width:100%;height:134px;object-fit:contain;image-rendering:pixelated;background:#e4e8dc;border-radius:20px;border:1px solid #bbcab9;padding:12px}.release-final{border-top:1px solid #183e332e;text-align:center;padding-block:65px 80px}.release-final .release-kicker{justify-content:center}.release-final .button{margin-top:28px}.release-portal .site-footer{background:#102c35;color:#e4e9db}.release-portal .site-footer .brand,.release-portal .site-footer a{color:#e4e9db}.release-portal .footer-bottom{color:#adc0b7}.release-portal .footer-bottom small{color:#adc0b7}
/* Account pages retain their existing forms, validation and security flow. */
.release-portal .auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:0;width:min(1180px,calc(100% - 64px));margin:42px auto 60px;border:1px solid #bcc8bb;border-radius:12px;overflow:hidden;background:#fffdf7;align-items:stretch}.release-portal .auth-scene{position:relative;top:0;min-height:730px;border-radius:0;background:#163b45;overflow:hidden;color:#f0eadb}.release-auth-scene>.release-kicker{position:relative;margin:30px;font-size:8px;z-index:2;color:#cdded1}.release-portal .auth-scene-copy{position:relative;left:auto;bottom:auto;right:auto;margin:55px 40px 0;z-index:2}.release-portal .auth-scene-copy h2{font:normal 48px/1.1 Georgia,serif;letter-spacing:-1.5px;margin:20px 0}.release-portal .auth-scene-copy>p{color:#b9d0c5;max-width:320px;font-size:13px;line-height:1.9}.release-auth-character{position:absolute;bottom:58px;left:50%;transform:translateX(-50%) scale(2);transform-origin:bottom center}.release-auth-bottom{position:absolute;bottom:22px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:9px;color:#b9cfc4}.release-portal .auth-card{padding:42px;max-width:none;margin:0;min-width:0;background:#fffdf7;color:var(--ink)}.release-portal .auth-card h1{font:normal 44px/1.1 Georgia,serif;letter-spacing:-1.5px;margin:15px 0}.release-portal .auth-card .section-kicker{color:#50756c;font:700 9px/1.6 Arial,sans-serif;letter-spacing:1.4px}.release-portal .auth-card-heading>p{color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:27px}.release-portal .form-field>span:first-child,.release-portal .starter-fieldset legend,.release-portal .form-section-label{color:var(--ink);font-size:12px}.release-portal .input-wrap input{min-height:48px;font-size:14px;padding:14px;border:1px solid #bccbbc;border-radius:6px;background:#f2f3ec;color:var(--ink)}.release-portal .input-wrap input:focus{border-color:#367b71;outline:2px solid #367b7133}.release-portal .input-wrap button{color:#335e56;font-size:11px;padding:12px}.release-portal .input-wrap:has(button) input{padding-right:75px}.release-portal .form-grid.two-columns{grid-template-columns:1fr 1fr;gap:16px}.release-portal .hero-choice{background:#f0f1e8;border-color:#c3ccba;border-radius:7px;min-width:0}.release-portal .hero-choice img{width:80px;height:80px;image-rendering:pixelated}.release-portal .hero-choice:has(input:checked){background:#dee8d9;border-color:#4a7d6d}.release-portal .hero-choice b{font-size:13px;color:var(--ink)}.release-portal .hero-choice>small{font-size:9px;color:var(--muted)}.release-portal .hero-check{background:#3c7768}.release-portal .starter-description,.release-portal .form-help,.release-portal .referral-details p{color:var(--muted);font-size:11px;line-height:1.7}.release-portal .referral-details{border-color:#bdc9b6;font-size:12px}.release-portal .terms-check{font-size:11px;line-height:1.6;color:var(--muted)}.release-portal .terms-check input{width:19px;height:19px;accent-color:#316b5c}.release-portal .terms-check a,.release-portal .auth-links a,.release-portal .forgot-password{color:#2a695d}.release-portal .auth-links{color:var(--muted);font-size:12px}.release-portal .auth-trust,.release-portal .auth-fan-note{font-size:10px;line-height:1.7;color:var(--muted)}.release-portal .auth-submit{width:100%}.release-portal .form-message:not(:empty){background:#f5ded7;color:#7f2c23;font-size:12px;padding:12px;border-radius:6px}.release-portal .recovery-vault{background:#eaf0e2;border-color:#b4c7af}.release-portal .recovery-code{color:#244d45;overflow-wrap:anywhere}.release-portal .button-outline{color:var(--ink);border-color:#aec1b1}.release-portal .back-home{margin-left:auto}
.release-portal .auth-scene{height:auto;max-height:none;align-self:stretch}
.release-portal .release-auth-character{transform:translateX(-50%) scale(3)}
@media(max-width:760px){.release-portal .release-auth-character{transform:translateX(-50%) scale(1.2)}}
.release-portal .skip-link{position:fixed;top:10px;left:10px;transform:translateY(-200%);z-index:1000}.release-portal .skip-link:focus{transform:none}
.release-portal .hero-check{background:transparent}.release-portal .hero-choice:has(input:checked) .hero-check{background:#3c7768}.release-portal .referral-details .pirate-icon{width:20px;height:20px;vertical-align:middle}
@media(max-width:1100px){.release-portal .site-nav{gap:15px}.release-portal .site-nav .discord-link{display:none}.release-hero{gap:30px}.release-hero-art{min-height:490px}.hero-luffy{transform:translateX(-50%) scale(2.1)}.hero-zoro,.hero-nami{transform:translateX(-50%) scale(1.5)}.release-picker{grid-template-columns:repeat(6,1fr)}.release-portal .auth-card{padding:30px}.release-portal .auth-scene-copy{margin-inline:30px}.release-portal .auth-scene-copy h2{font-size:40px}.release-portal .form-grid.two-columns{grid-template-columns:1fr}}
@media(max-width:760px){.release-portal .page-width{width:calc(100% - 36px)}.release-portal .site-header{height:76px}.release-portal .header-inner{width:calc(100% - 32px)}.release-portal .brand>span{font-size:18px}.release-portal .brand small{font-size:6px;letter-spacing:1px}.release-portal .site-nav{display:none}.release-portal .header-right{gap:10px}.release-portal .header-right .button{font-size:11px;padding:12px}.release-portal .header-link{font-size:11px}.release-hero{grid-template-columns:1fr;padding-block:35px 40px;gap:30px}.release-hero h1{font-size:57px;letter-spacing:-2.5px}.release-hero-copy>p{font-size:14px}.release-kicker{font-size:8px;letter-spacing:1px}.release-hero-art{min-height:410px;margin-right:10px;border-radius:100px 100px 10px 10px;box-shadow:10px 10px 0 #e5dfd1}.release-hero-cast{bottom:100px}.hero-luffy{transform:translateX(-50%) scale(1.85)}.hero-zoro,.hero-nami{bottom:115px;transform:translateX(-50%) scale(1.35)}.release-edition{top:30px}.release-hero-mark{font-size:110px;top:80px}.release-art-caption{left:22px;bottom:28px}.release-art-caption span{font-size:6px}.release-art-caption b{font-size:22px}.release-marquee{gap:17px;font-size:7px;letter-spacing:1px}.release-marquee span:last-child,.release-marquee i:last-of-type{display:none}.release-crew{padding-block:50px}.release-section-heading{display:block}.release-section-heading h2,.release-community h2,.release-final h2{font-size:37px}.release-section-heading>p{margin-top:18px;font-size:12px}.release-picker{grid-template-columns:repeat(4,1fr)}.release-picker img{width:54px;height:58px}.release-crew-feature{grid-template-columns:1fr}.release-stage{min-height:330px}.release-crew-copy{padding:26px 22px}.release-crew-copy h3{font-size:31px}.release-feature-grid{grid-template-columns:1fr}.release-adventure{padding-block:50px}.release-text-link{display:inline-block;margin-top:18px}.release-offline{align-items:flex-start;gap:14px;flex-wrap:wrap}.release-offline>div{min-width:180px}.release-offline a{margin-left:72px}.release-community{grid-template-columns:1fr;gap:30px;padding-block:50px}.release-community-crew{gap:9px;transform:rotate(-2deg)}.release-community-crew img{height:110px}.release-final{padding-block:40px 55px}.release-portal .auth-layout{width:calc(100% - 28px);margin:20px auto 35px;grid-template-columns:1fr}.release-portal .auth-scene{min-height:265px;height:265px}.release-auth-scene>.release-kicker{margin:18px;font-size:7px}.release-portal .auth-scene-copy{margin:25px 22px 0;max-width:57%}.release-portal .auth-scene-copy>.release-kicker,.release-portal .auth-scene-copy>p{display:none}.release-portal .auth-scene-copy h2{font-size:30px;letter-spacing:-.7px;margin:0}.release-auth-character{left:79%;bottom:30px;transform:translateX(-50%) scale(1.2)}.release-auth-bottom{left:20px;right:20px;bottom:17px;font-size:8px}.release-portal .auth-card{padding:28px 22px}.release-portal .auth-card h1{font-size:36px}.release-portal .input-wrap input{font-size:16px}.release-portal .auth-header .back-home{display:none}.release-portal .hero-choice img{width:62px;height:65px}.release-portal .hero-choice>small{font-size:8px}.release-portal .auth-header .header-link{font-size:11px}.release-portal .site-footer{padding-inline:22px}}
@media(max-width:360px){.release-portal .brand small{display:none}.release-portal .header-right .header-link{display:none}.release-hero h1{font-size:51px}.release-hero-art{min-height:370px}.hero-luffy{transform:translateX(-50%) scale(1.65)}.hero-zoro,.hero-nami{transform:translateX(-50%) scale(1.15)}.release-actions{gap:18px}.release-platforms{gap:9px}.release-platforms span+span:before{margin-right:9px}.release-portal .auth-card{padding:25px 17px}.release-portal .hero-choices{gap:5px}.release-portal .hero-choice img{width:56px}.release-portal .auth-scene-copy h2{font-size:26px}.release-form-tabs button{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.release-sprite.walking{animation:none;background-position:0 0}}
.google-auth-entry{margin:24px 0 18px;min-width:0}.google-auth-entry[hidden],.google-auth-completion[hidden],#auth-form[hidden]{display:none!important}.google-auth-button{display:flex;justify-content:center;min-height:44px;max-width:100%;color:#52655d;font-size:12px}.google-auth-note{font-size:12px;line-height:1.6;text-align:center;color:#52655d}.google-auth-divider{display:flex;align-items:center;gap:12px;margin-top:20px;color:#657569;font-size:11px}.google-auth-divider:before,.google-auth-divider:after{content:'';height:1px;background:#bec6b8;flex:1}.google-auth-retry,.google-auth-back{display:block;margin:12px auto;border:1px solid #9ead9e;background:transparent;color:#21464a;padding:10px 15px;border-radius:6px;font:inherit;font-size:12px;cursor:pointer;min-height:44px}.google-auth-retry[hidden]{display:none}.google-auth-completion{padding-block:10px}.google-auth-completion h2{font:700 25px/1.2 Georgia,serif;color:#173a3d}.google-auth-completion>p{font-size:13px;line-height:1.7}.google-auth-email{overflow-wrap:anywhere;color:#376b65;font-weight:700}.google-auth-completion form{display:grid;gap:15px}.google-auth-completion .hero-choice img{max-width:100%}.google-auth-completion .form-message{margin:0}.google-auth-completion .form-field{min-width:0}.google-auth-completion input:not([type=radio]):not([type=checkbox]){width:100%;box-sizing:border-box}.google-auth-completion .hero-choice{min-width:0}.google-auth-completion .hero-choices{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Keep the mobile header within the viewport so fixed controls remain reachable. */
@media(max-width:760px){.release-portal .site-header:not(.auth-header) .header-right{width:auto;min-width:0}.release-portal .site-header:not(.auth-header) .brand{margin-inline:0}}
@media(max-width:760px){.release-portal .site-header:not(.auth-header) .header-inner{flex-wrap:nowrap}.release-portal .header-right [data-register-cta]{display:none}.release-portal .header-right .header-link{display:inline-flex}.release-portal .header-right{gap:12px}.release-portal .referral-details .pirate-icon{width:20px;height:20px;vertical-align:middle}}

.google-auth-active>.auth-card-heading{display:none}