@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Noto+Sans+JP:wght@300;400;500&family=Nunito:wght@400;500;700;800;900&family=Varela+Round&family=Comfortaa:wght@700&family=M+PLUS+Rounded+1c:wght@500&display=swap";:root{--bg:#0a0a12;--surface:#12121e;--surface2:#1a1a2e;--border:#ffffff14;--accent:#c084fc;--accent2:#818cf8;--text:#e2e8f0;--text-muted:#64748b;--col-b:#60a5fa;--col-g:#4ade80;--col-o:#fb923c;--col-p:#f472b6;--col-m:#c084fc;--col-r:#f87171;--col-y:#facc15}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);touch-action:manipulation;flex-direction:column;align-items:center;min-height:100vh;padding:24px 16px;font-family:Noto Sans JP,sans-serif;display:flex}.title-link{color:inherit;text-decoration:none}@media (hover:hover){.title-link:hover{opacity:.75}}h1{letter-spacing:.15em;color:var(--accent);text-align:center;text-transform:uppercase;margin-bottom:4px;font-family:Orbitron,monospace;font-size:15px;font-weight:700}.subtitle{color:var(--text-muted);text-align:center;margin-bottom:20px;font-size:12px}button{background:var(--surface2);border:1px solid var(--border);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;padding:8px 18px;font-family:Noto Sans JP,sans-serif;font-size:13px;transition:all .15s}button.primary{background:var(--accent2);border-color:var(--accent2);color:#0f172a;font-weight:500}button:active{border-color:var(--accent2);color:var(--accent2)}button.primary:active{background:var(--accent);border-color:var(--accent)}@media (hover:hover){button:hover{border-color:var(--accent2);color:var(--accent2)}button.primary:hover{background:var(--accent);border-color:var(--accent)}}@media (width<=450px){body{padding-left:0;padding-right:0}}.page-nav{border:1px solid var(--border);border-radius:8px;margin-bottom:20px;display:flex;overflow:hidden}.page-nav-btn{text-align:center;color:var(--text-muted);white-space:nowrap;background:0 0;border:none;border-radius:0;flex:1;padding:7px 20px;font-size:12px;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.page-nav-btn+.page-nav-btn{border-left:1px solid var(--border)}.page-nav-btn.active{color:var(--accent2);background:var(--surface2)}@media (hover:hover){.page-nav-btn:not(.active):hover{color:var(--text);background:var(--surface)}}.back-to-top{color:var(--text-muted);border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-top:16px;padding:8px 20px;font-family:Noto Sans JP,sans-serif;font-size:12px;text-decoration:none;transition:border-color .15s,color .15s;display:inline-block}@media (hover:hover){.back-to-top:hover{border-color:var(--accent2);color:var(--accent2)}}