:root { color-scheme: dark; --ink:#f6eff9; --muted:#bdb2c5; --red:#e84a66; --gold:#e7b96b; --panel:#211829; --line:#413449; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; background:#110d16; color:var(--ink); font-family:"Yu Gothic UI","Hiragino Kaku Gothic ProN",Meiryo,sans-serif; line-height:1.9; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.22; background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px); background-size:36px 36px; }
.wrap { width:min(880px,calc(100% - 40px)); margin-inline:auto; }
.hero { min-height:530px; display:grid; align-items:center; position:relative; overflow:hidden; border-bottom:1px solid var(--line); background:radial-gradient(circle at 80% 20%,#59213a 0,transparent 35%),linear-gradient(140deg,#171020,#0e0a13); }
.hero::after { content:""; position:absolute; width:420px; height:420px; border:1px solid rgba(232,74,102,.32); border-radius:50%; right:-90px; top:50px; box-shadow:0 0 0 45px rgba(232,74,102,.045),0 0 0 90px rgba(232,74,102,.025); }
.hero__content { position:relative; z-index:1; padding-block:76px; }
.eyebrow { color:var(--gold); font:600 .76rem/1.4 ui-monospace,SFMono-Regular,monospace; letter-spacing:.24em; }
h1 { margin:.2em 0 .35em; font-family:Georgia,"Yu Mincho",serif; font-size:clamp(3rem,9vw,6.5rem); line-height:1.02; letter-spacing:.03em; }
h1 span { color:transparent; -webkit-text-stroke:1px var(--red); }
.lead { max-width:610px; color:#d8cedd; font-size:1.05rem; }
.updated { margin-top:30px; color:var(--muted); font-size:.82rem; }
.policy { padding-block:78px 92px; }
section { padding:38px 0; border-bottom:1px solid var(--line); }
h2 { margin:0 0 18px; font:600 clamp(1.25rem,3vw,1.55rem)/1.5 Georgia,"Yu Mincho",serif; letter-spacing:.04em; }
h2 span { display:inline-block; margin-right:14px; color:var(--red); font:600 .75rem/1 ui-monospace,SFMono-Regular,monospace; letter-spacing:.12em; }
p { margin:10px 0; }
a { color:#f5c57a; text-underline-offset:4px; }
a:hover { color:#fff; }
.operator { margin-top:24px; border:1px solid var(--line); border-radius:4px; overflow:hidden; background:rgba(255,255,255,.018); }
.operator div { display:grid; grid-template-columns:190px 1fr; padding:12px 16px; border-bottom:1px solid var(--line); }
.operator div:last-child { border:0; }
dt { color:var(--muted); }
dd { margin:0; overflow-wrap:anywhere; }
.fanwork { margin-top:52px; padding:22px 25px; border-left:3px solid var(--gold); background:var(--panel); color:var(--muted); font-size:.88rem; }
footer { border-top:1px solid var(--line); color:#897d90; font-size:.78rem; padding:24px 0 38px; }
@media (max-width:600px) { .hero { min-height:470px; } .wrap { width:min(100% - 28px,880px); } .policy { padding-block:50px 70px; } section { padding:30px 0; } .operator div { grid-template-columns:1fr; gap:2px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }