/* ドットステージのサイト（お知らせ・プライバシーポリシー・サポート・利用規約）。色はアプリのアイコン（紺の地・白・ピンクの影・水色） */
@font-face { font-family: "PixelMplus12B"; src: url("fonts/PixelMplus12-Bold.ttf") format("truetype"); font-display: swap; }
:root { --bg: #15174a; --panel: #1f2263; --text: #f4f4fb; --sub: #b9bbe0; --pink: #ff5fa2; --cyan: #5fd7ff; --line: #34378a; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--text); font: 16px/1.8 -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif; }
a { color: var(--cyan); }
.wrap { max-width: 680px; margin: 0 auto; padding: 24px 16px 64px; }
header { display: flex; align-items: center; gap: 14px; margin-bottom: 28px; }
header img { width: 56px; height: 56px; border-radius: 13px; image-rendering: auto; }
header a { color: inherit; text-decoration: none; display: flex; align-items: center; gap: 14px; }
.logo { font-family: "PixelMplus12B", monospace; font-size: 26px; letter-spacing: 0.06em; text-shadow: 3px 3px 0 var(--pink); }
h1 { font-family: "PixelMplus12B", monospace; font-size: 28px; line-height: 1.4; margin: 8px 0 20px; text-shadow: 2px 2px 0 var(--pink); }
h2 { font-family: "PixelMplus12B", monospace; font-size: 20px; line-height: 1.5; margin: 36px 0 10px; padding-left: 10px; border-left: 6px solid var(--cyan); }
h3 { font-size: 17px; margin: 24px 0 6px; }
p, li { color: var(--text); }
.sub { color: var(--sub); font-size: 14px; }
ul { padding-left: 1.3em; }
.card { background: var(--panel); border: 2px solid var(--line); border-radius: 10px; padding: 14px 16px; margin: 14px 0; }
nav.pages { display: grid; gap: 10px; margin: 24px 0; }
nav.pages a { display: block; background: var(--panel); border: 2px solid var(--line); border-radius: 10px; padding: 14px 16px; color: var(--text); text-decoration: none; font-family: "PixelMplus12B", monospace; font-size: 18px; }
nav.pages a:hover, nav.pages a:focus { border-color: var(--cyan); }
footer { margin-top: 48px; padding-top: 16px; border-top: 2px solid var(--line); color: var(--sub); font-size: 13px; display: flex; flex-wrap: wrap; gap: 8px 16px; }
footer a { color: var(--sub); }
.todo { background: #5a2140; color: #ffd6e7; padding: 0 4px; border-radius: 3px; }