/* Shared shell for the Phantom Studios game pages.
   Same tokens as the rest of the site so these do not look bolted on. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --bg:#090912;--surface:rgba(255,255,255,.04);--surface-hv:rgba(255,255,255,.07);
  --border:rgba(255,255,255,.08);--text:#e2e8f0;--muted:#64748b;
  --neon:#00d4ff;--purple:#8b5cf6;--green:#10b981;--gold:#fbbf24;--red:#f87171;
}
body{background:var(--bg);color:var(--text);font-family:'Segoe UI',system-ui,sans-serif;min-height:100vh;line-height:1.6;}
.wrap{max-width:900px;margin:0 auto;padding:40px 24px 80px;}
.crumb{font-size:13px;color:var(--muted);margin-bottom:18px;}
.crumb a{color:var(--muted);text-decoration:none;}
.crumb a:hover{color:var(--neon);}
h1{font-size:32px;font-weight:800;background:linear-gradient(135deg,var(--neon),var(--purple));
   -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.25;}
h2{font-size:20px;font-weight:800;margin:34px 0 4px;}
h2 .n{color:var(--neon);font-size:14px;font-weight:700;margin-left:8px;}
.sub{color:var(--muted);font-size:14px;margin-top:6px;}
.note{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--neon);
      border-radius:10px;padding:14px 18px;margin:18px 0;font-size:14px;color:#cbd5e1;}
.note strong{color:var(--text);}
.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;
      padding:18px 20px;margin-bottom:12px;transition:background .15s;}
.card:hover{background:var(--surface-hv);}
.card h3{font-size:16px;font-weight:700;margin-bottom:4px;}
.card p{font-size:14px;color:#cbd5e1;}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;}
a.card{display:block;text-decoration:none;color:inherit;}
table{width:100%;border-collapse:collapse;font-size:14px;margin:10px 0 4px;}
th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;
   color:var(--muted);border-bottom:1px solid var(--border);padding:8px 10px;font-weight:700;}
td{border-bottom:1px solid rgba(255,255,255,.05);padding:9px 10px;vertical-align:top;color:#cbd5e1;}
td:first-child{color:var(--text);font-weight:600;white-space:nowrap;}
code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;
     background:rgba(0,212,255,.08);color:#7fe3ff;padding:1px 5px;border-radius:4px;}
.tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.03em;
     padding:2px 7px;border-radius:999px;text-transform:uppercase;vertical-align:middle;}
.t-block{background:rgba(248,113,113,.15);color:#fca5a5;}
.t-high{background:rgba(251,191,36,.15);color:#fcd34d;}
.t-nice{background:rgba(100,116,139,.18);color:#94a3b8;}
.t-done{background:rgba(16,185,129,.15);color:#6ee7b7;}
.wide{overflow-x:auto;}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;}
.cta a{flex:1;min-width:200px;text-align:center;padding:14px;border-radius:10px;
       font-weight:800;font-size:14px;text-decoration:none;}
.cta .primary{background:linear-gradient(135deg,var(--neon),var(--purple));color:#05050a;}
.cta .ghost{background:var(--surface);border:1px solid var(--border);color:var(--text);}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;}}