/* Hallmark · macrostructure: Split Studio · tone: baseball fieldbook · anchor hue: cyan
 * theme: custom · nav: N12 Banner · footer: Ft4 Dense colophon · context: inferred
 * display: Noto Sans SC 900 · body: Noto Sans SC 400 · axes: dark / display-heavy / cool
 * pre-emit critique: P4 H5 E4 S5 R5 V4 */
@import url('tokens.css');
@font-face{font-family:'Miyu Noto';src:url('../fonts/noto-sans-sc.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:16px;line-height:1.75;padding-bottom:82px}body.modal-open{overflow-y:hidden}button,a{-webkit-tap-highlight-color:var(--color-tap)}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}button:disabled,[aria-disabled=true]{opacity:.5;cursor:not-allowed}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--font-display);font-style:normal;line-height:1.25;min-width:0;overflow-wrap:anywhere}h1{font-weight:900;letter-spacing:-.045em}h2{font-size:clamp(26px,3vw,42px);font-weight:800;letter-spacing:-.025em}h3{font-size:21px;font-weight:700}p{color:var(--color-secondary)}img{display:block;width:100%;height:auto}small{display:block;font-size:12px;color:var(--color-secondary)}.wrap{width:min(1280px,calc(100% - 40px));margin-inline:auto}.mono,.eyebrow{font-family:var(--font-mono)}.eyebrow{font-size:12px;line-height:1.5;letter-spacing:.1em;font-weight:700;color:var(--color-cyan);display:block}.skip{position:fixed;top:-100px;left:20px;background:var(--color-cyan);color:var(--color-paper);padding:12px;z-index:100}.skip:focus{top:12px}.topline{background:var(--color-panel);color:var(--color-secondary);font-size:11px;border-bottom:1px solid var(--color-rule)}.topline .wrap{display:flex;justify-content:space-between;gap:12px;padding-block:7px}.topline b{color:var(--color-ink);margin-left:10px}.header{position:sticky;top:0;z-index:30;background:var(--color-paper);border-bottom:1px solid var(--color-rule)}.nav-shell{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:17px;font-weight:900;line-height:1.3}.brand small{font-size:10px;letter-spacing:.15em;font-weight:400;margin-top:5px}.brand-mark{width:39px;height:43px;border-left:3px solid var(--color-cyan);font-size:31px;font-family:var(--font-mono);position:relative;padding-left:6px;line-height:43px;letter-spacing:-10px}.brand-mark span{color:var(--color-pink)}.desktop-nav{display:none}.nav-actions{display:flex;align-items:center;gap:8px}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;min-height:54px;padding:13px 25px;font-weight:800;font-size:16px;white-space:nowrap;position:relative;isolation:isolate;transition:transform var(--dur-short) var(--ease-out)}.primary{background:var(--color-pink);color:var(--color-accent-ink);border:1px solid var(--color-pink);box-shadow:inset 0 -3px 0 var(--color-button-edge)}.primary:after{content:'';position:absolute;inset:3px;border-top:1px solid var(--color-button-shine);pointer-events:none}.button span{font-size:22px;line-height:1}.button.small{min-height:42px;font-size:13px;padding:8px 15px;gap:14px}.button:active,button:active{transform:translateY(1px)}.menu-toggle{background:var(--color-panel);border:1px solid var(--color-rule);min-height:42px;padding:8px 10px;font-size:12px;white-space:nowrap}.mobile-nav:not([hidden]){display:flex;flex-wrap:wrap;gap:4px 20px;padding-block:12px}.mobile-nav a{min-height:44px;display:flex;align-items:center;font-size:14px;white-space:nowrap}.mobile-nav a[aria-current]{color:var(--color-cyan)}.hero{padding-top:32px}.hero-heading{padding-bottom:24px}.hero h1{font-size:clamp(33px,5.4vw,71px);margin:16px 0 12px}.hero h1 span{color:var(--color-cyan)}.japanese{font-size:12px;letter-spacing:.05em}.hero-grid{display:grid;gap:20px}.hero-media{min-width:0}.zoom{position:relative;display:block;background:var(--color-panel);padding:0;width:100%;text-align:left;overflow:clip}.zoom img{aspect-ratio:16/9;object-fit:contain;transition:opacity var(--dur-short) var(--ease-out)}.zoom-mark{position:absolute;right:12px;bottom:12px;background:var(--color-paper);color:var(--color-cyan);width:36px;height:36px;display:grid;place-items:center;font-size:25px}.media-caption{font-size:10px;display:flex;justify-content:space-between;padding:10px 0;color:var(--color-secondary);gap:8px}.hero-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 56px;gap:8px}.thumb{padding:0;background:var(--color-paper);border:2px solid var(--color-rule)}.thumb img{aspect-ratio:16/9;object-fit:cover;opacity:.65}.thumb[aria-pressed=true]{border-color:var(--color-cyan)}.thumb[aria-pressed=true] img{opacity:1}.hero-thumbs>a{border:1px solid var(--color-rule);font-size:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;white-space:nowrap;line-height:1.5}.hero-thumbs>a span{font-size:18px;color:var(--color-cyan)}.game-panel{background:var(--color-panel);padding:24px;border-top:3px solid var(--color-cyan)}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.age{border:1px solid var(--color-rule);font-family:var(--font-mono);font-size:12px;padding:3px 7px;color:var(--color-secondary)}.game-panel h2{font-size:29px}.game-panel>p{font-size:14px;margin-top:17px}.quick-spec{margin:23px 0;display:grid;gap:0;font-size:13px}.quick-spec>div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid var(--color-rule)}dt{color:var(--color-secondary)}dd{margin:0;text-align:right}.game-panel>.button{width:100%}.secondary-link{display:block;text-align:center;padding:12px 0;font-size:13px;white-space:nowrap}.game-panel small{text-align:center}.season-strip{display:flex;align-items:center;justify-content:space-between;gap:6px;border-block:1px solid var(--color-rule);margin-top:26px;padding:18px 0;font-size:11px;white-space:nowrap}.season-strip .eyebrow{display:none}.season-strip i{color:var(--color-pink);font-style:normal}.section{padding-block:58px}.section-head{display:grid;gap:18px;margin-bottom:30px}.section-head h2{margin-top:12px}.section-head>p{font-size:14px;max-width:350px}.story-layout{display:grid;gap:30px}.story-copy p+p{margin-top:18px}.lead{font-size:18px;color:var(--color-ink);line-height:1.8}.story-copy .text-link{margin-top:22px}.text-link{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;color:var(--color-cyan);font-size:14px;border-bottom:1px solid var(--color-rule)}figcaption{font-size:12px;color:var(--color-secondary);padding-top:12px}.story-photo img{aspect-ratio:16/9;object-fit:cover}.story-photo .mono{color:var(--color-cyan);margin-right:12px}.play-section{background:var(--color-panel);color:var(--color-ink)}.playbook{display:grid;gap:32px}.play-list article{display:flex;gap:20px;padding:24px 0;border-top:1px solid var(--color-rule)}.play-no{font-family:var(--font-mono);font-size:22px;color:var(--color-cyan)}.play-list h3{font-size:19px;margin-bottom:9px}.play-list p{font-size:14px}.play-visual{border:1px solid var(--color-rule);background:var(--color-paper);color:var(--color-ink)}.play-visual>div{padding:28px}.play-visual h3{font-size:28px;margin:15px 0}.play-visual p{font-size:14px;margin-bottom:12px}.gallery-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px 20px}.gallery-item{min-width:0}.gallery-item[hidden]{display:none}.gallery-item figcaption{display:flex;align-items:center;gap:12px}.gallery-item strong{font-weight:500;color:var(--color-ink);font-size:14px}.gallery-item figcaption>span:last-child{margin-left:auto;font-size:11px}.gallery-item .mono{color:var(--color-cyan)}.preview-gallery{margin-bottom:22px}.fit-section{border-top:1px solid var(--color-rule)}.fit-lines{display:grid;gap:28px}.fit-lines article{border-left:2px solid var(--color-rule);padding-left:20px}.fit-lines article>span{font-size:12px;color:var(--color-pink);font-weight:700}.fit-lines h3{font-size:20px;margin:12px 0}.fit-lines p{font-size:14px}.update-section{padding-top:0}details{border-top:1px solid var(--color-rule)}details:last-child{border-bottom:1px solid var(--color-rule)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:70px;padding:18px 0;font-weight:600;line-height:1.6;font-size:15px}summary::-webkit-details-marker{display:none}summary>span{font-size:24px;font-weight:400;color:var(--color-cyan);flex-shrink:0}details[open] summary>span{transform:rotate(45deg)}details>p,.update-body{padding:0 36px 23px 0;font-size:15px;max-width:900px}.final-cta{border-top:3px solid var(--color-cyan);border-bottom:1px solid var(--color-rule);display:flex;flex-direction:column;gap:30px;padding-block:40px;margin-block:30px 50px}.final-cta h2{margin:12px 0 16px;font-size:clamp(25px,3vw,38px)}.final-cta p{font-size:14px}.final-cta small{margin-top:10px}.footer{padding-block:20px 35px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-text{font-size:22px;font-weight:900}.brand-text span{display:block;font-size:10px;color:var(--color-secondary);letter-spacing:.1em;font-weight:500;margin-top:4px}.footer-nav{display:flex;flex-wrap:wrap;gap:0 24px;margin-block:25px}.footer-nav a{display:flex;align-items:center;min-height:44px;font-size:13px;white-space:nowrap}.related{border-block:1px solid var(--color-rule);padding-block:18px;display:flex;gap:3px 22px;flex-wrap:wrap;font-size:12px}.related>span{flex-basis:100%;font-size:11px;color:var(--color-secondary);margin-bottom:3px}.related a{min-height:36px;display:flex;align-items:center;white-space:nowrap}.copyright{font-size:11px;line-height:1.9;margin-top:22px}.bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:29;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(20px,calc((100% - 1280px)/2)) max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--color-rule);background:var(--color-panel);color:var(--color-ink)}.bottom-bar strong{display:block;font-size:12px}.bottom-bar>div>span{display:block;color:var(--color-secondary);font-size:10px}.page-head{padding-block:32px 40px}.breadcrumb{font-size:11px;color:var(--color-secondary);display:inline-flex;align-items:center;min-height:44px;margin-bottom:18px;white-space:nowrap}.page-head h1{font-size:clamp(35px,5.6vw,66px);margin:16px 0 24px}.page-head .lead{max-width:740px;font-size:17px;color:var(--color-secondary)}.filters{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--color-rule);padding-bottom:16px}.filters button{background:var(--color-panel);color:var(--color-ink);border:1px solid var(--color-rule);min-height:44px;padding:8px 18px;font-size:14px;white-space:nowrap}.filters [aria-pressed=true]{background:var(--color-cyan);color:var(--color-paper);border-color:var(--color-cyan);font-weight:700}.filter-count{font-size:12px;margin:18px 0 25px}.gallery-page{padding-bottom:40px}.download-layout{display:grid;gap:35px}.download-box{background:var(--color-panel);padding:25px;border-top:3px solid var(--color-pink);color:var(--color-ink)}.download-box h2{font-size:38px;margin-bottom:12px}.download-box>p{font-size:14px}.download-box>.button{width:100%}.download-box>small{margin-top:12px}.install{padding:10px 0}.install ol{list-style:none;counter-reset:step;padding:0;margin:22px 0}.install li{counter-increment:step;position:relative;padding:0 0 25px 55px}.install li:before{content:'0' counter(step);position:absolute;left:0;top:0;font-family:var(--font-mono);color:var(--color-cyan);font-size:25px}.install h3{font-size:21px;margin-bottom:12px}.install p{font-size:15px}.care-note,.article-link,.article-check{padding:28px;background:var(--color-panel);color:var(--color-ink);border-left:3px solid var(--color-cyan)}.care-note h2,.article-link h2{font-size:27px;margin-block:15px}.care-note p{max-width:850px}.guide-toc{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.guide-toc>a{padding:24px;border:1px solid var(--color-rule);background:var(--color-panel);color:var(--color-ink)}.guide-toc .mono{color:var(--color-cyan);font-size:14px}.guide-toc h2{font-size:23px;margin:15px 0 12px}.guide-toc p{font-size:14px}.guide-toc .text-link{margin-top:15px}.guide-chapter{display:grid;gap:30px;border-bottom:1px solid var(--color-rule);padding-block:55px;scroll-margin-top:110px}.guide-chapter h2{font-size:32px;margin:15px 0}.guide-chapter p{margin-top:15px}.guide-chapter .lead{font-size:20px}.guide-chapter figure{align-self:center}.tip{border-left:2px solid var(--color-cyan);padding-left:20px;margin-top:25px}.tip h3{font-size:16px}.tip p{font-size:14px}.article-link{margin-top:50px}.article-body{max-width:820px}.article-meta{display:flex;justify-content:space-between;gap:12px;border-block:1px solid var(--color-rule);padding-block:15px;color:var(--color-secondary);font-size:11px;margin-bottom:32px}.article-body>h2{font-size:28px;margin:42px 0 20px}.article-body>p{margin-block:20px;line-height:1.95}.article-body figure{margin-block:30px}.article-check{margin-block:35px}.article-check h2{font-size:24px}.article-check ul{padding-left:20px;color:var(--color-secondary);font-size:15px}.article-check li+li{margin-top:12px}.lightbox{position:fixed;inset:0;margin:auto;width:min(1400px,96%);height:fit-content;max-height:94dvh;padding:16px;background:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-rule);overflow-y:auto}.lightbox::backdrop{background:var(--color-backdrop)}.lightbox-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:var(--color-secondary);font-size:12px}.lightbox button{background:var(--color-panel);color:var(--color-ink);min-height:44px;padding:8px 12px;white-space:nowrap;font-size:12px;border:1px solid var(--color-rule)}.lightbox-stage{position:relative;min-height:120px;display:grid;place-items:center}.lightbox-img{width:100%;object-fit:contain;max-height:70dvh}.lightbox-controls{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:15px}.lightbox-controls p{font-size:12px;text-align:center}.image-status{position:absolute;background:var(--color-panel);color:var(--color-ink);padding:16px}.lightbox[data-state=error] .image-status{border:1px solid var(--color-pink)}
@media(hover:hover){.primary:hover{background:var(--color-pink-hover);color:var(--color-accent-ink)}.zoom:hover img{opacity:.86}.text-link:hover,.secondary-link:hover,.desktop-nav a:hover,.footer a:hover{color:var(--color-cyan)}.guide-toc>a:hover{border-color:var(--color-cyan)}.thumb:hover img{opacity:1}.filters button:hover{border-color:var(--color-cyan)}}
@media(min-width:640px){.wrap{width:min(1280px,calc(100% - 64px))}.hero-thumbs{grid-template-columns:repeat(3,minmax(0,1fr)) 95px}.hero-thumbs>a{font-size:13px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-toc{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding-block:72px}.topline{font-size:12px}.season-strip{font-size:13px}.season-strip .eyebrow{display:block}.media-caption{font-size:12px}.bottom-bar strong{font-size:14px}.bottom-bar>div>span{font-size:11px}.brand{font-size:19px}.nav-actions{gap:16px}}
@media(min-width:768px){.story-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.fit-lines{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.section-head{grid-template-columns:minmax(0,1fr) minmax(0,.65fr);align-items:end;gap:60px}.final-cta{flex-direction:row;justify-content:space-between;align-items:center}.download-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:50px}.guide-chapter{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.lightbox{padding:24px}.hero-heading h1 br{display:none}}
@media(min-width:1024px){.desktop-nav{display:flex;gap:27px;font-size:14px}.desktop-nav a{display:flex;align-items:center;min-height:74px;position:relative;white-space:nowrap}.desktop-nav a[aria-current]{color:var(--color-cyan)}.desktop-nav a[aria-current]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-cyan)}.menu-toggle{display:none}.mobile-nav:not([hidden]){display:none}.hero{padding-top:38px}.hero-heading{padding-bottom:28px}.hero h1{font-size:clamp(50px,4.8vw,69px)}.hero-grid{grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:26px}.hero-media{align-self:center}.game-panel{padding:26px}.game-panel h2{font-size:30px}.hero-thumbs{grid-template-columns:repeat(3,minmax(0,1fr)) 100px;max-width:530px}.hero-thumbs img{max-height:70px;object-fit:cover}.playbook{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:68px}.play-visual{align-self:center}.play-list article:first-child{padding-top:0;border-top:0}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-gallery{gap:22px}.story-layout{gap:70px}.section{padding-block:90px}.update-section{padding-top:0}.section-head{margin-bottom:42px}.guide-chapter{gap:80px;padding-block:80px}.guide-toc{gap:22px}.page-head{padding-block:40px 55px}.download-box{padding:35px}.install{padding:20px}.final-cta{padding-block:50px}.related>span{flex-basis:auto;align-self:center;margin-right:12px}.hero .season-strip{margin-top:34px}.hero .eyebrow{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}button:active,.button:active{transform:none}}

@media(min-width:1024px){.hero{padding-top:24px}.hero-heading{padding-bottom:20px}.game-panel{padding:22px}.game-panel h2{font-size:27px}.game-panel .quick-spec{margin-block:16px}.game-panel .quick-spec>div{padding-block:6px}.game-panel>p{margin-top:14px}}
@media(max-width:639px){.nav-shell{gap:10px}.brand{font-size:16px;gap:8px}.brand-mark{width:28px;font-size:26px;padding-left:3px}.header .button.small{padding-inline:9px;font-size:12px;gap:8px}.header .button.small span{font-size:17px}.menu-toggle{min-height:44px;padding-inline:8px}.thumb{min-height:44px}.hero-thumbs>a{min-height:44px}.button.small{min-height:44px}.topline .wrap{font-size:10px}.lightbox-controls{flex-wrap:wrap}.lightbox-controls p{order:3;flex-basis:100%}}