/* Phantom Rises minimal responsive theme */
:root{ --bg:#000; --fg:#fff; --muted:#9aa0a6; --acc:#00ffff; }
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,sans-serif;line-height:1.5}
a{color:var(--acc);text-decoration:none}
a:hover{text-decoration:underline}
header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid #111;position:sticky;top:0;background:rgba(0,0,0,.85);backdrop-filter:saturate(140%) blur(6px)}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:36px}
nav a{margin:0 10px;font-weight:600}
main{max-width:1024px;margin:0 auto;padding:24px 20px}
.hero{padding:40px 20px;text-align:center}
.hero h1{font-size:clamp(28px,6vw,46px);margin:0 0 8px}
.hero p{color:var(--muted);margin:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:24px 0}
.card{border:1px solid #111;border-radius:10px;padding:16px;background:#0a0a0a}
.card h3{margin-top:0}
iframe{width:100%;border:0;border-radius:10px}
footer{border-top:1px solid #111;color:#8b949e;text-align:center;padding:18px 12px}
.badge{display:inline-block;border:1px solid #111;border-radius:999px;padding:6px 10px;color:#bdbdbd;margin-top:12px}
.notice{background:#0a0f12;border:1px solid #0b2830;color:#cfeef1;border-radius:10px;padding:12px;margin:16px 0}
@media (prefers-color-scheme: light){
  :root{ --bg:#0c0c0c; --fg:#ffffff }
}