@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--blue:#073ecf;--navy:#09234b;--cream:#fff8e9;--sand:#f5ead3;--yellow:#ffe06b;--muted:#5b6575;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:Manrope,Arial,sans-serif;color:var(--navy);background:#fffdf8;font-family:var(--body);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:30px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:default}a,button,input{touch-action:manipulation}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #ef8c19;outline-offset:5px}h1,h2,h3,p,figure{margin:0}img{display:block;max-width:100%}.skip{position:fixed;top:-100px;left:12px;background:white;color:var(--navy);z-index:100;padding:15px}.skip:focus{top:10px}.site-header{position:absolute;z-index:5;top:0;left:0;right:0;height:105px;display:flex;align-items:center;justify-content:space-between;padding:0 5.4%;gap:28px;color:white;border-bottom:1px solid #ffffff35}.wordmark{font-family:var(--display);font-weight:800;font-size:34px;letter-spacing:-.5px;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand-star{font-family:Arial;font-size:28px;font-weight:400}.site-header nav{display:flex;gap:38px;font-size:14px;font-weight:700}.site-header nav a{padding:10px 0;border-bottom:1px solid transparent}.site-header nav a:hover{border-bottom-color:white}.nav-play{border:1px solid #ffffff8c;border-radius:4px;padding:11px 26px;font-weight:700;font-size:14px}.nav-play:hover{background:white;color:var(--blue)}.hero{height:min(850px,100svh);min-height:730px;position:relative;isolation:isolate;color:white;overflow:hidden}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(0,31,100,.73),rgba(0,38,109,.25) 49%,transparent 74%),linear-gradient(0deg,rgba(0,23,54,.42),transparent 28%)}.hero-content{padding:165px 5.4% 105px;max-width:850px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:var(--blue);text-transform:uppercase}.eyebrow.light{color:inherit}.hero h1{font-family:var(--display);font-size:clamp(64px,6.3vw,94px);font-weight:700;letter-spacing:-1.6px;line-height:.99;margin:24px 0;max-width:650px}.hero h1 em{color:var(--yellow);font-style:normal}.hero-description{font-size:17px;line-height:1.65;color:#f5f8ff}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:51px;border-radius:4px;padding:14px 24px;font-size:14px;font-weight:800;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.yellow{background:var(--yellow);color:#183047}.yellow:hover{background:#ffec9c}.hero-link{font-size:14px;font-weight:700;border-bottom:1px solid #ffffff9c;padding:5px 0}.hero-bottom{position:absolute;bottom:28px;left:5.4%;right:5.4%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.5px;font-weight:700;gap:30px}.hero-bottom a{font-size:12px;letter-spacing:0;border-bottom:1px solid #ffffff7a}.sea-strip{display:flex;justify-content:space-around;align-items:center;gap:28px;overflow:hidden;background:var(--blue);color:white;min-height:62px;padding:15px 30px;font-size:11px;font-weight:800;letter-spacing:1.4px;white-space:nowrap}.sea-strip i{font-size:22px;font-style:normal;color:var(--yellow)}.section{max-width:1340px;margin:auto;padding:98px 6%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}.section-heading h2{font-family:var(--display);font-size:72px;line-height:1.05;letter-spacing:-1.3px;margin-top:10px;font-weight:700}.section-heading>p,.shop-heading-right>p{font-size:16px;line-height:1.65;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.feature-visual{height:265px;overflow:hidden;display:flex;position:relative;border-radius:7px;flex-direction:column;align-items:center;justify-content:center}.visual-caption,.visual-foot{position:absolute;z-index:2;left:20px;right:20px;text-align:center;font-size:10px;letter-spacing:1.4px;font-weight:800}.visual-caption{top:20px}.visual-foot{bottom:17px}.decks-visual{background:#d6e8ed}.card-fan{height:195px;position:relative;width:100%;top:29px}.card-fan img{position:absolute;width:112px;height:156px;object-fit:cover;border-radius:6px;box-shadow:0 8px 16px #08264133;left:calc(50% - 56px);transition:transform .3s}.card-fan img:first-child{transform:translate(-69px,9px) rotate(-16deg)}.card-fan img:nth-child(2){transform:translate(0,-6px);z-index:1}.card-fan img:nth-child(3){transform:translate(69px,9px) rotate(16deg)}.feature-visual:hover .card-fan img:nth-child(2){transform:translate(0,-14px)}.solo-visual{background:#0a2860;color:white}.matchup{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:20px}.matchup img{width:94px;height:132px;border-radius:5px;object-fit:cover;transform:rotate(-9deg);box-shadow:0 10px 20px #00102d70}.matchup img:last-child{transform:rotate(9deg)}.matchup b{font-family:var(--display);font-size:40px;font-style:italic;color:var(--yellow);z-index:1}.local-visual{background:#ffdc66}.local-type{text-align:center;font-family:var(--display);font-size:48px;line-height:1;letter-spacing:-1px;margin-top:5px}.local-type b,.local-type span{display:block}.local-type span{-webkit-text-stroke:1.2px var(--navy);color:transparent;font-weight:800}.local-chips{display:flex;gap:12px;margin-top:17px}.local-chips span{font-size:10px;letter-spacing:1px;border:1px solid #08234b60;border-radius:20px;padding:5px 9px;font-weight:800}.local-chips span:last-child{background:var(--navy);color:var(--yellow);transform:rotate(-4deg)}.feature-copy{position:relative;padding-top:25px}.feature-number{position:absolute;right:0;top:30px;font-size:12px;color:#8590a1}.feature-copy h3{font-family:var(--display);font-size:29px;font-weight:700;line-height:1.2;padding-right:25px}.feature-copy p{font-size:14px;color:var(--muted);line-height:1.85;margin:13px 0 20px}.text-link{font-size:13px;font-weight:800;border-bottom:1px solid var(--blue);padding-bottom:5px;color:var(--blue)}.arena-note{display:flex;gap:20px;align-items:center;border-top:1px solid #dfe2e5;padding-top:27px;margin-top:47px}.tag{display:inline-block;border:1px solid #aeb6c4;border-radius:30px;padding:7px 11px;font-size:10px;font-weight:800;letter-spacing:.7px;white-space:nowrap}.arena-note p{font-size:12px;line-height:1.65;color:var(--muted);flex:1}.arena-note a{font-size:12px;font-weight:700;max-width:150px;text-decoration:underline;text-underline-offset:3px}.shop-section{background:var(--sand);border-top:1px solid #e7dbc4;border-bottom:1px solid #e7dbc4}.shop-heading-right{display:flex;gap:35px;align-items:center}.carousel-controls{display:flex;gap:8px}.carousel-controls button{width:38px;height:38px;border:1px solid #adb0ae;background:transparent;border-radius:50%;font-size:25px;line-height:1;color:var(--navy)}.carousel-controls button:hover:not(:disabled){background:var(--navy);color:white}.shop-intro{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:-15px;margin-bottom:29px}.shop-intro p{font-size:14px;line-height:1.7;max-width:620px}.shop-status{font-size:9px;flex-shrink:0}.shop-track{display:flex;gap:22px;overflow-x:auto;padding:8px 2px 20px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a9956f transparent}.collectible{flex:0 0 calc((100% - 88px)/5);min-width:185px;scroll-snap-align:start}.collectible-art{height:255px;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:23px 20px;background:#e1c3b6}.collectible-art img{max-height:100%;height:auto;width:auto;max-width:100%;object-fit:contain;border-radius:6px;box-shadow:0 12px 17px #222b3d30;transform:rotate(-4deg);transition:transform .3s}.collectible:nth-child(even) img{transform:rotate(5deg)}.collectible:hover img{transform:translateY(-5px) rotate(0)}.blush{background:#e6c7bf}.lilac{background:#d2c4e4}.mint{background:#b5d4c9}.peach{background:#e4b794}.lemon{background:#e8d286}.collectible h3{font-family:var(--display);font-size:25px;margin-top:17px;font-weight:700}.collectible figcaption>span{font-size:9px;letter-spacing:1px;color:#5f625e;font-weight:800;display:block;margin-top:5px}.shop-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #cbbfaaa0;margin-top:18px;padding-top:24px}.shop-footer p{font-size:12px;line-height:1.7;color:#626457}.vinted-label{font-size:12px;white-space:nowrap}.vinted-label b{color:#007782;font-size:27px;font-style:italic;letter-spacing:-1px;margin-left:6px}.captain-section{display:grid;grid-template-columns:.83fr 1.17fr;gap:90px;align-items:center;padding-top:110px;padding-bottom:110px}.captain-portrait{position:relative}.portrait-monogram{aspect-ratio:1;background:var(--blue);color:var(--yellow);display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:var(--display);font-weight:800;font-size:130px;line-height:1;border-radius:5px;transform:rotate(-3deg)}.portrait-monogram span{font-family:var(--body);font-size:12px;letter-spacing:4px;margin-top:20px}.portrait-photo{width:100%;aspect-ratio:1;object-fit:cover;border-radius:5px;transform:rotate(-3deg);background:#c6e4f2}.portrait-label{position:relative;margin:-10px 0 0 20px;display:inline-block;background:var(--yellow);padding:13px 17px;font-size:10px;font-weight:800;letter-spacing:1.3px;transform:rotate(2deg);box-shadow:0 4px 12px #071e4210}.captain-copy h2{font-family:var(--display);font-size:55px;line-height:1.05;margin:16px 0 25px;letter-spacing:-.7px}.captain-copy h2 em{font-style:normal;color:var(--blue)}.captain-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:var(--muted);margin:16px 0}.captain-copy>p.captain-signature{font-weight:800;color:var(--navy);font-size:14px}.outlined{border:1px solid #8997aa;margin-top:13px;font-size:12px}.outlined:hover{background:var(--navy);color:white}.about-section{background:var(--blue);color:white}.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-top:75px;padding-bottom:80px}.about-inner h2{font-family:var(--display);font-size:64px;line-height:1.05;margin-top:20px;letter-spacing:-1px}.about-inner h2 em{font-style:normal;color:var(--yellow)}.about-copy p{font-size:16px;line-height:1.9;margin-bottom:18px;color:#e4ecff}.white{background:white;color:var(--blue);margin-top:10px}.site-footer{padding:47px 6% 30px;max-width:1340px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.site-footer>.wordmark{font-size:36px;color:var(--blue)}.site-footer>p{font-size:12px;text-align:right}.footer-links{display:flex;gap:25px;font-size:13px;font-weight:700;grid-column:1 / -1;padding-bottom:22px;border-bottom:1px solid #dce0e5}.site-footer small{font-size:10px;line-height:1.65;color:var(--muted);max-width:610px}.footer-year{font-size:10px;letter-spacing:1px;text-align:right;color:var(--muted)}
@media(min-width:1500px){.hero-content{padding-left:max(5.4%,calc((100vw - 1190px)/2)) ;max-width:calc(50vw + 100px)}.hero h1{max-width:700px}}
@media(max-width:1000px){.hero{min-height:730px}.hero-content{max-width:730px}.hero h1{font-size:76px;max-width:580px}.section{padding:75px 5%}.feature-grid{gap:18px}.feature-visual{height:235px}.matchup img{width:76px;height:106px}.matchup b{font-size:30px}.card-fan img{width:95px;height:133px;left:calc(50% - 47px)}.card-fan img:first-child{transform:translate(-50px,12px) rotate(-16deg)}.card-fan img:nth-child(3){transform:translate(50px,12px) rotate(16deg)}.card-fan{height:160px}.local-type{font-size:38px}.visual-foot{font-size:8px}.captain-section{gap:50px}.captain-copy h2{font-size:48px}.about-inner{gap:40px}.about-inner h2{font-size:55px}.shop-heading-right{gap:18px}.collectible{flex-basis:22%;min-width:180px}.sea-strip{justify-content:flex-start}.arena-note{flex-wrap:wrap}.arena-note p{min-width:50%}}
@media(max-width:650px){.site-header{height:82px;padding:0 6%;gap:15px}.wordmark{font-size:27px;gap:7px}.brand-star{font-size:23px}.site-header nav{gap:16px;font-size:12px}.site-header nav a:last-child{display:none}.nav-play{display:none}.hero{height:790px;min-height:0;max-height:none}.hero-art{object-position:68% center}.hero-shade{background:linear-gradient(90deg,#002765bc,#00357725),linear-gradient(0deg,#06214b60,transparent 40%)}.hero-content{padding:131px 6% 115px;max-width:540px}.hero h1{font-size:66px;max-width:390px;letter-spacing:-1px;line-height:1.01;margin-top:20px}.eyebrow{font-size:10px;letter-spacing:1.5px}.hero-description{font-size:15px}.hero-actions{gap:23px;flex-wrap:wrap;margin-top:26px}.button{padding:14px 19px;font-size:13px}.hero-link{font-size:13px}.hero-bottom{left:6%;right:6%;bottom:24px;font-size:9px;line-height:1.7;align-items:flex-end}.hero-bottom span{max-width:180px}.hero-bottom a{font-size:10px;white-space:nowrap}.sea-strip{min-height:54px;font-size:9px;gap:22px;padding:12px 6%}.sea-strip i{font-size:18px}.section{padding:60px 6%}.section-heading{gap:20px;margin-bottom:28px}.section-heading h2{font-size:58px}.section-heading>p{font-size:12px}.feature-grid{grid-template-columns:1fr;gap:37px}.feature-visual{height:265px}.card-fan img{width:112px;height:156px;left:calc(50% - 56px)}.card-fan{height:195px}.card-fan img:first-child{transform:translate(-69px,9px) rotate(-16deg)}.card-fan img:nth-child(3){transform:translate(69px,9px) rotate(16deg)}.matchup img{width:94px;height:132px}.matchup b{font-size:40px}.local-type{font-size:48px}.visual-foot{font-size:10px}.feature-copy{padding-top:20px}.feature-copy h3{font-size:30px}.feature-copy p{font-size:15px;line-height:1.75;margin:10px 0 15px}.feature-number{top:27px}.arena-note{margin-top:34px;gap:14px;align-items:flex-start}.arena-note p{flex-basis:100%}.arena-note a{max-width:none}.shop-heading-right{display:block}.shop-heading-right>p{display:none}.shop-intro{display:block;margin-top:0}.shop-intro p{font-size:14px}.shop-status{margin-top:15px}.shop-track{gap:16px;margin-right:-6vw;padding-right:6vw}.collectible{flex-basis:65%;min-width:180px;max-width:240px}.collectible-art{height:300px}.collectible h3{font-size:29px}.collectible figcaption>span{font-size:10px}.shop-footer{display:block}.vinted-label{display:block;margin-top:18px}.captain-section{grid-template-columns:1fr;gap:42px}.captain-portrait{max-width:380px;width:90%;margin:5px auto}.captain-copy h2{font-size:51px}.captain-copy>p:not(.eyebrow){font-size:16px}.captain-copy .outlined{font-size:13px}.about-inner{grid-template-columns:1fr;gap:32px}.about-inner h2{font-size:57px}.about-copy p{font-size:15px}.site-footer{padding:35px 6% 25px;grid-template-columns:1fr;gap:19px}.site-footer>p{text-align:left;max-width:260px;line-height:1.7}.footer-links{gap:23px;padding:10px 0 24px}.footer-year{text-align:left}.site-footer small{font-size:11px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.shop-track{scroll-behavior:auto}}
/* Readable small labels, and content-led hero height at larger text sizes. */
.hero{height:auto;min-height:800px}.hero-content{padding-bottom:135px}.visual-caption,.visual-foot,.local-chips span,.tag,.shop-status,.collectible figcaption>span,.portrait-label,.footer-year,.site-footer small{font-size:12px}.feature-copy p,.text-link,.outlined,.footer-links{font-size:14px}.sea-strip{font-size:12px}.visual-foot{letter-spacing:.5px}.local-chips span{padding:5px 8px;letter-spacing:0}.hero-bottom{font-size:12px}.portrait-photo{object-position:center 30%}.portrait-monogram{display:none}
@media(max-width:1000px) and (min-width:651px){.feature-visual{height:275px}.visual-caption,.visual-foot{left:9px;right:9px;letter-spacing:0}.local-chips{gap:5px}.local-chips span{font-size:12px;padding:4px}.local-type{font-size:36px}}
@media(max-width:650px){.hero{min-height:810px;height:auto}.hero h1{font-size:clamp(54px,14.5vw,66px)}.hero-content{padding-bottom:145px}.hero-bottom{font-size:12px;align-items:center}.hero-bottom a{font-size:12px}.hero-bottom span{max-width:175px}.eyebrow{font-size:12px;letter-spacing:1px}.hero .eyebrow{font-size:11px}.sea-strip{font-size:12px}.section-heading>p{font-size:14px}.shop-status{font-size:12px}.shop-heading-right{align-self:flex-end}.portrait-label{font-size:12px;letter-spacing:.4px;margin-left:0}.site-header nav{font-size:14px;gap:16px}.hero-link{font-size:14px}}
@media(max-width:370px){.site-header nav{gap:10px;font-size:12px}.site-header{padding-left:5%;padding-right:5%}.wordmark{font-size:25px}.hero-bottom{gap:10px}.hero-bottom span{max-width:160px}.hero-actions{gap:16px}.section-heading{flex-wrap:wrap}.section-heading>p{width:100%}}

/* The journal shares the Arena's visual cards, in one horizontally browsable row. */
.updates-section{background:#f0f5f8;border-top:1px solid #d9e3e9;scroll-margin-top:20px}.updates-heading-right{display:flex;align-items:center;gap:30px}.updates-heading-right>p{font-size:16px;line-height:1.65;color:var(--muted)}.updates-controls[hidden]{display:none}.updates-track{display:flex;align-items:flex-start;gap:26px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#92a8bf transparent;padding:5px 2px 24px;scroll-padding-inline:2px}.release-entry{flex:0 0 calc((100% - 52px)/3);min-width:0;scroll-snap-align:start}.release-visual{height:265px;border-radius:7px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.release-visual-blue{background:#0a2860;color:white}.release-visual-yellow{background:#ffdc66;color:var(--navy)}.release-visual-decks{background:#d6e8ed}.release-visual-number{font-family:var(--display);font-size:160px;font-weight:800;line-height:1;letter-spacing:-5px}.release-visual-blue .release-visual-number{color:var(--yellow)}.release-visual-yellow .release-visual-number{color:transparent;-webkit-text-stroke:2px var(--navy)}.release-card-fan{display:flex;align-items:center;justify-content:center;gap:5px;padding-top:8px;width:100%}.release-card-fan img{width:106px;height:auto;max-height:160px;object-fit:contain;border-radius:5px;transform:rotate(-9deg);box-shadow:0 9px 18px #09234b40}.release-card-fan img:nth-child(even){transform:rotate(9deg)}.release-visual-beach>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2}.release-visual-beach:after{content:'';position:absolute;inset:0;background:#00367660;z-index:-1}.release-visual-beach{color:white}.release-visual-beach strong{font-family:var(--display);font-size:48px}.release-visual .visual-foot{font-size:12px;line-height:1.35}.release-date{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin:22px 0 13px}.release-date>span{font-weight:800;color:var(--blue);border:1px solid #b9cce2;border-radius:20px;padding:4px 9px}.release-entry>h3{font-family:var(--display);font-size:29px;line-height:1.18;font-weight:700;min-height:69px}.release-intro{font-size:15px;line-height:1.8;color:var(--muted);margin:13px 0 20px}.release-details>summary{font-size:14px;font-weight:800;color:var(--blue);display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;border-bottom:1px solid #c6d7e8;padding:0 0 10px}.release-details>summary::-webkit-details-marker{display:none}.release-details>summary span{font-size:21px;transition:transform .2s}.release-details[open]>summary span{transform:rotate(45deg)}.release-details>summary:focus-visible{outline:3px solid #ef8c19;outline-offset:4px}.release-detail-content{padding:22px 0 4px}.release-decks{display:grid;gap:16px}.release-deck{display:flex;gap:13px;padding:16px;background:white;border:1px solid #d8e3ed;border-radius:6px}.release-deck>img{width:52px;height:auto;align-self:flex-start;border-radius:4px}.release-type{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;color:#426890}.release-deck h4{font-family:var(--display);font-size:25px;line-height:1.1;margin:8px 0 10px}.release-deck p{font-size:14px;line-height:1.7;color:var(--muted)}.release-deck .release-plan{font-weight:800;color:var(--navy);margin-bottom:8px}.release-deck small{display:block;font-size:12px;color:var(--muted);margin-top:12px}.release-features{list-style:none;padding:0;margin:0;display:grid;gap:22px}.release-decks+.release-features{margin-top:24px}.release-features li{border-left:2px solid var(--blue);padding-left:15px}.release-features h4{font-size:16px;line-height:1.5;margin:7px 0}.release-features p{font-size:14px;line-height:1.8;color:var(--muted)}.updates-footer{display:flex;justify-content:space-between;gap:20px;padding-top:20px;margin-top:8px;border-top:1px solid #d4e0e8;font-size:12px;line-height:1.6;color:var(--muted)}.footer-links{flex-wrap:wrap}.site-header nav{gap:26px}
@media(max-width:1100px){.release-entry{flex-basis:calc((100% - 26px)/2)}.site-header nav{gap:18px}}
@media(max-width:650px){.updates-section .section-heading{align-items:flex-start;gap:22px;flex-direction:column}.updates-heading-right{width:100%;justify-content:space-between;gap:20px}.updates-heading-right>p{font-size:14px}.updates-track{gap:18px;margin-right:-6vw;padding-right:6vw;scroll-padding-inline:2px}.release-entry{flex-basis:86%;scroll-snap-stop:always}.release-visual{height:240px}.release-entry>h3{font-size:29px;min-height:0}.release-intro{font-size:15px}.updates-footer{flex-direction:column;gap:5px}.site-header nav{gap:14px}.site-header nav a[href="#boutique"]{display:none}.site-header nav a{font-size:13px}.site-header{gap:12px}}
@media(max-width:370px){.release-entry{flex-basis:90%}.release-visual{height:220px}.release-card-fan img{width:88px}.release-visual-number{font-size:140px}.site-header nav{gap:10px}.site-header nav a{font-size:12px}}

/* Compact dispatches, framed by the two crews. */
.updates-section>.section{max-width:1600px;padding-top:65px;padding-bottom:55px}.updates-section .section-heading{margin-bottom:28px}.updates-stage{display:grid;grid-template-columns:minmax(145px,.65fr) minmax(0,2fr) minmax(145px,.65fr);gap:20px;align-items:start}.updates-crew{align-self:start;padding-top:20px;min-width:0}.updates-crew img{width:100%;height:320px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 8px #123a6012)}.updates-crew figcaption{text-align:center;font-size:12px;font-weight:800;letter-spacing:1px;margin-top:12px;color:#426890}.updates-track{gap:20px;min-width:0;margin:0;padding:5px 2px 20px}.release-entry{flex-basis:calc((100% - 20px)/2)}.release-visual{height:150px;border-radius:6px}.release-visual-number{font-size:88px;letter-spacing:-3px}.release-visual .visual-caption{top:12px;font-size:12px;letter-spacing:.3px}.release-visual .visual-foot{bottom:10px;font-size:12px}.release-card-fan{padding-top:4px}.release-card-fan img{width:66px;max-height:94px}.release-visual-beach strong{font-size:36px}.release-date{margin:14px 0 9px}.release-entry>h3{font-size:26px;min-height:62px;line-height:1.15}.release-intro{font-size:16px;line-height:1.55;margin:9px 0 14px;min-height:75px}.release-details>summary{font-size:14px}.release-detail-content{padding-top:16px}.release-full-summary{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:18px}.release-deck{display:block;padding:12px}.release-deck>img{float:left;margin:0 10px 8px 0}.release-deck:after{content:'';display:block;clear:both}.release-deck h4{font-size:23px}.release-deck .release-type{font-size:12px}.updates-footer{margin-top:18px;padding-top:16px}
@media(max-width:1100px){.updates-stage{grid-template-columns:130px minmax(0,1fr) 130px;gap:12px}.updates-crew img{height:270px}.release-entry{flex-basis:85%}.updates-crew figcaption{font-size:12px;letter-spacing:0}}
@media(max-width:650px){.updates-section>.section{padding-top:50px;padding-bottom:40px}.updates-section .section-heading{flex-direction:row;align-items:center;gap:15px;margin-bottom:10px}.updates-section .section-heading h2{font-size:48px}.updates-heading-right{width:auto}.updates-stage{grid-template-columns:1fr 1fr;column-gap:24px;row-gap:20px}.updates-crew{padding:0}.updates-crew-left{grid-column:1;grid-row:1}.updates-crew-right{grid-column:2;grid-row:1}.updates-crew img{height:165px}.updates-crew figcaption{margin-top:5px}.updates-track{grid-column:1/-1;grid-row:2;gap:16px;margin:0;padding-right:2px}.release-entry{flex-basis:88%}.release-visual{height:150px}.release-entry>h3{min-height:0;font-size:27px}.release-intro{min-height:0;font-size:16px}.release-card-fan img{width:66px}.release-visual-number{font-size:88px}.updates-footer{margin-top:8px}.updates-section .carousel-controls{gap:5px}.updates-section .carousel-controls button{width:34px;height:34px}}
@media(max-width:370px){.updates-section .section-heading h2{font-size:41px}.updates-section .eyebrow{font-size:11px;letter-spacing:.3px}.updates-crew img{height:140px}.updates-crew figcaption{font-size:11px}.release-entry{flex-basis:92%}}

/* A smaller portrait and tighter spacing keep the captain's introduction compact. */
.captain-section{grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:65px;padding-top:65px;padding-bottom:65px}.captain-portrait{width:100%;max-width:300px;margin:0 auto}.portrait-photo{height:auto;aspect-ratio:1;object-fit:cover}.portrait-label{max-width:100%;margin-left:10px;padding:10px 12px;font-size:12px;line-height:1.5;letter-spacing:.3px}.captain-copy h2{font-size:48px;margin:12px 0 18px}.captain-copy>p:not(.eyebrow){margin:12px 0;line-height:1.7}.captain-copy .outlined{margin-top:8px}
@media(max-width:1000px){.captain-section{grid-template-columns:minmax(190px,240px) minmax(0,1fr);gap:40px;padding-top:55px;padding-bottom:55px}.captain-copy h2{font-size:44px}.portrait-label{margin-left:0}}
@media(max-width:650px){.captain-section{grid-template-columns:1fr;gap:28px;padding-top:45px;padding-bottom:45px}.captain-portrait{width:72%;max-width:230px}.captain-copy h2{font-size:43px}.captain-copy>p:not(.eyebrow){font-size:16px;line-height:1.7}}

.duel-counter-section{position:relative;isolation:isolate;overflow:hidden;background:#087bed;color:#fff;min-height:440px;display:flex;align-items:center}.counter-ship{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%;z-index:-3}.counter-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(0,31,100,.73),rgba(0,38,109,.25) 49%,transparent 74%),linear-gradient(0deg,rgba(0,23,54,.42),transparent 28%)}.counter-content{width:100%;padding-top:64px;padding-bottom:64px}.counter-content .eyebrow{color:var(--yellow)}.counter-content h2{font-family:var(--display);font-size:clamp(32px,3vw,48px);text-transform:uppercase;line-height:1;margin:12px 0 22px}.counter-reading{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;max-width:650px}.counter-reading strong{font-family:var(--display);font-size:clamp(82px,9vw,140px);line-height:.95;color:var(--yellow);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.counter-reading span{font-weight:750;font-size:clamp(16px,2vw,24px)}.counter-content>p:not(.eyebrow){font-size:13px;margin:24px 0 6px;color:#eef6ff;max-width:420px}.counter-content small{font-size:12px;color:#c9dfef}.counter-content>p,.counter-content h2,.counter-reading{text-shadow:0 2px 18px #052c4766}@media(max-width:700px){.duel-counter-section{min-height:570px;align-items:flex-end}.counter-ship{object-position:70% top}.counter-shade{background:linear-gradient(90deg,#002765bc,#00357725),linear-gradient(0deg,#06214b60,transparent 40%)}.counter-content{padding-top:240px;padding-bottom:32px}.counter-content h2{font-size:32px}.counter-reading strong{font-size:88px}.counter-reading{gap:12px}.counter-reading span{font-size:18px}}

.duel-counter-section{min-height:520px}.counter-ship{left:auto;right:0;width:auto;height:100%;object-fit:contain;object-position:right center;mask-image:linear-gradient(90deg,transparent 0%,#000 22%)}@media(max-width:700px){.duel-counter-section{min-height:580px}.counter-ship{top:0;width:auto;height:360px;max-width:none;mask-image:linear-gradient(0deg,transparent,#000 25%)}.counter-content{padding-top:310px}}

.counter-cta{margin-top:25px}.counter-cta .button{display:inline-flex;text-shadow:none}

/* Keep both portraits in the same frame and center the caption beneath it. */
.portrait-switch{position:relative;aspect-ratio:1;transform:rotate(-3deg);border-radius:5px}.portrait-switch .portrait-photo{width:100%;height:100%;transform:none;object-fit:cover}.portrait-switch .portrait-hover{position:absolute;inset:0;opacity:0;object-position:center 28%;transition:opacity .3s ease}.portrait-switch:hover .portrait-hover,.portrait-switch:focus .portrait-hover{opacity:1}.captain-portrait .portrait-label{display:table;width:max-content;max-width:100%;margin:-10px auto 0;text-align:center;transform:rotate(2deg);z-index:1}
@media(prefers-reduced-motion:reduce){.portrait-switch .portrait-hover{transition:none}}

.deck-counter-section{background:#087bed}.deck-counter-section .counter-ship{width:100%;height:100%;object-fit:cover;object-position:center;mask-image:none}.deck-counter-section .counter-content{position:relative;z-index:1}.deck-counter-section h2{max-width:550px}.deck-counter-section .hero-actions{margin-top:24px}@media(max-width:700px){.deck-counter-section{min-height:720px}.deck-counter-section .counter-ship{height:100%;object-position:70% center}.deck-counter-section .counter-shade{background:linear-gradient(0deg,#052c68 5%,#052c68d9 42%,#052c6810 78%)}.deck-counter-section .counter-content{padding-top:330px}}
@media(max-width:700px){.deck-counter-section{background:#052c68}.deck-counter-section .counter-ship{height:340px;object-position:right center;mask-image:linear-gradient(180deg,#000 76%,transparent)}.deck-counter-section .counter-shade{background:linear-gradient(0deg,#052c68 30%,#052c6840 64%,transparent 90%)}}
/* Roger's ship fills the section beneath one uniform translucent blue layer. */
#duels-termines .counter-ship{inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;mask-image:none}
#duels-termines .counter-shade{background:rgba(0,43,107,.30)}
@media(max-width:700px){#duels-termines .counter-ship{object-position:70% center}}

/* A benefit-led invitation with compact, equally sized controls. */
.playstyle{margin:0 0 38px;border:1px solid #d5dfeb;border-radius:16px;overflow:hidden;background:#fffdf8}
.playstyle-pitch{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;padding:40px 44px;background:var(--navy);color:white;position:relative}
.playstyle-copy .eyebrow{color:var(--yellow);font-size:11px;letter-spacing:2px}
.playstyle-copy h3{font-family:var(--display);font-size:clamp(40px,4.2vw,62px);font-weight:800;line-height:1.02;margin:17px 0 18px;letter-spacing:-.6px}
.playstyle-copy h3 em{font-style:normal;color:var(--yellow)}
.playstyle-copy>p:not(.eyebrow){font-size:14px;line-height:1.75;color:#d3dfee}
.playstyle-proof{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:24px;font-size:11px;font-weight:700;color:#fff}
.playstyle-proof span{display:flex;align-items:center;gap:7px}.playstyle-proof i{font-style:normal;color:#7fe0c0;font-size:14px}
.playstyle-benefits{display:grid;gap:22px;align-content:center}.playstyle-benefits>div{display:flex;gap:16px;align-items:flex-start}.benefit-icon{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;border:1px solid #ffffff30;border-radius:10px;color:var(--yellow);font-size:22px}.playstyle-benefits h4{font-size:15px;margin:0 0 6px;font-weight:800;letter-spacing:-.2px}.playstyle-benefits p{font-size:12px;line-height:1.7;color:#c7d6e9;max-width:350px}
.playstyle-config{padding:24px 44px 20px}.arena-picker-controls{display:flex;gap:38px;align-items:flex-end;flex-wrap:wrap}.choice-label{display:block;font-size:10px;font-weight:800;letter-spacing:1.3px;margin-bottom:9px;color:#526880}.playstyle .difficulty-buttons{display:grid;grid-template-columns:repeat(2,132px);gap:4px;padding:4px;background:#eaf0f5;border:1px solid #dce4ed;border-radius:10px}.playstyle .play-mode-buttons{grid-template-columns:repeat(3,132px)}
.playstyle .difficulty-buttons button{height:42px;min-width:0;border:1px solid transparent;border-radius:6px;background:transparent;color:#496078;font-size:12px;font-weight:800;white-space:nowrap;padding:0 8px;transition:background .15s,color .15s,box-shadow .15s}
.playstyle .difficulty-buttons button:hover{background:#fff9;color:var(--navy)}.playstyle .difficulty-buttons button[aria-pressed="true"]{background:#fff;color:var(--blue);border-color:#dae2ec;box-shadow:0 2px 5px #09234b10}.playstyle button:focus-visible{outline:3px solid #d79e16;outline-offset:2px}.playstyle #difficulty-description{font-size:11px;line-height:1.6;color:var(--muted);margin-top:15px;min-height:18px}
.arena-note{flex-wrap:wrap}.arena-note .solo-entry{white-space:nowrap}.arena-picker~.feature-grid .feature-copy p{min-height:6.8em}
@media(max-width:1000px){.playstyle-pitch{gap:32px;padding:32px}.playstyle-config{padding:22px 32px}.arena-picker-controls{gap:22px}.playstyle .difficulty-buttons{grid-template-columns:repeat(2,112px)}.playstyle .play-mode-buttons{grid-template-columns:repeat(3,112px)}}
@media(max-width:700px){.playstyle-pitch{grid-template-columns:1fr;padding:28px 24px;gap:28px}.playstyle-copy h3{font-size:48px}.playstyle-benefits{padding-top:24px;border-top:1px solid #ffffff26;gap:20px}.playstyle-config{padding:24px}.arena-picker-controls{display:grid;gap:20px}.playstyle .difficulty-buttons,.playstyle .play-mode-buttons{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.playstyle .difficulty-buttons button{grid-column:span 1}.playstyle .play-mode-buttons button{grid-column:span 1;font-size:11px;padding:0 3px}.playstyle #difficulty-description{min-height:36px}.arena-picker~.feature-grid .feature-copy p{min-height:0}}
@media(max-width:370px){.playstyle-pitch,.playstyle-config{padding:23px 16px}.playstyle-copy h3{font-size:43px}.playstyle-proof{gap:9px 14px;font-size:10px}.playstyle .play-mode-buttons button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.playstyle .difficulty-buttons button{transition:none}}

@media(max-width:700px){.arena-picker-controls{container-type:inline-size}.playstyle .difficulty-buttons,.playstyle .play-mode-buttons{display:flex;width:max-content}.playstyle .difficulty-buttons button{width:calc((100cqw - 18px)/3);flex:none}}

/* One clear launch action; each feature has its own visual language. */
.playstyle-launch{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:0 19px;margin-left:auto;background:var(--yellow);border:1px solid #e9c34b;border-radius:9px;font-size:12px;font-weight:800;white-space:nowrap;color:var(--navy);box-shadow:0 3px 0 #dfb94255}.playstyle-launch span{font-size:20px}.playstyle-launch:hover{background:#ffdb50}.playstyle-launch:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
#arena-features .feature-visual{height:285px}.duel-preview{background:#ffe06b;transition:background .2s}.duel-scenes{position:absolute;top:48px;left:25px;right:25px;height:115px}.duel-scenes svg{width:100%;height:100%;fill:none;stroke:var(--navy);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.duel-scenes [hidden]{display:none}.duel-scenes .scene-card{fill:#fff8df}.duel-scenes .scene-fill{fill:#ffe06b}.duel-scenes .connection{stroke-dasharray:3 6}.duel-preview .local-type{position:absolute;top:174px;margin:0;font-size:29px;letter-spacing:-.5px;display:flex;align-items:center;gap:10px}.duel-preview .local-type span{font-family:var(--body);font-size:11px;-webkit-text-stroke:0;color:var(--navy);letter-spacing:1px;border-left:1px solid #09234b44;padding-left:10px}.duel-guidance{position:absolute;top:215px;font-size:9px;letter-spacing:1.2px;font-weight:800;border-bottom:1px solid #09234b55;padding-bottom:3px}#arena-features[data-mode=solo] .duel-preview{background:#dcf2e7}#arena-features[data-mode=solo] .scene-fill{fill:#dcf2e7}#arena-features[data-mode=local] .duel-preview{background:#ffe06b}#arena-features[data-mode=online] .duel-preview{background:#dbeaff}#arena-features[data-mode=online] .scene-fill{fill:#dbeaff}#arena-features[data-level=beginner] .duel-guidance{background:var(--navy);color:white;border:0;padding:5px 9px;border-radius:4px;top:210px}
.workshop-preview{background:#f6e1d2;background-image:linear-gradient(#b5866c14 1px,transparent 1px),linear-gradient(90deg,#b5866c14 1px,transparent 1px);background-size:18px 18px}.workshop-sheet{position:absolute;left:12%;top:62px;width:58%;height:151px;background:#fffdf8;box-shadow:0 10px 18px #60371e15;border:1px solid #c7b3a2;border-radius:5px;transform:rotate(-5deg);padding:12px}.sheet-heading{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:800;letter-spacing:1px;border-bottom:1px solid #d0d6dc;padding-bottom:8px}.sheet-heading b{font-family:var(--display);font-size:23px;color:var(--blue);line-height:1}.sheet-row{display:flex;gap:8px;align-items:center;margin-top:9px}.sheet-row i{width:12px;height:12px;border-radius:3px;background:#86bda9}.sheet-row:nth-child(3) i{background:#dac064}.sheet-row:nth-child(4) i{background:#87afd5}.sheet-row span{height:4px;background:#d6dde4;flex:1;border-radius:2px}.sheet-row b{font-size:9px}.sheet-curve{height:26px;display:flex;gap:5px;align-items:flex-end;margin-top:8px}.sheet-curve i{width:10%;height:35%;background:#99b9aa}.sheet-curve i:nth-child(2){height:65%}.sheet-curve i:nth-child(3){height:100%}.sheet-curve i:nth-child(4){height:75%}.sheet-curve i:nth-child(5){height:50%}.workshop-card{position:absolute;right:12%;top:78px;width:83px;height:116px;object-fit:cover;border-radius:5px;transform:rotate(11deg);box-shadow:0 10px 15px #59382135;transition:transform .2s}.workshop-preview:hover .workshop-card{transform:rotate(4deg) translateY(-5px)}.workshop-stamp{position:absolute;right:8%;top:205px;border:1px solid #9b4c38;border-radius:3px;color:#853825;font-size:9px;font-weight:800;letter-spacing:1px;padding:5px 8px;transform:rotate(-7deg)}
.meta-preview{background:#f2f4ed;color:var(--navy);border:1px solid #d3dccd}.meta-preview .visual-caption{text-align:left;left:23px;color:#56724b}.meta-ledger{position:absolute;top:49px;left:23px;right:23px}.ledger-title{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #496440;padding-bottom:12px;margin-bottom:5px}.ledger-title strong{font-family:var(--display);font-size:29px;line-height:.95;letter-spacing:-.3px}.ledger-title>span{font-size:44px;color:#5a794e}.ledger-row{display:flex;align-items:center;gap:9px;font-size:11px;border-bottom:1px solid #c9d3c2;padding:9px 0}.ledger-row i{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ledger-green{background:#529b6d}.ledger-red{background:linear-gradient(90deg,#d36156 50%,#30363b 50%)}.ledger-blue{background:#5e9bd0}.ledger-row strong{flex:1}.ledger-row>span{color:#67755f;font-size:9px;white-space:nowrap}.ledger-row>b{color:#5a794e}.meta-preview .visual-foot{font-size:10px;color:#56724b}
@media(max-width:1250px) and (min-width:701px){.arena-picker-controls{gap:18px}.playstyle .difficulty-buttons{grid-template-columns:repeat(2,112px)}.playstyle .play-mode-buttons{grid-template-columns:repeat(3,112px)}}
@media(max-width:1000px) and (min-width:651px){.workshop-sheet{left:8%;width:70%}.workshop-card{right:6%;width:68px;height:95px;top:95px}.ledger-title strong{font-size:24px}.meta-ledger{left:14px;right:14px}.ledger-row{font-size:10px;gap:5px}.duel-preview .local-type{font-size:24px;gap:6px}.duel-preview .local-type span{font-size:9px}.duel-preview .visual-foot,.workshop-preview .visual-foot{font-size:9px}}
@media(max-width:700px){.playstyle-launch{width:100%;margin:0;min-height:48px;font-size:13px}.playstyle-config #difficulty-description{margin-top:13px}.arena-note{gap:14px}.workshop-sheet{width:55%}.workshop-card{right:16%}}
@media(prefers-reduced-motion:reduce){.duel-preview,.workshop-card{transition:none}}

.captain-socials{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.captain-copy .captain-socials .outlined{margin-top:0}

/* Mobile navigation: a complete, accessible disclosure instead of clipped links. */
.home-menu-toggle,.home-menu-backdrop{display:none}
@media(max-width:900px){
 .site-header{height:76px;padding:0 5%;gap:12px;z-index:61}.site-header .wordmark{font-size:29px;gap:7px}.site-header .nav-play{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;font-size:12px;margin-left:auto;min-height:44px}
 .site-header.nav-ready #home-navigation{display:none}.site-header.nav-ready .home-menu-toggle{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 12px;border:1px solid #ffffff70;border-radius:5px;background:#09234b55;color:#fff;font-size:12px;font-weight:800}.home-menu-toggle[hidden]{display:none!important}
 .burger-icon{display:grid;gap:4px;width:18px}.burger-icon i{height:2px;width:18px;background:currentColor;border-radius:2px;transition:transform .18s,opacity .18s}.menu-open .burger-icon i:first-child{transform:translateY(6px) rotate(45deg)}.menu-open .burger-icon i:nth-child(2){opacity:0}.menu-open .burger-icon i:last-child{transform:translateY(-6px) rotate(-45deg)}
 .site-header.menu-open{position:fixed;background:var(--navy)}.site-header.nav-ready.menu-open #home-navigation{display:flex;position:fixed;top:88px;left:5%;right:5%;max-height:calc(100dvh - 112px);overflow-y:auto;overscroll-behavior:contain;flex-direction:column;gap:0;padding:12px 20px;background:var(--navy);color:white;border:1px solid #ffffff30;border-radius:12px;box-shadow:0 18px 55px #00112b66}
 .site-header #home-navigation a,.site-header #home-navigation a:last-child,.site-header #home-navigation a[href="#boutique"]{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:14px 2px;font-size:16px;border-bottom:1px solid #ffffff20}.site-header #home-navigation a:last-child{border-bottom:0}.site-header #home-navigation a:after{content:'↗';color:var(--yellow);font-size:20px}.site-header #home-navigation a:hover{color:var(--yellow)}.site-header #home-navigation a:focus-visible{outline-offset:0}
 .home-menu-backdrop:not([hidden]){display:block;position:fixed;inset:76px 0 0;background:#001329a6;z-index:60}.home-menu-open{overflow:hidden}
 .site-header:not(.nav-ready){height:auto;flex-wrap:wrap;padding-top:15px;padding-bottom:15px}.site-header:not(.nav-ready) #home-navigation{display:flex;flex-wrap:wrap;order:3;width:100%}
}
@media(max-width:370px){.site-header .wordmark{font-size:25px}.site-header .nav-play{padding:8px 11px}.site-header.nav-ready .home-menu-toggle{padding:8px 10px;gap:7px}.site-header{gap:9px}}
@media(prefers-reduced-motion:reduce){.burger-icon i{transition:none}}