/* Hallmark · macrostructure: Photographic · tone: atmospheric storefront · anchor hue: cyan
 * theme: custom · vibe: night cafe, compact Japanese shop, Swiss typography
 * nav: N6 Masthead · footer: Ft4 Dense typographic · axes: dark / condensed-sans / cyan-pink
 * paper: oklch(16.7% .015 279) · accent: oklch(64.5% .260 2.62)
 * display: Barlow Condensed + Noto Sans SC · body: Noto Sans SC
 * Hallmark · pre-emit critique: P4 H4 E4 S5 R4 V4
 */
@import url('tokens.css');
@import url('fonts.css');
*{box-sizing:border-box}html{overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:150px}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-body);line-height:1.8;overflow-x:clip}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-style:normal;min-width:0;overflow-wrap:anywhere}h1,h2,h3,b,strong{font-weight:700}h2{font-size:var(--text-h2);line-height:1.35;letter-spacing:-.045em}h3{font-size:1.125rem;line-height:1.6}p{color:var(--color-muted)}p+p{margin-top:var(--space-md)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:var(--color-transparent)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}button:active,.button:active{transform:translateY(1px)}button:disabled,[aria-disabled=true]{opacity:.45;cursor:not-allowed}img{display:block;max-width:100%;height:auto}button{border:var(--rule);background:var(--color-paper-2);min-height:44px}.wrap{width:min(1280px,calc(100% - 40px));margin-inline:auto}.skip{position:fixed;left:16px;top:-90px;background:var(--color-cyan);color:var(--color-paper);padding:12px;z-index:var(--z-modal)}.skip:focus{top:12px}.masthead{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-paper);color:var(--color-ink)}.mast-top{min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-weight:800;font-size:1.18rem;line-height:1.2;letter-spacing:.04em;white-space:nowrap}.brand span{display:block;font-family:var(--font-display);font-size:.7rem;font-weight:500;letter-spacing:.13em;margin-top:5px}.shop-label{display:none;font-size:.75rem;color:var(--color-cyan);letter-spacing:.08em}.age{font-family:var(--font-display);font-size:1.2rem;line-height:1;border:1px solid var(--color-rule);padding:6px}.nav-shell{border-top:var(--rule);border-bottom:var(--rule)}.nav-inner{display:flex;justify-content:space-between;align-items:stretch;gap:var(--space-md)}.nav-inner nav{display:flex;justify-content:space-between;width:100%;gap:12px}.nav-inner nav a{font-size:.84rem;min-height:46px;display:flex;align-items:center;white-space:nowrap;border-bottom:2px solid var(--color-transparent)}.nav-inner nav a[aria-current]{border-color:var(--color-cyan);color:var(--color-cyan)}.nav-inner>.button{display:none}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:13px 22px;min-height:50px;font-weight:700;white-space:nowrap;position:relative;isolation:isolate;overflow:clip;border:1px solid var(--color-accent);transition:transform var(--dur-micro) var(--ease-out)}.primary{background:var(--color-accent);color:var(--color-accent-ink)}.primary:after{content:'';position:absolute;inset:0 auto 0 -35%;width:22%;background:var(--color-ink);opacity:0;transform:skew(-20deg)}.primary:hover:after{animation:shine 360ms var(--ease-out)}@keyframes shine{0%{transform:translateX(0) skew(-20deg);opacity:0}40%{opacity:.38}100%{transform:translateX(800%) skew(-20deg);opacity:0}}.secondary{background:var(--color-paper);color:var(--color-ink);border:var(--rule)}.actions{display:flex;flex-wrap:wrap;gap:12px}.hero{position:relative;min-height:740px;background:var(--color-paper-2);color:var(--color-ink)}.hero-visual{position:absolute;inset:0 0 auto;height:330px;overflow:clip}.hero-visual img{height:100%;width:100%;object-fit:cover;object-position:58% center}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,var(--color-paper) 2%,var(--color-paper) 46%,var(--color-transparent) 78%)}.hero-grid{position:relative;min-height:740px;padding-top:230px;padding-bottom:36px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{font-size:.72rem;line-height:1.5;border:1px solid var(--color-rule);background:var(--color-paper-2);color:var(--color-cyan);padding:5px 8px;white-space:nowrap}.hero h1{font-size:3.75rem;line-height:1.04;letter-spacing:-.065em;margin-top:24px}.hero h1 small{display:block;font-size:1.2rem;letter-spacing:.15em;margin-bottom:10px;color:var(--color-cyan)}.hero h1 br{display:none}.hero h1 span{font-family:var(--font-display);display:block;font-size:1.65rem;letter-spacing:.045em;line-height:1.06;margin:14px 0 22px;color:var(--color-cyan);font-weight:600}.hero h1 span br{display:none}.hero-copy>p{font-size:.94rem;color:var(--color-ink);line-height:1.9;margin:0 0 22px}.hero-copy .adult-note{font-size:.72rem;color:var(--color-muted);margin:14px 0 0}.hero-caption{display:none}.info-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--color-cyan);padding-block:20px;gap:20px}.info-strip>div{display:grid;gap:4px}.info-strip span{font-size:.72rem;color:var(--color-muted)}.info-strip b{font-size:.95rem;font-variant-numeric:tabular-nums}.info-strip>div:last-child{grid-column:1/-1}.story-section{display:grid;gap:32px;padding-block:56px;border-top:var(--rule)}.story-heading .display-label{margin-top:20px;color:var(--color-cyan);font-size:1.4rem}.display-label{font-family:var(--font-display);font-size:1.25rem;letter-spacing:.075em;font-weight:500}.big-copy{font-size:1.2rem;line-height:1.8;color:var(--color-ink)}.text-link{color:var(--color-cyan);display:inline-flex;align-items:center;min-height:44px;font-size:.88rem;white-space:nowrap}.story-body .text-link{margin-top:12px}.section-head{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:28px}.section-head p{font-size:.9rem}.characters{padding-block:24px 64px}.character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.character-grid figure{min-width:0}.character-grid img{width:100%;aspect-ratio:7/10;object-fit:cover;object-position:top}.character-grid figcaption{padding-top:10px;display:flex;flex-direction:column;line-height:1.5}.character-grid figcaption span{font-family:var(--font-display);color:var(--color-muted);font-size:1rem}.zoom{display:block;position:relative;background:var(--color-paper-2);color:var(--color-ink);overflow:clip}.zoom img{transition:transform var(--dur-short) var(--ease-out)}.zoom-mark{position:absolute;right:10px;bottom:10px;background:var(--color-paper);color:var(--color-cyan);width:32px;height:32px;text-align:center;line-height:32px}.play-section{padding-block:56px;background:var(--color-paper-2);color:var(--color-ink)}.play-grid{display:grid;gap:32px}.play-grid>div>p{margin-top:24px;max-width:34em}.feature-list{margin:24px 0 0}.feature-list>div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;padding-block:20px;border-top:var(--rule)}.feature-list dt{font-weight:700;color:var(--color-cyan)}.feature-list dd{margin:0;font-size:.9rem;color:var(--color-muted)}.play-images{display:grid;gap:24px}.media-tile{min-width:0}.media-tile img{width:100%;aspect-ratio:16/9;object-fit:contain}.media-tile figcaption{display:flex;gap:12px;align-items:center;justify-content:space-between;padding-top:12px;font-size:.85rem}.media-tile figcaption span{font-size:.73rem;color:var(--color-muted);white-space:nowrap}.gallery-preview{padding-block:64px}.preview-grid{display:grid;gap:24px}.download-panel{display:grid;gap:28px;border-top:2px solid var(--color-accent);background:var(--color-paper-2);color:var(--color-ink);padding:28px 24px;margin-bottom:64px}.download-panel .display-label{color:var(--color-cyan)}.download-panel h2{margin:12px 0 18px}.download-panel p{font-size:.9rem}.download-action{display:flex;flex-direction:column;justify-content:center;gap:12px;align-items:flex-start}.download-action .button{width:100%;min-height:64px;font-size:1.25rem}.download-action small{font-size:.72rem;color:var(--color-muted)}.updates{display:grid;gap:24px;padding-bottom:56px}.updates>div>p{margin-top:16px}.faqs{border-top:var(--rule)}details{border-bottom:var(--rule)}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding-block:18px;cursor:pointer;font-weight:500;font-size:.92rem}summary::-webkit-details-marker{display:none}summary span{flex:0 0 18px;height:18px;position:relative}summary span:before,summary span:after{content:'';position:absolute;background:var(--color-cyan);color:var(--color-paper);width:12px;height:1px;top:8px;left:3px}summary span:after{transform:rotate(90deg)}details[open] summary span:after{transform:rotate(0)}details p{padding:0 24px 24px 0;font-size:.9rem}details[open]{background:var(--color-paper-2);color:var(--color-ink)}details[open] summary,details[open] p{padding-left:16px;padding-right:16px}.audience{padding-block:40px 64px;border-top:var(--rule)}.audience>div{display:grid;margin-top:24px;gap:24px}.audience p{font-size:.9rem}.audience b{display:block;color:var(--color-ink);margin-bottom:8px;font-size:1rem}.faq-section{padding-bottom:72px}.faq-section>h2{margin-bottom:28px}.footer{border-top:var(--rule);padding-top:32px;padding-bottom:120px;font-size:.78rem}.footer-top{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.footer-top strong{font-size:1.3rem;line-height:1.4}.footer-top strong span{display:block;font-size:.85rem;font-family:var(--font-display);font-weight:500;letter-spacing:.08em}.footer nav{display:flex;flex-wrap:wrap;gap:16px}.footer a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}.related{display:flex;flex-wrap:wrap;gap:0 20px;padding-block:20px}.related>b{width:100%;margin-bottom:8px;color:var(--color-cyan)}.legal{font-size:.72rem;line-height:1.9}.top{color:var(--color-cyan);margin-top:16px}.mobile-cta{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);background:var(--color-paper);color:var(--color-ink);border-top:1px solid var(--color-cyan);padding:10px 16px max(10px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:10px}.mobile-cta>span{font-size:.84rem}.mobile-cta small{display:block;font-size:.64rem;color:var(--color-muted)}.mobile-cta .button{padding:10px 16px;gap:20px;min-height:46px;font-size:.9rem}.subhead{padding-block:32px 40px}.back{font-size:.8rem;color:var(--color-muted);display:inline-flex;min-height:44px;align-items:center;white-space:nowrap}.subhead .display-label{color:var(--color-cyan);margin:28px 0 10px}.subhead h1{font-size:clamp(2rem,4.5vw,4.25rem);line-height:1.3;letter-spacing:-.055em;max-width:18em}.lede{margin-top:20px;font-size:1rem;max-width:42em}.filters{display:flex;gap:8px;flex-wrap:wrap;padding-block:8px 16px;border-top:var(--rule);padding-top:20px}.filters button{padding:8px 16px;white-space:nowrap;font-size:.84rem}.filters button[aria-pressed=true]{background:var(--color-cyan);color:var(--color-paper);border-color:var(--color-cyan)}.gallery-count{font-size:.8rem;padding-bottom:24px}.gallery-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px 20px;padding-bottom:64px}.gallery-grid .media-tile img{aspect-ratio:16/10}.media-tile[hidden]{display:none}.lightbox{position:fixed;inset:0;margin:auto;width:min(1200px,96%);max-height:94dvh;height:fit-content;overflow:auto;background:var(--color-paper);color:var(--color-ink);border:var(--rule);padding:16px;z-index:var(--z-modal)}.lightbox::backdrop{background:var(--color-overlay)}.lightbox-tools{display:flex;align-items:center;gap:8px;padding-bottom:12px}.lightbox-tools button{min-width:44px;padding:8px 12px;white-space:nowrap}.lightbox-tools [data-count]{font-family:var(--font-display);color:var(--color-cyan);min-width:44px;text-align:center}.lightbox-tools [data-close]{margin-left:auto}.lightbox-frame{position:relative;min-height:100px;display:grid;place-items:center}.lightbox img{max-height:68dvh;width:100%;object-fit:contain;touch-action:pan-y}.lightbox [data-description]{font-size:.82rem;padding-top:16px}.lightbox [data-state=loading]{opacity:.2}.image-status{position:absolute;left:0;right:0;text-align:center;padding:16px}.image-status[data-state=error]{color:var(--color-error)}.platform{display:grid;gap:28px;margin-bottom:64px}.platform>div>img{width:100%;aspect-ratio:16/9;object-fit:cover}.platform h2{margin:22px 0}.platform p{margin-bottom:22px}.platform .small{font-size:.72rem;margin-top:12px;margin-bottom:8px}.install{padding-bottom:56px}.steps{list-style:none;counter-reset:step;display:grid;gap:24px;padding:0;margin:32px 0 0}.steps li{counter-increment:step;padding-top:20px;border-top:var(--rule)}.steps li:before{content:'0' counter(step);font-family:var(--font-display);font-size:2.5rem;line-height:1;color:var(--color-cyan);display:block;margin-bottom:20px}.steps p{font-size:.9rem;margin-top:12px}.specs-section{padding-bottom:64px}.spec-table{margin-block:24px;overflow:auto}.spec-table table{border-collapse:collapse;width:100%;font-size:.8rem;line-height:1.6;font-variant-numeric:tabular-nums}.spec-table th,.spec-table td{padding:14px 8px;text-align:left;border-bottom:var(--rule)}.spec-table th{color:var(--color-cyan);font-weight:500}.spec-table td{color:var(--color-ink)}.spec-table thead{background:var(--color-paper-2);color:var(--color-ink)}caption{text-align:left;color:var(--color-muted);font-size:.75rem;padding-bottom:12px}.guide-toc{display:grid;gap:0 24px;margin-bottom:48px}.guide-toc a{display:flex;align-items:center;gap:16px;min-height:80px;border-top:var(--rule);padding-block:16px;font-size:.85rem}.guide-toc a>b{font-family:var(--font-display);font-size:1.75rem;color:var(--color-cyan)}.guide-toc a>span:last-child{margin-left:auto;color:var(--color-cyan)}.reading-layout{display:grid;gap:24px;padding-bottom:64px}.reading-layout>aside{display:none}.reading-layout article section{padding-bottom:40px;margin-bottom:40px;border-bottom:var(--rule);scroll-margin-top:140px}.reading-layout article h2{font-size:1.75rem;margin-bottom:24px}.reading-layout article p{line-height:2;max-width:44em}.reading-layout .media-tile{margin-top:28px;max-width:680px}.article-end{display:flex;flex-wrap:wrap;gap:8px 24px;color:var(--color-cyan);font-size:.88rem}.article-end a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}.article-narrow{max-width:840px;padding-bottom:64px}.article-intro{font-size:1.18rem;color:var(--color-ink);margin-bottom:40px}.article-narrow section{padding-block:28px;border-top:var(--rule)}.article-narrow h2{font-size:1.7rem;margin-bottom:20px}.article-narrow .article-end{margin-top:24px}body:has(dialog[open]){overflow-y:hidden}
@media(hover:hover){.primary:hover{background:var(--color-accent-hover);color:var(--color-accent-ink)}.secondary:hover,button:hover{border-color:var(--color-cyan)}.text-link:hover,.footer a:hover,.back:hover,.nav-inner nav a:hover{color:var(--color-cyan);text-decoration:underline;text-underline-offset:5px}.zoom:hover img{transform:scale(1.025)}summary:hover{color:var(--color-cyan)}}
@media(min-width:640px){.wrap{width:min(1280px,calc(100% - 64px))}.shop-label{display:inline}.mast-top{min-height:72px}.nav-inner nav{width:auto;gap:32px}.nav-inner>.button{display:inline-flex;min-height:48px;padding:8px 24px;font-size:.9rem}.hero{min-height:730px}.hero-grid{min-height:730px}.hero h1{font-size:4.75rem}.hero-visual{height:440px}.hero-grid{padding-top:290px}.hero-shade{background:linear-gradient(0deg,var(--color-paper) 2%,var(--color-paper) 30%,var(--color-transparent) 82%)}.info-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.info-strip>div:last-child{grid-column:auto}.character-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.play-images{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{flex-direction:row;align-items:flex-end;justify-content:space-between}.download-panel{padding:36px}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.spec-table table{font-size:.94rem}.spec-table th,.spec-table td{padding:18px}.guide-toc{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-toc a{font-size:.95rem}.footer-top{flex-direction:row;justify-content:space-between}.related>b{width:auto;display:flex;align-items:center;margin:0}.audience>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.subhead{padding-block:40px 48px}}
@media(min-width:768px){.info-strip{grid-template-columns:repeat(5,minmax(0,1fr));padding-block:28px;gap:24px}.info-strip>div{border-right:var(--rule)}.info-strip>div:last-child{border:0}.story-section{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:48px;padding-block:72px}.platform{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:36px;align-items:start}.platform h2{margin:16px 0;font-size:2rem}.platform>div>img{aspect-ratio:4/3;object-fit:contain;background:var(--color-paper-2)}.download-panel{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px}.updates{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:40px}.reading-layout{grid-template-columns:210px minmax(0,1fr);gap:40px}.reading-layout>aside{display:flex;flex-direction:column;align-self:start;position:sticky;top:156px;gap:4px}.reading-layout>aside b{color:var(--color-cyan);padding-bottom:12px}.reading-layout>aside a{font-size:.77rem;display:flex;align-items:center;min-height:44px;white-space:nowrap}.play-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px}.play-images{grid-template-columns:minmax(0,1fr)}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-cta{display:none}.footer{padding-bottom:40px}}
@media(min-width:1024px){.wrap{width:min(1280px,calc(100% - 96px))}.mast-top{min-height:68px}.nav-inner nav a{min-height:46px}.hero{height:690px;min-height:0}.hero-visual{inset:0 0 0 26%;height:100%}.hero-visual img{object-position:45% center}.hero-shade{background:linear-gradient(90deg,var(--color-paper) 0%,var(--color-paper) 21%,var(--color-transparent) 62%),linear-gradient(0deg,var(--color-paper) 0%,var(--color-transparent) 32%)}.hero-grid{min-height:0;height:100%;padding-top:42px;padding-bottom:28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center}.hero-copy{max-width:530px}.hero h1{font-size:5.25rem;margin-top:28px;letter-spacing:-.055em}.hero h1 br{display:block}.hero h1 span{font-size:2.3rem;margin:16px 0 22px}.hero h1 span br{display:block}.hero h1 small{font-size:1.3rem}.hero-copy>p{font-size:1rem}.hero-caption{display:flex;align-self:end;justify-content:space-between;gap:24px;margin-left:70px;padding-bottom:12px;font-size:.75rem;color:var(--color-ink)}.hero-caption a{min-height:44px;display:flex;align-items:center;color:var(--color-cyan);white-space:nowrap}.hero-caption>span{align-self:center;background:var(--color-paper);padding:4px 8px}.hero .button{padding:12px 20px;font-size:.94rem}.info-strip b{font-size:1.04rem}.character-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:16px}.characters{padding-top:16px;padding-bottom:80px}.character-grid figcaption b{font-size:.92rem}.character-grid figcaption span{font-size:.9rem}.play-section{padding-block:64px}.play-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:80px}.play-images{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:16px}.play-images .media-tile:first-child{align-self:start;margin-top:8px}.play-images .media-tile:last-child{align-self:end;margin-bottom:8px}.play-images .media-tile img{aspect-ratio:4/3}.gallery-preview{padding-block:80px}.download-panel{padding:48px 56px}.download-action{max-width:340px;width:100%;justify-self:end}.updates{padding-bottom:72px}.audience{padding-block:48px 72px}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.platform{gap:56px;align-items:center}.platform>div>img{aspect-ratio:16/9}.platform h2{font-size:2.5rem}.reading-layout{grid-template-columns:260px minmax(0,1fr);gap:72px}.subhead .lede{font-size:1.125rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.zoom:hover img{transform:none}}
/* Compact mobile fold keeps both primary actions visible. */
@media(max-width:639px){.hero{min-height:620px}.hero-grid{min-height:620px;padding-top:200px}.hero-visual{height:300px}.hero h1{font-size:clamp(2.7rem,12vw,3.4rem);margin-top:20px}.hero h1 small{font-size:1rem}.hero h1 span{font-size:1.5rem}.hero .actions{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:8px;max-width:360px}.hero .button{padding:12px;gap:12px;font-size:.8rem;min-height:46px}.hero-copy>p{font-size:.88rem}.hero-copy .adult-note{font-size:.7rem}.hero h1 span br{display:none}.guide-toc a{font-size:.8rem;gap:12px}}
.closing-cta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;padding:32px 0 48px;border-top:var(--rule)}.closing-cta h2{font-size:clamp(1.5rem,2.5vw,2rem)}.closing-cta p{font-size:.85rem;margin-top:12px}.closing-cta .button{min-width:200px}a:active,summary:active{opacity:.85}