body.manual-page{--ink:#232631;--muted:#626779;--paper:#f6f5f2;--line:#e2e1dc;--accent:#725036;--soft:#eee7dd;--nav:#23252b;--radius:14px;font-family:"Segoe UI","Malgun Gothic",Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.75}
:where(.manual-body) *{box-sizing:border-box}
:where(.manual-body) body{margin:0}
:where(.manual-body) a{color:inherit;text-decoration:none}
:where(.manual-body) a:hover{text-decoration:underline}
:where(.manual-body) button,:where(.manual-body) input{font:inherit}
:where(.manual-body) button,:where(.manual-body) a,:where(.manual-body) input,:where(.manual-body) summary{-webkit-tap-highlight-color:transparent}
:where(.manual-body) button{cursor:pointer;white-space:nowrap;flex-shrink:0}
:where(.manual-body) img{max-width:100%;display:block}
:where(.manual-body) button:focus-visible,:where(.manual-body) a:focus-visible,:where(.manual-body) input:focus-visible,:where(.manual-body) summary:focus-visible{outline:3px solid #86603b;outline-offset:4px}
:where(.manual-body) [hidden]{display:none!important}
:where(.manual-body) .skip{position:absolute;left:12px;top:-80px;background:#fff;padding:12px;z-index:50}
:where(.manual-body) .skip:focus{top:10px}
:where(.manual-body) .topbar{height:84px;background:var(--nav);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(15px,calc((100% - 1110px)/2));gap:20px}
:where(.manual-body) .brand{display:flex;align-items:center;gap:22px}
:where(.manual-body) .brand img{width:145px;height:auto}
:where(.manual-body) .brand span{border-left:1px solid #ffffff30;padding-left:22px;font-size:14px;color:#dfddd8;letter-spacing:.07em}
:where(.manual-body) .toplinks{display:flex;gap:24px;font-size:14px}
:where(.manual-body) .toplinks a{color:#e6e4e0}
:where(.manual-body) .draftbar{background:#ebe5dc;color:#625442;padding:7px 24px;text-align:center;font-size:12px;letter-spacing:.02em}
:where(.manual-body) .shell{max-width:1170px;margin:auto;padding:32px 15px 64px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px}
:where(.manual-body) .sidebar{position:sticky;top:24px;align-self:start;max-height:calc(100vh - 48px);overflow:auto;padding-right:4px}
:where(.manual-body) .side-title{font-size:11px;letter-spacing:.16em;color:var(--muted);margin:2px 0 16px}
:where(.manual-body) .home-link{display:block;padding:12px 14px;font-weight:700;border-radius:8px;margin-bottom:12px}
:where(.manual-body) .sidebar nav a{display:flex;gap:13px;padding:12px 14px;border-radius:8px;margin:3px 0;font-size:14px}
:where(.manual-body) .sidebar a[aria-current=page]{background:var(--nav);color:#fff}
:where(.manual-body) .sidebar nav a:hover{background:var(--soft);color:var(--ink);text-decoration:none}
:where(.manual-body) .sidebar nav .num{color:#9b8c79;font-size:12px;line-height:2}
:where(.manual-body) .side-meta{border-top:1px solid var(--line);margin-top:24px;padding:20px 14px;font-size:12px;color:var(--muted)}
:where(.manual-body) .content{min-width:0}
:where(.manual-body) .breadcrumb{font-size:12px;color:var(--muted);margin:0 0 18px;display:flex;flex-wrap:wrap;gap:8px}
:where(.manual-body) .eyebrow{font-size:11px;letter-spacing:.18em;color:var(--accent);font-weight:700;margin:0 0 12px}
:where(.manual-body) h1,:where(.manual-body) h2,:where(.manual-body) h3,:where(.manual-body) p{margin-top:0}
:where(.manual-body) h1{font-size:clamp(28px,3vw,40px);letter-spacing:-.045em;line-height:1.3;margin-bottom:16px}
:where(.manual-body) h2{font-size:24px;line-height:1.45;letter-spacing:-.025em;margin-bottom:16px}
:where(.manual-body) h3{font-size:18px;line-height:1.5}
:where(.manual-body) .lead{color:var(--muted);font-size:16px;max-width:650px;margin-bottom:26px}
:where(.manual-body) .guide-hero{border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:1.05fr 1fr;margin-bottom:30px}
:where(.manual-body) .hero-copy{padding:32px}
:where(.manual-body) .hero-copy h1{font-size:34px}
:where(.manual-body) .hero-art{background:#201433;display:flex;align-items:center}
:where(.manual-body) .hero-art img{width:100%;height:auto}
:where(.manual-body) .pill{display:inline-block;border:1px solid #d9d1c4;border-radius:99px;padding:3px 10px;font-size:11px;margin:0 5px 10px 0;color:#655944}
:where(.manual-body) .primary{display:inline-block;background:var(--nav);color:white;padding:11px 18px;border-radius:7px;font-size:14px;font-weight:600}
:where(.manual-body) .primary:hover{background:#444149;text-decoration:none}
:where(.manual-body) .intro-strip{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:28px 0 18px}
:where(.manual-body) .intro-strip h2{margin:0;font-size:21px}
:where(.manual-body) .intro-strip span{font-size:12px;color:var(--muted)}
:where(.manual-body) .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
:where(.manual-body) .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;position:relative;transition:border-color .15s,transform .15s}
:where(.manual-body) .card:hover{border-color:#bca487;transform:translateY(-2px);text-decoration:none}
:where(.manual-body) .card .num{font-size:12px;color:var(--accent);display:block;margin-bottom:10px}
:where(.manual-body) .card h3{margin:0 24px 6px 0}
:where(.manual-body) .card p{font-size:13px;color:var(--muted);margin:0}
:where(.manual-body) .card .arrow{position:absolute;right:22px;top:28px;color:var(--accent)}
:where(.manual-body) .card .count{font-size:11px;color:var(--muted);margin-top:16px;display:block}
:where(.manual-body) .search{position:relative;margin-bottom:24px}
:where(.manual-body) .search label{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}
:where(.manual-body) .search-row{display:flex;gap:8px}
:where(.manual-body) .search input{min-width:0;width:100%;border:1px solid #d3d0c8;background:white;border-radius:8px;padding:12px 16px;font-size:14px}
:where(.manual-body) .search button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:0 12px;font-size:12px;color:var(--muted)}
:where(.manual-body) .search-results{border:1px solid var(--line);border-radius:10px;background:white;padding:14px 18px;margin-top:8px;max-height:340px;overflow:auto}
:where(.manual-body) .search-results p{font-size:12px;color:var(--muted);margin:0 0 8px}
:where(.manual-body) .search-results a{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
:where(.manual-body) .search-results small{display:block;color:var(--muted);font-size:11px}
:where(.manual-body) .toc{border:1px solid var(--line);padding:18px 22px;background:#fff;border-radius:var(--radius);margin-bottom:26px}
:where(.manual-body) .toc p{font-size:12px;color:var(--muted);margin-bottom:10px}
:where(.manual-body) .toc div{display:flex;gap:8px;flex-wrap:wrap}
:where(.manual-body) .toc a{border:1px solid var(--line);padding:5px 12px;border-radius:99px;font-size:12px}
:where(.manual-body) .toc a:hover{background:var(--soft);text-decoration:none}
:where(.manual-body) .topic{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;margin-bottom:24px;scroll-margin-top:24px}
:where(.manual-body) .topic-head{display:flex;gap:14px;align-items:baseline}
:where(.manual-body) .topic-num{color:var(--accent);font-size:13px;font-weight:600}
:where(.manual-body) .entry{display:inline-block;background:#f1eee8;padding:7px 12px;border-radius:6px;font-size:12px;color:#665843;margin-bottom:18px}
:where(.manual-body) .topic p{font-size:15px}
:where(.manual-body) .steps{padding-left:24px;margin:18px 0 24px}
:where(.manual-body) .steps li{padding-left:7px;margin:9px 0;font-size:14px}
:where(.manual-body) .steps li::marker{color:var(--accent);font-weight:bold}
:where(.manual-body) .note{border-left:3px solid #bca487;background:#f6f3ee;padding:12px 16px;font-size:13px!important;color:#635b50;margin:18px 0}
:where(.manual-body) .review{border:1px dashed #cbb893;border-radius:8px;padding:12px 16px;font-size:12px;color:#74603d;margin:16px 0}
:where(.manual-body) .review summary{cursor:pointer;font-weight:600}
:where(.manual-body) .review p{font-size:12px;margin:10px 0 0}
:where(.manual-body) .gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
:where(.manual-body) .gallery.single{grid-template-columns:1fr}
:where(.manual-body) .gallery figure{margin:0;min-width:0}
:where(.manual-body) .shot-link{display:block;position:relative;background:#181820;border:1px solid #e1ded7;border-radius:9px;overflow:hidden;cursor:zoom-in}
:where(.manual-body) .shot-link img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
:where(.manual-body) .zoom-hint{position:absolute;bottom:10px;right:10px;background:#16171dcc;color:#fff;padding:3px 8px;border-radius:5px;font-size:10px;pointer-events:none}
:where(.manual-body) .gallery figcaption{font-size:12px;color:var(--muted);margin-top:9px;line-height:1.6}
:where(.manual-body) .gallery figcaption span{color:#a09688;font-size:10px;display:block}
:where(.manual-body) .pager{display:flex;justify-content:space-between;gap:15px;margin-top:30px}
:where(.manual-body) .pager a{border:1px solid var(--line);background:#fff;padding:14px 20px;border-radius:8px;font-size:13px}
:where(.manual-body) .endnote{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:30px}
:where(.manual-body) .footer{padding:24px;text-align:center;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
:where(.manual-body) .footer a{margin:0 8px}
:where(.manual-body) .quickstart{margin:28px 0;padding:24px;background:#eae7df;border-radius:var(--radius)}
:where(.manual-body) .quickstart h2{font-size:18px;margin-bottom:12px}
:where(.manual-body) .quickstart ol{margin:0;padding-left:20px;font-size:14px}
:where(.manual-body) .quickstart li{margin:6px 0}
:where(.manual-body) .viewer{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#17181bee;color:#fff;overflow:hidden}
:where(.manual-body) .viewer::backdrop{background:#14151a}
:where(.manual-body) .viewer[open]{display:flex;flex-direction:column}
:where(.manual-body) .viewer-bar{display:flex;align-items:center;gap:10px;padding:14px 20px;flex-shrink:0;background:#222328}
:where(.manual-body) .viewer-title{margin-right:auto;font-size:14px}
:where(.manual-body) .viewer button{border:1px solid #ffffff55;color:white;background:#34353b;border-radius:6px;padding:7px 14px;font-size:13px}
:where(.manual-body) .viewer-body{min-height:0;flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:14px}
:where(.manual-body) .viewer-body img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
:where(.manual-body) .viewer-body.actual{display:block;text-align:center}
:where(.manual-body) .viewer-body.actual img{display:inline-block;max-width:none;max-height:none;width:auto;height:auto;vertical-align:top}
:where(.manual-body) .viewer-bottom{display:flex;justify-content:center;align-items:center;gap:18px;padding:12px;font-size:12px;flex-shrink:0}
:where(.manual-body) .viewer button:focus-visible{outline-color:white}
:where(.manual-body) .viewer-caption{text-align:center;margin:0;padding:0 20px 12px;color:#c9c8ce;font-size:12px}
@media(min-width:1500px){:where(.manual-body) .hero-copy{padding:40px}
:where(.manual-body) .topic{padding:34px}
}
@media(max-width:1050px){:where(.manual-body) .shell{grid-template-columns:200px minmax(0,1fr);gap:24px;padding:24px 15px}
:where(.manual-body) .guide-hero{grid-template-columns:1fr}
:where(.manual-body) .hero-art{max-height:240px;overflow:hidden}
:where(.manual-body) .hero-art img{object-fit:contain;max-height:240px}
:where(.manual-body) .hero-copy{padding:28px}
:where(.manual-body) .brand span{display:none}
:where(.manual-body) .gallery{grid-template-columns:1fr}
}
@media(max-width:720px){:where(.manual-body) .topbar{padding:14px 18px;height:72px}
:where(.manual-body) .brand img{width:120px}
:where(.manual-body) .toplinks{font-size:12px;gap:14px}
:where(.manual-body) .toplinks a:first-child{display:none}
:where(.manual-body) .shell{display:block;padding:20px 16px 40px}
:where(.manual-body) .sidebar{position:static;max-height:none;margin-bottom:24px;padding:0}
:where(.manual-body) .side-title,:where(.manual-body) .side-meta{display:none}
:where(.manual-body) .sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
:where(.manual-body) .sidebar nav a{padding:8px;font-size:12px;margin:0}
:where(.manual-body) .home-link{padding:8px;margin-bottom:5px}
:where(.manual-body) .cards{grid-template-columns:1fr}
:where(.manual-body) .topic{padding:20px}
:where(.manual-body) .topic-head{gap:10px}
:where(.manual-body) .topic h2{font-size:21px}
:where(.manual-body) .hero-copy h1{font-size:30px}
:where(.manual-body) .viewer-bar{flex-wrap:wrap;padding:10px}
:where(.manual-body) .viewer-title{width:100%;font-size:12px}
:where(.manual-body) .viewer button{padding:6px 10px}
:where(.manual-body) .pager a{padding:12px;font-size:12px}
:where(.manual-body) .draftbar{font-size:11px}
:where(.manual-body) .intro-strip{align-items:flex-start;gap:10px}
}
@media(prefers-reduced-motion:reduce){:where(.manual-body) *{scroll-behavior:auto!important;transition:none!important}
}
@media print{:where(.manual-body) .sidebar,:where(.manual-body) .topbar,:where(.manual-body) .draftbar,:where(.manual-body) .search,:where(.manual-body) .pager,:where(.manual-body) .footer,:where(.manual-body) .zoom-hint,:where(.manual-body) .viewer{display:none!important}
:where(.manual-body) .shell{display:block;padding:0}
:where(.manual-body) .topic{break-inside:avoid;border:0}
:where(.manual-body) .review{display:none}
:where(.manual-body) a{text-decoration:none}
:where(.manual-body) .hero-art{display:none}
}
@media(max-width:1199px) and (min-width:721px){:where(.manual-body) .shell{max-width:970px}
:where(.manual-body) .topbar{padding-inline:max(15px,calc((100% - 940px)/2))}
}

/* Keep the shared site header outside the manual's component styles. */
html{scrollbar-gutter:stable}
body.manual-page{margin:0;background:#f6f5f2;overflow-x:clip}
.manual-page>header{position:relative}
.manual-page>header .brand img{width:183px;height:56px}
.manual-page>header .main-links a[aria-current=page]{color:#fff;text-decoration:underline;text-underline-offset:7px}
.manual-page>.hero{height:262px;padding:30px 20px}
.manual-page>.hero .hero-title{font-size:30px;letter-spacing:.16em;font-weight:400;margin:0;color:white}
.manual-skip{position:absolute;top:-100px;left:15px;z-index:100;background:white;padding:12px}
.manual-skip:focus{top:10px}
.manual-body{font-family:"Segoe UI","Malgun Gothic",Arial,sans-serif;color:#232631;line-height:1.75}
html[lang=ja] .manual-body{font-family:"Yu Gothic","Meiryo",sans-serif}
html[lang=zh-CN] .manual-body{font-family:"Microsoft YaHei","PingFang SC",sans-serif}
.manual-body main.content{display:block;max-width:none;width:auto;padding:0;margin:0;gap:0}
.manual-body nav{display:block}
.manual-body nav a{letter-spacing:normal;font-weight:400;line-height:1.75}
.manual-body .sidebar nav{padding:0;max-width:none;width:auto}
.manual-body .sidebar{width:auto}
.manual-body .toc>div{display:flex}
.manual-body .pager{display:flex}
.manual-body .gallery img{border:0;padding:0;margin:0}
.manual-body .game-switch{display:grid;gap:5px;border-block:1px solid #e2e1dc;padding:12px 0;margin:0 0 16px}
.manual-body .game-switch a{font-size:13px;padding:8px 14px;border-radius:7px}
.manual-body .game-switch a[aria-current=page]{background:#e8e4dc;color:#4c3c2b;font-weight:700}
.manual-body .cards .card h2{font-size:18px;margin-bottom:8px}
.manual-body .game-cards{display:grid;gap:20px}
.manual-body .game-card{display:grid;grid-template-columns:42% minmax(0,1fr);padding:0;overflow:hidden}
.manual-body .game-card>img{width:100%;height:100%;object-fit:cover;min-height:220px}
.manual-body .game-card>div{padding:22px}
.manual-body .game-card h2{font-size:24px;margin-bottom:8px}
.manual-body .card-action{display:block;font-size:13px;margin-top:18px;font-weight:600}
.manual-body .pending-panel{padding:44px 32px}
.manual-body .pending-icon{display:block;font-size:32px;line-height:1;color:#8d7e6b;margin-bottom:18px}
.manual-body .pending-panel p{max-width:620px;color:#626779}
.manual-body #search-status{font-size:12px;color:#626779}
.manual-body .guide-hero{height:auto;padding:0}
.manual-body .footer{background:transparent}
@media(max-width:1050px){.manual-page>.hero{height:289px}.manual-page>.hero .hero-title{font-size:26px}}
@media(max-width:767px){.manual-page>.hero{height:278px}.manual-body .game-card{display:block}.manual-body .game-card>img{height:auto;min-height:0;aspect-ratio:2.4;object-fit:cover}.manual-page>.hero .hero-title{font-size:22px}}
@media print{.manual-page>header,.manual-page>.hero{display:none}.manual-body main.content{width:100%}}

/* Compact, consistent game identity across all four languages. */
.manual-body .game-cards{gap:16px}
.manual-body .game-card,.manual-body .guide-hero{display:grid;grid-template-columns:96px minmax(0,1fr);gap:24px;padding:24px;height:auto;align-items:center}
.manual-body .game-card>img{display:block;width:96px;height:96px;min-height:0;aspect-ratio:1;object-fit:contain;border-radius:18px;align-self:start}
.manual-body .game-card>div,.manual-body .hero-copy{padding:0;min-width:0}
.manual-body .game-card h2{font-size:23px;line-height:1.35;margin:0 0 8px}
.manual-body .game-card p{margin:0;font-size:15px;line-height:1.7}
.manual-body .game-card .pill{display:inline-block;margin:0 0 8px}
.manual-body .card-action{margin-top:12px}
.manual-body .guide-hero{margin-bottom:24px}
.manual-body .hero-copy{grid-column:2;grid-row:1}
.manual-body .hero-copy .eyebrow{margin:0 0 8px}
.manual-body .hero-copy h1{font-size:30px;line-height:1.3;margin:0 0 10px}
.manual-body .hero-copy .lead{font-size:15px;line-height:1.7;margin:0 0 18px}
.manual-body .hero-art{grid-column:1;grid-row:1;align-self:start;display:block;width:96px;height:96px;max-height:none;aspect-ratio:1;background:transparent;overflow:hidden;border-radius:18px}
.manual-body .hero-art img{position:static;display:block;width:96px;height:96px;max-height:none;object-fit:contain}
@media(max-width:600px){
.manual-body .game-card,.manual-body .guide-hero{grid-template-columns:72px minmax(0,1fr);gap:16px;padding:18px}
.manual-body .game-card>img,.manual-body .hero-art,.manual-body .hero-art img{width:72px;height:72px}
.manual-body .hero-copy h1{font-size:24px}
.manual-body .game-card h2{font-size:21px}
}

/* Visible game identity above each chapter title. */
.manual-body .chapter-game{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin:0 0 16px}
.manual-body .chapter-game-link{display:inline-flex;align-items:center;gap:12px;min-width:0;color:#24252d;text-decoration:none;font-size:22px;font-weight:700;line-height:1.35}
.manual-body .chapter-game-link img{display:block;width:40px;height:40px;flex:0 0 40px;object-fit:contain;border-radius:9px}
.manual-body .chapter-guide-number{font-size:11px;letter-spacing:.12em;color:#777366;white-space:nowrap}
.manual-body .chapter-game-link:hover span{text-decoration:underline}
@media(max-width:600px){.manual-body .chapter-game-link{font-size:20px}}

/* Keep chapter navigation in document flow at mobile breakpoints. */
.manual-body nav{position:static;inset:auto}
@media(max-width:720px){
.manual-body .sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.manual-body .sidebar nav a{padding:8px;font-size:12px;margin:0}
.manual-body .toc{width:100%}
.manual-body .pager{flex-wrap:wrap}
.manual-body .pager a{flex:1 1 120px;min-width:0;overflow-wrap:anywhere}
}

.manual-body .game-switch .manual-help-link{font-weight:650;font-size:14px}
.manual-body .game-switch .manual-help-link:first-of-type{margin-top:6px}
.manual-body .faq-category{margin:0 0 30px;scroll-margin-top:24px}
.manual-body .faq-category>h2{font-size:22px;margin:0 0 12px}
.manual-body .faq-item{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden;scroll-margin-top:24px}
.manual-body .faq-item summary{cursor:pointer;font-weight:600;line-height:1.6;padding:18px 22px;overflow-wrap:anywhere}
.manual-body .faq-item[open] summary{border-bottom:1px solid var(--line)}
.manual-body .faq-answer{padding:4px 22px 18px;overflow-wrap:anywhere}
.manual-body .faq-answer p{margin:14px 0 0}
.manual-body .faq-answer a,.manual-body .faq-email{text-decoration:underline}
.manual-body .faq-support{margin-top:32px}
.manual-body .faq-email{display:inline-block;margin:12px 0 0 18px}
.manual-body .faq-sources{font-size:13px}
.manual-body .faq-category[hidden],.manual-body .faq-item[hidden]{display:none}
@media(max-width:600px){.manual-body .faq-item summary{padding:16px}.manual-body .faq-answer{padding:0 16px 16px}.manual-body .faq-email{display:block;margin-left:0}}

.manual-body .game-switch a{font-weight:700}

/* Permit immediate taps while retaining pinch zoom and native navigation. */
.manual-page a,.manual-page button,.manual-page summary{touch-action:manipulation}
.manual-body .sidebar a:active{background:var(--soft);color:var(--ink)}
.manual-navigating .manual-body{cursor:progress}.manual-navigating #main{opacity:.7}