:root{--bg:#0a0508;--bg2:#160910;--panel:#1e0c14;--line:#5a1220;--text:#f5f1f2;--muted:#b9a9ae;--accent:#ffd93b;--red:#ff3d5a;--link:#ffd93b}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;line-height:1.7}
a{color:var(--link)}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
header{padding:56px 0 32px;text-align:center;background:radial-gradient(circle at 50% 0%,#3a0d1c 0%,var(--bg) 70%)}
.icon{width:120px;height:120px;border-radius:27px;box-shadow:0 12px 40px rgba(255,61,90,.35)}
h1{font-size:2rem;margin:18px 0 6px;letter-spacing:.02em}
.tag{color:var(--accent);font-weight:800;font-size:1.15rem;margin:0 0 14px}
.lead{color:var(--muted);max-width:620px;margin:0 auto 22px}
.badge{display:inline-block;padding:12px 22px;border-radius:999px;background:var(--accent);color:#000;font-weight:800;text-decoration:none}
.badge.soon{background:#2a1a20;color:var(--muted);border:1px solid var(--line)}
.meta{color:var(--muted);font-size:.85rem;margin-top:10px}
section{padding:40px 0;border-top:1px solid #23131a}
h2{font-size:1.4rem;margin:0 0 20px;color:#fff}
h2 span{color:var(--red);margin-right:8px}
.steps{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:var(--panel);border:1px solid #3a1522;border-radius:16px;padding:18px}
.card b{display:block;color:var(--accent);font-size:1.05rem;margin-bottom:6px}
.card p{margin:0;color:var(--muted)}
.features{list-style:none;padding:0;margin:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.features li{background:var(--panel);border-radius:12px;padding:14px 16px;border-left:4px solid var(--red)}
.features li b{color:#fff}
.shots{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.shots figure{margin:0;text-align:center}
.shots img{width:100%;border-radius:18px;border:1px solid #2c141d;background:#000}
.shots figcaption{color:var(--muted);font-size:.85rem;margin-top:8px}
details{background:var(--panel);border-radius:12px;padding:12px 16px;margin-bottom:10px}
summary{cursor:pointer;font-weight:700}
details p{margin:8px 0 0;color:var(--muted)}
.support dl{margin:0}
.support dt{color:var(--muted);font-size:.85rem;margin-top:12px}
.support dd{margin:2px 0 0;font-weight:600}
footer{padding:28px 0 48px;border-top:1px solid #23131a;color:var(--muted);font-size:.85rem}
footer nav a{margin-right:14px}
.doc{padding:48px 0}
.doc h1{font-size:1.7rem;text-align:left}
.doc h2{font-size:1.15rem;margin-top:28px}
.doc p,.doc li{color:#e6dde0}
.doc .updated{color:var(--muted);font-size:.85rem}