/*
Theme Name: Metzae
Theme URI: https://metzae.net
Author: The Duumvirati
Description: Built from scratch. No frameworks. No templates. Just vibes and twenty-plus years of internet. Metzae x Claude, 2026.
Version: 1.0.2
License: Proprietary
Text Domain: metzae
*/

:root{--mz-void:#080a0d;--mz-bg:#0c0e12;--mz-surface:#121620;--mz-surface2:#1a1f2b;--mz-border:#1e2535;--mz-border2:#2a3347;--mz-accent:#6c63ff;--mz-accent2:#8b85ff;--mz-accent3:#4a44cc;--mz-cyan:#00d4ff;--mz-gold:#ffd24d;--mz-text:#c8d0e0;--mz-muted:#6b7a99;--mz-dim:#404a5e;--mz-heading:#eef2ff;--mz-white:#f8faff;--mz-mono:'Courier New','Courier',monospace;--mz-ui:system-ui,-apple-system,'Segoe UI',sans-serif;--mz-display:'Space Grotesk',system-ui,sans-serif;--mz-r:4px;--mz-rl:8px;--mz-max:1200px;--mz-ease:0.18s ease;--mz-legendary:#FF8000;--mz-epic:#A335EE;--mz-rare:#0070FF;--mz-uncommon:#1EFF00;--mz-common:#C0C0C0;--mz-junk:#9D9D9D;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{background:var(--mz-bg);color:var(--mz-text);font-family:var(--mz-ui);font-size:1rem;line-height:1.65;min-height:100vh;overflow-x:hidden;}
body::before{content:'';position:fixed;inset:0;background-image:radial-gradient(1.5px 1.5px at 53% 42%,rgba(108,99,255,0.62) 0%,transparent 100%),radial-gradient(1px 1px at 88% 55%,rgba(255,255,255,0.69) 0%,transparent 100%),radial-gradient(1px 1px at 82% 22%,rgba(255,255,255,0.75) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 43% 99%,rgba(255,255,255,0.64) 0%,transparent 100%),radial-gradient(1px 1px at 42% 63%,rgba(255,255,255,0.38) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 95% 22%,rgba(108,99,255,0.7) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 95% 95%,rgba(108,99,255,0.7) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 78% 66%,rgba(108,99,255,0.53) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 33% 7%,rgba(255,255,255,0.63) 0%,transparent 100%),radial-gradient(1px 1px at 34% 96%,rgba(255,255,255,0.41) 0%,transparent 100%),radial-gradient(1px 1px at 90% 70%,rgba(255,255,255,0.38) 0%,transparent 100%),radial-gradient(1px 1px at 52% 35%,rgba(255,255,255,0.5) 0%,transparent 100%),radial-gradient(1px 1px at 15% 88%,rgba(255,255,255,0.44) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 39% 65%,rgba(108,99,255,0.59) 0%,transparent 100%),radial-gradient(1px 1px at 34% 18%,rgba(255,255,255,0.75) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 87% 96%,rgba(108,99,255,0.77) 0%,transparent 100%),radial-gradient(1px 1px at 78% 4%,rgba(255,255,255,0.44) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 71% 1%,rgba(108,99,255,0.59) 0%,transparent 100%),radial-gradient(1px 1px at 78% 34%,rgba(255,255,255,0.52) 0%,transparent 100%),radial-gradient(1px 1px at 46% 45%,rgba(255,255,255,0.39) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 27% 56%,rgba(108,99,255,0.74) 0%,transparent 100%),radial-gradient(1px 1px at 34% 65%,rgba(255,255,255,0.56) 0%,transparent 100%),radial-gradient(1px 1px at 15% 38%,rgba(255,255,255,0.59) 0%,transparent 100%),radial-gradient(1px 1px at 38% 11%,rgba(255,255,255,0.43) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 59% 45%,rgba(255,255,255,0.69) 0%,transparent 100%),radial-gradient(1px 1px at 10% 78%,rgba(255,255,255,0.37) 0%,transparent 100%),radial-gradient(1px 1px at 98% 21%,rgba(255,255,255,0.4) 0%,transparent 100%),radial-gradient(1px 1px at 93% 93%,rgba(255,255,255,0.58) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 2% 15%,rgba(255,255,255,0.62) 0%,transparent 100%),radial-gradient(1px 1px at 98% 44%,rgba(255,255,255,0.66) 0%,transparent 100%),radial-gradient(1px 1px at 56% 21%,rgba(255,255,255,0.6) 0%,transparent 100%),radial-gradient(1px 1px at 49% 13%,rgba(255,255,255,0.43) 0%,transparent 100%),radial-gradient(1px 1px at 18% 66%,rgba(255,255,255,0.57) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 6% 32%,rgba(0,212,255,0.75) 0%,transparent 100%),radial-gradient(1px 1px at 32% 96%,rgba(255,255,255,0.57) 0%,transparent 100%),radial-gradient(2px 2px at 4% 15%,rgba(255,255,255,0.95) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 71% 91%,rgba(255,255,255,0.73) 0%,transparent 100%),radial-gradient(2px 2px at 77% 56%,rgba(255,255,255,0.95) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 35% 37%,rgba(255,255,255,0.78) 0%,transparent 100%),radial-gradient(1px 1px at 65% 14%,rgba(255,255,255,0.43) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 25% 52%,rgba(255,255,255,0.7) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 91% 56%,rgba(108,99,255,0.5) 0%,transparent 100%),radial-gradient(1px 1px at 16% 49%,rgba(255,255,255,0.64) 0%,transparent 100%),radial-gradient(1px 1px at 92% 84%,rgba(255,255,255,0.69) 0%,transparent 100%),radial-gradient(1px 1px at 30% 99%,rgba(255,255,255,0.45) 0%,transparent 100%),radial-gradient(1px 1px at 76% 55%,rgba(255,255,255,0.44) 0%,transparent 100%),radial-gradient(1px 1px at 48% 46%,rgba(255,255,255,0.72) 0%,transparent 100%),radial-gradient(1px 1px at 11% 71%,rgba(255,255,255,0.62) 0%,transparent 100%),radial-gradient(1px 1px at 5% 4%,rgba(255,255,255,0.44) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 78% 84%,rgba(108,99,255,0.6) 0%,transparent 100%),radial-gradient(1px 1px at 12% 28%,rgba(255,255,255,0.38) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 95% 43%,rgba(255,255,255,0.83) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 92% 90%,rgba(0,212,255,0.6) 0%,transparent 100%),radial-gradient(2px 2px at 75% 34%,rgba(255,255,255,0.95) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 97% 31%,rgba(0,212,255,0.67) 0%,transparent 100%),radial-gradient(2px 2px at 45% 94%,rgba(255,255,255,0.95) 0%,transparent 100%),radial-gradient(1px 1px at 4% 95%,rgba(255,255,255,0.53) 0%,transparent 100%),radial-gradient(1px 1px at 59% 1%,rgba(255,255,255,0.52) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 74% 25%,rgba(108,99,255,0.58) 0%,transparent 100%),radial-gradient(1px 1px at 31% 73%,rgba(255,255,255,0.38) 0%,transparent 100%),radial-gradient(1px 1px at 47% 40%,rgba(255,255,255,0.75) 0%,transparent 100%),radial-gradient(1px 1px at 95% 14%,rgba(255,255,255,0.44) 0%,transparent 100%),radial-gradient(1px 1px at 15% 20%,rgba(255,255,255,0.58) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 52% 32%,rgba(0,212,255,0.54) 0%,transparent 100%),radial-gradient(1px 1px at 35% 90%,rgba(255,255,255,0.69) 0%,transparent 100%),radial-gradient(1px 1px at 68% 33%,rgba(255,255,255,0.42) 0%,transparent 100%),radial-gradient(1px 1px at 36% 32%,rgba(255,255,255,0.56) 0%,transparent 100%),radial-gradient(2px 2px at 52% 87%,rgba(255,255,255,0.95) 0%,transparent 100%),radial-gradient(1px 1px at 1% 77%,rgba(255,255,255,0.65) 0%,transparent 100%),radial-gradient(1px 1px at 80% 47%,rgba(255,255,255,0.39) 0%,transparent 100%),radial-gradient(1px 1px at 89% 26%,rgba(255,255,255,0.61) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 5% 61%,rgba(255,255,255,0.67) 0%,transparent 100%),radial-gradient(1px 1px at 50% 49%,rgba(255,255,255,0.73) 0%,transparent 100%),radial-gradient(2px 2px at 34% 23%,rgba(255,255,255,0.95) 0%,transparent 100%),radial-gradient(1px 1px at 85% 61%,rgba(255,255,255,0.5) 0%,transparent 100%),radial-gradient(1px 1px at 9% 28%,rgba(255,255,255,0.74) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 89% 1%,rgba(0,212,255,0.72) 0%,transparent 100%),radial-gradient(1px 1px at 47% 21%,rgba(255,255,255,0.45) 0%,transparent 100%),radial-gradient(1px 1px at 69% 94%,rgba(255,255,255,0.68) 0%,transparent 100%),radial-gradient(1px 1px at 74% 25%,rgba(255,255,255,0.51) 0%,transparent 100%),radial-gradient(1px 1px at 70% 12%,rgba(255,255,255,0.59) 0%,transparent 100%),radial-gradient(1px 1px at 14% 12%,rgba(255,255,255,0.67) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 55% 36%,rgba(255,255,255,0.61) 0%,transparent 100%),radial-gradient(1px 1px at 36% 1%,rgba(255,255,255,0.44) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 86% 43%,rgba(108,99,255,0.69) 0%,transparent 100%),radial-gradient(1px 1px at 88% 93%,rgba(255,255,255,0.62) 0%,transparent 100%),radial-gradient(1px 1px at 30% 65%,rgba(255,255,255,0.6) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 80% 43%,rgba(0,212,255,0.52) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 27% 88%,rgba(255,255,255,0.67) 0%,transparent 100%),radial-gradient(1px 1px at 64% 12%,rgba(255,255,255,0.65) 0%,transparent 100%),radial-gradient(1px 1px at 81% 21%,rgba(255,255,255,0.55) 0%,transparent 100%),radial-gradient(1px 1px at 60% 49%,rgba(255,255,255,0.72) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 14% 46%,rgba(255,255,255,0.83) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 79% 99%,rgba(0,212,255,0.52) 0%,transparent 100%),radial-gradient(1px 1px at 77% 60%,rgba(255,255,255,0.38) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 31% 21%,rgba(255,255,255,0.89) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 79% 73%,rgba(108,99,255,0.59) 0%,transparent 100%),radial-gradient(1px 1px at 20% 28%,rgba(255,255,255,0.54) 0%,transparent 100%),radial-gradient(1px 1px at 98% 23%,rgba(255,255,255,0.72) 0%,transparent 100%),radial-gradient(1px 1px at 35% 82%,rgba(255,255,255,0.69) 0%,transparent 100%),radial-gradient(1px 1px at 83% 44%,rgba(255,255,255,0.45) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 9% 99%,rgba(255,255,255,0.68) 0%,transparent 100%),radial-gradient(1px 1px at 27% 86%,rgba(255,255,255,0.53) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 69% 88%,rgba(108,99,255,0.72) 0%,transparent 100%),radial-gradient(1px 1px at 29% 18%,rgba(255,255,255,0.4) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 82% 34%,rgba(255,255,255,0.75) 0%,transparent 100%),radial-gradient(1px 1px at 8% 30%,rgba(255,255,255,0.51) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 57% 57%,rgba(108,99,255,0.7) 0%,transparent 100%),radial-gradient(1px 1px at 17% 17%,rgba(255,255,255,0.7) 0%,transparent 100%),radial-gradient(1px 1px at 51% 83%,rgba(255,255,255,0.52) 0%,transparent 100%),radial-gradient(1px 1px at 59% 69%,rgba(255,255,255,0.54) 0%,transparent 100%),radial-gradient(1px 1px at 77% 9%,rgba(255,255,255,0.41) 0%,transparent 100%),radial-gradient(1px 1px at 3% 15%,rgba(255,255,255,0.53) 0%,transparent 100%),radial-gradient(2px 2px at 83% 66%,rgba(255,255,255,0.95) 0%,transparent 100%),radial-gradient(1px 1px at 81% 39%,rgba(255,255,255,0.64) 0%,transparent 100%),radial-gradient(1px 1px at 82% 65%,rgba(255,255,255,0.45) 0%,transparent 100%),radial-gradient(1px 1px at 75% 55%,rgba(255,255,255,0.47) 0%,transparent 100%),radial-gradient(1px 1px at 29% 88%,rgba(255,255,255,0.54) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 56% 17%,rgba(255,255,255,0.61) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 47% 56%,rgba(108,99,255,0.52) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 85% 16%,rgba(108,99,255,0.72) 0%,transparent 100%),radial-gradient(1px 1px at 32% 21%,rgba(255,255,255,0.74) 0%,transparent 100%),radial-gradient(1px 1px at 78% 26%,rgba(255,255,255,0.51) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 90% 14%,rgba(255,255,255,0.71) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 54% 81%,rgba(0,212,255,0.64) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 39% 85%,rgba(255,255,255,0.63) 0%,transparent 100%),radial-gradient(1px 1px at 82% 15%,rgba(255,255,255,0.61) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 14% 96%,rgba(255,255,255,0.77) 0%,transparent 100%),radial-gradient(1px 1px at 20% 48%,rgba(255,255,255,0.62) 0%,transparent 100%),radial-gradient(1px 1px at 87% 95%,rgba(255,255,255,0.49) 0%,transparent 100%),radial-gradient(1px 1px at 70% 68%,rgba(255,255,255,0.48) 0%,transparent 100%),radial-gradient(1px 1px at 94% 63%,rgba(255,255,255,0.46) 0%,transparent 100%),radial-gradient(1px 1px at 89% 72%,rgba(255,255,255,0.42) 0%,transparent 100%),radial-gradient(1px 1px at 54% 29%,rgba(255,255,255,0.45) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 30% 29%,rgba(255,255,255,0.61) 0%,transparent 100%),radial-gradient(1px 1px at 52% 86%,rgba(255,255,255,0.68) 0%,transparent 100%),radial-gradient(1px 1px at 69% 97%,rgba(255,255,255,0.4) 0%,transparent 100%),radial-gradient(1px 1px at 31% 8%,rgba(255,255,255,0.75) 0%,transparent 100%),radial-gradient(1px 1px at 11% 11%,rgba(255,255,255,0.44) 0%,transparent 100%),radial-gradient(1px 1px at 58% 76%,rgba(255,255,255,0.62) 0%,transparent 100%),radial-gradient(1px 1px at 42% 99%,rgba(255,255,255,0.44) 0%,transparent 100%),radial-gradient(1px 1px at 49% 36%,rgba(255,255,255,0.52) 0%,transparent 100%),radial-gradient(1px 1px at 98% 21%,rgba(255,255,255,0.47) 0%,transparent 100%),radial-gradient(1px 1px at 73% 92%,rgba(255,255,255,0.46) 0%,transparent 100%),radial-gradient(1px 1px at 30% 13%,rgba(255,255,255,0.53) 0%,transparent 100%),radial-gradient(1px 1px at 6% 85%,rgba(255,255,255,0.69) 0%,transparent 100%),radial-gradient(1px 1px at 44% 36%,rgba(255,255,255,0.58) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 53% 80%,rgba(255,255,255,0.82) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 54% 86%,rgba(108,99,255,0.78) 0%,transparent 100%),radial-gradient(1px 1px at 35% 99%,rgba(255,255,255,0.71) 0%,transparent 100%),radial-gradient(1px 1px at 75% 52%,rgba(255,255,255,0.74) 0%,transparent 100%),radial-gradient(1px 1px at 41% 28%,rgba(255,255,255,0.66) 0%,transparent 100%),radial-gradient(1px 1px at 97% 7%,rgba(255,255,255,0.37) 0%,transparent 100%),radial-gradient(1px 1px at 90% 55%,rgba(255,255,255,0.72) 0%,transparent 100%),radial-gradient(1px 1px at 71% 22%,rgba(255,255,255,0.41) 0%,transparent 100%),radial-gradient(2px 2px at 41% 56%,rgba(255,255,255,0.95) 0%,transparent 100%),radial-gradient(1px 1px at 84% 64%,rgba(255,255,255,0.53) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 92% 44%,rgba(255,255,255,0.66) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 48% 75%,rgba(255,255,255,0.77) 0%,transparent 100%),radial-gradient(1px 1px at 47% 29%,rgba(255,255,255,0.58) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 37% 66%,rgba(0,212,255,0.67) 0%,transparent 100%),radial-gradient(1px 1px at 72% 69%,rgba(255,255,255,0.64) 0%,transparent 100%),radial-gradient(1px 1px at 28% 70%,rgba(255,255,255,0.59) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 18% 34%,rgba(255,255,255,0.63) 0%,transparent 100%),radial-gradient(1px 1px at 59% 82%,rgba(255,255,255,0.46) 0%,transparent 100%),radial-gradient(1px 1px at 78% 55%,rgba(255,255,255,0.63) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 23% 53%,rgba(255,255,255,0.61) 0%,transparent 100%),radial-gradient(1px 1px at 69% 99%,rgba(255,255,255,0.7) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 34% 21%,rgba(255,255,255,0.82) 0%,transparent 100%),radial-gradient(2px 2px at 5% 14%,rgba(255,255,255,0.95) 0%,transparent 100%),radial-gradient(1px 1px at 34% 68%,rgba(255,255,255,0.68) 0%,transparent 100%),radial-gradient(1px 1px at 71% 2%,rgba(255,255,255,0.59) 0%,transparent 100%),radial-gradient(2px 2px at 69% 43%,rgba(255,255,255,0.95) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 32% 35%,rgba(255,255,255,0.65) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 47% 6%,rgba(255,255,255,0.87) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 38% 71%,rgba(108,99,255,0.54) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 29% 26%,rgba(0,212,255,0.54) 0%,transparent 100%),radial-gradient(1px 1px at 91% 9%,rgba(255,255,255,0.49) 0%,transparent 100%),radial-gradient(1px 1px at 97% 94%,rgba(255,255,255,0.74) 0%,transparent 100%),radial-gradient(1px 1px at 38% 81%,rgba(255,255,255,0.74) 0%,transparent 100%),radial-gradient(1px 1px at 59% 19%,rgba(255,255,255,0.73) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 53% 86%,rgba(255,255,255,0.86) 0%,transparent 100%),radial-gradient(1px 1px at 72% 26%,rgba(255,255,255,0.71) 0%,transparent 100%),radial-gradient(1px 1px at 92% 40%,rgba(255,255,255,0.35) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 89% 20%,rgba(255,255,255,0.76) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 66% 61%,rgba(108,99,255,0.74) 0%,transparent 100%),radial-gradient(1px 1px at 88% 83%,rgba(255,255,255,0.57) 0%,transparent 100%),radial-gradient(1px 1px at 5% 41%,rgba(255,255,255,0.37) 0%,transparent 100%),radial-gradient(1px 1px at 9% 98%,rgba(255,255,255,0.72) 0%,transparent 100%),radial-gradient(1px 1px at 6% 94%,rgba(255,255,255,0.52) 0%,transparent 100%);pointer-events:none;z-index:0;}
h1,h2,h3,h4,h5,h6{font-family:var(--mz-display);font-weight:700;color:var(--mz-heading);line-height:1.25;letter-spacing:-0.01em;}
h1{font-size:clamp(1.8rem,4vw,2.8rem);}h2{font-size:clamp(1.4rem,3vw,2rem);}h3{font-size:clamp(1.1rem,2.5vw,1.5rem);}h4{font-size:1.15rem;}
p{margin-bottom:1.1em;}p:last-child{margin-bottom:0;}
a{color:var(--mz-accent2);text-decoration:none;transition:color var(--mz-ease);}a:hover{color:var(--mz-cyan);}
code,pre{font-family:var(--mz-mono);font-size:.875em;}
pre{background:var(--mz-void);border:1px solid var(--mz-border);border-left:3px solid var(--mz-accent);padding:1rem 1.25rem;overflow-x:auto;border-radius:var(--mz-r);margin-bottom:1.5em;}
blockquote{border-left:3px solid var(--mz-accent);padding:.5em 1.25em;color:var(--mz-muted);font-style:italic;margin:1.5em 0;}
hr{border:none;border-top:1px solid var(--mz-border);margin:2em 0;}
img{max-width:100%;height:auto;display:block;}
ul,ol{padding-left:1.5em;margin-bottom:1em;}li{margin-bottom:.35em;}
.site-wrapper{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;}
.site-main{flex:1;width:100%;max-width:var(--mz-max);margin:0 auto;padding:1rem 1.5rem;}
.scanline-top{display:none;}
.site-header{position:sticky;top:0;z-index:100;background:rgba(12,14,18,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--mz-border);}.site-header::before{content:"";display:block;height:2px;background:linear-gradient(90deg,transparent,var(--mz-accent),var(--mz-cyan),var(--mz-accent),transparent);}
.site-header-inner{max-width:var(--mz-max);margin:0 auto;padding:0 1.5rem;height:56px;display:flex;align-items:center;gap:1.5rem;position:relative;}
.site-branding{display:flex;align-items:center;gap:.6rem;text-decoration:none;flex-shrink:0;}
.site-logo-m{width:32px;height:32px;background:var(--mz-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--mz-mono);font-weight:bold;font-size:1.1rem;color:var(--mz-white);flex-shrink:0;box-shadow:0 0 12px rgba(108,99,255,.5);transition:box-shadow var(--mz-ease);}
.site-branding:hover .site-logo-m{box-shadow:0 0 20px rgba(108,99,255,.8),0 0 40px rgba(0,212,255,.3);}
.site-name{font-family:var(--mz-mono);font-size:1.2rem;font-weight:bold;color:var(--mz-white);letter-spacing:.04em;}
.site-name .dot-net{color:var(--mz-cyan);opacity:.8;}
.site-header-inner > nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;}.site-nav{display:flex;align-items:center;list-style:none;margin:0;padding:0;}
.site-nav li a{display:flex;align-items:center;padding:.35em .8em;font-family:var(--mz-mono);font-size:.78rem;font-weight:600;color:var(--mz-muted);border-radius:var(--mz-r);transition:color var(--mz-ease),background var(--mz-ease);line-height:1;}
.site-nav li a:hover,.site-nav li.current-menu-item a,.site-nav li.current-page-ancestor a{color:var(--mz-heading);background:var(--mz-surface2);}
.site-nav li.nav-accent a{color:var(--mz-accent2);}
.header-spacer{flex:1;}
.header-edition{font-family:var(--mz-mono);font-size:.7rem;color:var(--mz-dim);text-align:right;line-height:1.3;display:none;}
@media(min-width:768px){.header-edition{display:block;}}
.header-edition .edition-label{color:var(--mz-accent);}
.header-edition .edition-date{color:var(--mz-muted);}
.mobile-menu-toggle{display:none;background:none;border:1px solid var(--mz-border);color:var(--mz-muted);padding:.4rem .6rem;border-radius:var(--mz-r);cursor:pointer;font-size:1.2rem;line-height:1;}
@media(max-width:700px){.mobile-menu-toggle{display:block;}.site-nav{display:none;}.site-nav.is-open{display:flex;flex-direction:column;position:absolute;top:57px;left:0;right:0;background:rgba(12,14,18,.98);border-bottom:1px solid var(--mz-border);padding:.5rem;z-index:99;}}
.hub-hero{padding:4rem 0 3rem;text-align:center;}
.hub-hero-title{font-family:var(--mz-mono);font-size:clamp(2.5rem,8vw,5rem);font-weight:bold;color:var(--mz-white);letter-spacing:-.02em;text-shadow:0 0 40px rgba(108,99,255,.4),0 0 80px rgba(108,99,255,.15);margin-bottom:.4em;}
.hub-hero-title .accent{color:var(--mz-cyan);}
.hub-hero-sub{font-size:1rem;color:var(--mz-muted);max-width:520px;margin:0 auto 1.5rem;font-family:var(--mz-ui);line-height:1.6;}
.hub-hero-meta{font-family:var(--mz-mono);font-size:.72rem;color:var(--mz-dim);letter-spacing:.1em;text-transform:uppercase;margin-bottom:2.5rem;}
.hub-hero-meta .uptime{color:var(--mz-accent2);}
.hub-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:4rem;}
.hub-card{background:var(--mz-surface);border:1px solid var(--mz-border);border-radius:var(--mz-rl);padding:1.5rem;text-decoration:none;display:flex;flex-direction:column;gap:.6rem;transition:border-color var(--mz-ease),transform var(--mz-ease),box-shadow var(--mz-ease);position:relative;overflow:hidden;}
.hub-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--mz-accent),var(--mz-cyan));opacity:0;transition:opacity var(--mz-ease);}
.hub-card:hover{border-color:var(--mz-border2);transform:translateY(-3px);box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 0 1px var(--mz-accent3);color:inherit;}
.hub-card:hover::before{opacity:1;}
.hub-card-icon{font-size:2rem;line-height:1;}
.hub-card-label{font-family:var(--mz-ui);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mz-accent2);font-weight:600;}
.hub-card-title{font-family:var(--mz-display);font-size:1.25rem;font-weight:700;color:var(--mz-heading);line-height:1.2;}
.hub-card-desc{font-size:.875rem;color:var(--mz-muted);line-height:1.55;flex:1;}
.hub-card-count{font-family:var(--mz-mono);font-size:.7rem;color:var(--mz-dim);margin-top:auto;padding-top:.75rem;border-top:1px solid var(--mz-border);}
.hub-recent{margin-bottom:4rem;}
.section-header{display:flex;align-items:baseline;gap:1rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--mz-border);}
.section-title{font-family:var(--mz-ui);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--mz-muted);}
.section-title span{color:var(--mz-accent2);margin-right:.5em;}
.section-link{font-size:.8rem;color:var(--mz-dim);margin-left:auto;font-family:var(--mz-ui);transition:color var(--mz-ease);}
.section-link:hover{color:var(--mz-accent2);}
.recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;}
.post-card{background:var(--mz-surface);border:1px solid var(--mz-border);border-radius:var(--mz-rl);overflow:hidden;transition:border-color var(--mz-ease),transform var(--mz-ease);display:flex;flex-direction:column;}
.post-card:hover{border-color:var(--mz-border2);transform:translateY(-2px);}
.post-card-thumb{overflow:hidden;background:var(--mz-void);flex-shrink:0;}
.post-card-thumb img{width:100%;height:auto;display:block;}
.post-card-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--mz-void),var(--mz-surface2));font-size:2.5rem;opacity:.4;}
.post-card-body{padding:1.1rem 1.25rem 1.25rem;display:flex;flex-direction:column;flex:1;}
.post-card-cat{font-family:var(--mz-ui);font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:var(--mz-accent2);font-weight:600;margin-bottom:.4em;text-decoration:none;}
.post-card-cat:hover{color:var(--mz-cyan);}
.post-card-title{font-family:var(--mz-display);font-size:1.05rem;font-weight:700;color:var(--mz-heading);line-height:1.3;margin-bottom:.5em;text-decoration:none;display:block;}
.post-card-title:hover{color:var(--mz-accent2);}
.post-card-excerpt{font-size:.85rem;color:var(--mz-muted);line-height:1.55;flex:1;margin-bottom:.75em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.post-card-meta{font-family:var(--mz-ui);font-size:.75rem;color:var(--mz-dim);margin-top:auto;}
.archive-header{padding:2.5rem 0 2rem;border-bottom:1px solid var(--mz-border);margin-bottom:2rem;}
.archive-label{font-family:var(--mz-ui);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--mz-accent2);margin-bottom:.5em;}
.archive-title{font-family:var(--mz-display);font-size:clamp(1.8rem,4vw,3rem);color:var(--mz-heading);margin-bottom:.5em;}
.archive-desc{color:var(--mz-muted);max-width:600px;}
.archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;margin-bottom:3rem;}
.single-header{padding:2.5rem 0 2rem;border-bottom:1px solid var(--mz-border);margin:0 auto 2.5rem;max-width:780px;}
.single-cat{font-family:var(--mz-ui);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--mz-accent2);margin-bottom:.6em;text-decoration:none;display:inline-block;}
.single-title{font-family:var(--mz-display);font-size:clamp(1.6rem,4vw,2.5rem);color:var(--mz-heading);line-height:1.2;margin-bottom:1rem;}
.single-meta{font-family:var(--mz-ui);font-size:.82rem;color:var(--mz-muted);display:flex;align-items:center;gap:1rem;flex-wrap:wrap;}
.single-meta-dot{color:var(--mz-dim);}
.single-content{max-width:780px;margin:0 auto;font-size:1.02rem;line-height:1.75;color:var(--mz-text);}
.single-content h2,.single-content h3{margin:2em 0 .7em;}
.single-content p{margin-bottom:1.25em;}
.single-content a{color:var(--mz-accent2);border-bottom:1px solid rgba(139,133,255,.3);transition:color var(--mz-ease),border-color var(--mz-ease);}
.single-content a:hover{color:var(--mz-cyan);border-color:rgba(0,212,255,.5);}
.wp-block-embed__wrapper{position:relative;padding-top:56.25%;}
.wp-block-embed__wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--mz-r);}
.single-featured{margin-bottom:2.5rem;border-radius:var(--mz-rl);overflow:hidden;border:1px solid var(--mz-border);}
.single-featured img{width:100%;height:auto;}
.post-nav{max-width:780px;margin:3rem auto 0;display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:2rem 0;margin-top:3rem;border-top:1px solid var(--mz-border);}
.post-nav-link{background:var(--mz-surface);border:1px solid var(--mz-border);border-radius:var(--mz-rl);padding:1rem 1.25rem;text-decoration:none;transition:border-color var(--mz-ease);}
.post-nav-link:hover{border-color:var(--mz-border2);color:inherit;}
.post-nav-dir{font-family:var(--mz-ui);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--mz-dim);margin-bottom:.4em;}
.post-nav-link.next{text-align:right;}
.post-nav-title{font-size:.9rem;font-weight:600;color:var(--mz-heading);line-height:1.3;}
/* Thumb layout: outside edge (left for prev, right for next) so the eye
   reads inward to the title. Empty placeholder keeps the two columns the
   same height when the linked post has no featured image. */
.post-nav-link{display:flex;align-items:center;gap:1rem;}
.post-nav-link.next{flex-direction:row-reverse;}
.post-nav-thumb{flex:0 0 64px;width:64px;height:64px;border-radius:10px;object-fit:cover;background:var(--mz-surface2);}
.post-nav-thumb.is-empty{background:linear-gradient(135deg,var(--mz-void,#0e1116),var(--mz-surface,#161b22));}
.post-nav-body{flex:1;min-width:0;}
.post-nav-link.next .post-nav-body{text-align:right;}
.pagination{display:flex;align-items:center;gap:.35rem;justify-content:center;padding:2rem 0;flex-wrap:wrap;}
.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 .75rem;background:var(--mz-surface);border:1px solid var(--mz-border);border-radius:var(--mz-r);font-size:.85rem;color:var(--mz-muted);text-decoration:none;transition:all var(--mz-ease);font-family:var(--mz-ui);}
.page-numbers:hover,.page-numbers.current{background:var(--mz-accent);border-color:var(--mz-accent);color:var(--mz-white);}
.site-footer{background:var(--mz-surface);border-top:1px solid var(--mz-border);margin-top:auto;position:relative;z-index:1;}

.footer-brand{font-family:var(--mz-ui);font-size:.8rem;color:var(--mz-dim);line-height:1.8;}
.footer-brand strong{font-size:.95rem;color:var(--mz-muted);font-weight:600;}
.footer-links{display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap;}
.footer-links a{font-size:.8rem;color:var(--mz-dim);text-decoration:none;font-family:var(--mz-ui);transition:color var(--mz-ease);}
.footer-links a:hover{color:var(--mz-muted);}
.footer-copy{font-family:var(--mz-ui);font-size:.75rem;color:var(--mz-dim);text-align:center;padding:1rem 1.5rem;}
.page-404{text-align:center;padding:6rem 1.5rem;}
.page-404-code{font-family:var(--mz-mono);font-size:clamp(5rem,20vw,12rem);font-weight:bold;color:var(--mz-surface2);line-height:1;text-shadow:0 0 60px rgba(108,99,255,.2);}
.page-404 h2{margin-top:-.2em;color:var(--mz-heading);margin-bottom:1rem;}
.page-404 p{color:var(--mz-muted);max-width:400px;margin:0 auto 2rem;}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.btn{display:inline-flex;align-items:center;gap:.4em;padding:.55em 1.2em;border-radius:var(--mz-r);font-size:.875rem;font-weight:600;font-family:var(--mz-ui);text-decoration:none;cursor:pointer;transition:all var(--mz-ease);border:1px solid transparent;}
.btn-primary{background:var(--mz-accent);color:var(--mz-white);border-color:var(--mz-accent);}
.btn-primary:hover{background:var(--mz-accent2);border-color:var(--mz-accent2);color:var(--mz-white);box-shadow:0 0 20px rgba(108,99,255,.4);}
.btn-ghost{background:transparent;color:var(--mz-muted);border-color:var(--mz-border2);}
.btn-ghost:hover{color:var(--mz-heading);border-color:var(--mz-muted);}
.alignleft{float:left;margin:0 1.5rem 1rem 0;}.alignright{float:right;margin:0 0 1rem 1.5rem;}.aligncenter{margin:0 auto 1rem;text-align:center;}
.admin-bar .site-header{top:32px;}
@media screen and (max-width:782px){.admin-bar .site-header{top:46px;}}
@media(max-width:900px){.hub-sections{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}.archive-grid,.recent-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));}.site-footer-inner{grid-template-columns:1fr;text-align:center;}.footer-links{justify-content:center;}}
@media(max-width:600px){.site-main{padding:1.5rem 1rem;}.post-nav{grid-template-columns:1fr;}.hub-hero{padding:2.5rem 0 2rem;}.hub-sections{grid-template-columns:1fr;}}
/* Nav dropdowns */
.site-nav li{position:relative;}
.site-nav ul{display:none;position:absolute;top:100%;left:0;min-width:160px;background:var(--mz-surface);border:1px solid var(--mz-border);border-radius:var(--mz-r);padding:.35rem 0;list-style:none;margin:0;z-index:200;box-shadow:0 8px 24px rgba(0,0,0,.4);}
.site-nav li:hover>ul,.site-nav li:focus-within>ul{display:block;}
.site-nav ul li a{display:block;padding:.4em 1em;font-family:var(--mz-mono);font-size:.75rem;font-weight:500;color:var(--mz-muted);white-space:nowrap;border-radius:0;}
.site-nav ul li a:hover{color:var(--mz-heading);background:var(--mz-surface2);}
/* Cart icon */
.store-cart-icon{display:flex;align-items:center;gap:.3em;color:var(--mz-dim);text-decoration:none;padding:.3em .5em;border-radius:var(--mz-r);transition:color var(--mz-ease);position:relative;}
.store-cart-icon:hover{color:var(--mz-muted);}
.store-cart-count{font-family:var(--mz-mono);font-size:.6rem;background:var(--mz-accent);color:var(--mz-white);border-radius:99px;padding:.1em .4em;line-height:1.4;}
@media(max-width:700px){.store-cart-icon{display:none;}}

/* ── Game Rating System ──────────────────────────────────────────────────── */
.game-archive{padding:0.5rem 0;}
.game-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem;}
.game-card{display:grid;grid-template-columns:2.5rem 60px 1fr auto;align-items:center;gap:1rem;padding:.85rem 1rem;background:var(--mz-surface);border:1px solid var(--mz-border);border-radius:var(--mz-r);text-decoration:none;color:inherit;transition:border-color var(--mz-ease),transform var(--mz-ease);}
.game-card:hover{border-color:var(--mz-accent);transform:translateX(4px);}
.game-card-rank{font-family:var(--mz-mono);font-size:.9rem;font-weight:bold;color:var(--mz-dim);text-align:center;}
.game-card-thumb{width:60px;aspect-ratio:2/3;overflow:hidden;border-radius:4px;flex-shrink:0;background:var(--mz-surface2,#1a1a1a);}
.game-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.game-card-thumb-empty{display:flex;align-items:center;justify-content:center;background:var(--mz-surface2);font-size:1.4rem;}
.game-card-title{font-size:.95rem;font-weight:600;color:var(--mz-heading);}
.game-card-meta{font-family:var(--mz-ui);font-size:.75rem;color:var(--mz-dim);margin-top:.15rem;}
.game-card-score{font-family:var(--mz-mono);font-size:1.5rem;font-weight:bold;color:var(--mz-accent2);min-width:2.5rem;text-align:right;}
/* Single game */
.game-single{max-width:780px;margin:0 auto;padding:2rem 0;}
.game-header{display:grid;grid-template-columns:180px 1fr;gap:2rem;align-items:start;margin-bottom:2.5rem;}
.game-cover img{width:100%;border-radius:var(--mz-r);border:1px solid var(--mz-border);display:block;}
.game-title{font-size:clamp(1.4rem,3.5vw,2.2rem);color:var(--mz-heading);margin:0 0 .75rem;line-height:1.2;}
.game-meta-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;}
.game-tag{font-family:var(--mz-ui);font-size:.78rem;color:var(--mz-muted);background:var(--mz-surface2);padding:.2em .65em;border-radius:var(--mz-r);border:1px solid var(--mz-border);}
.game-composite-score{display:flex;align-items:baseline;gap:.25rem;margin-bottom:1rem;}
.game-score-number{font-family:var(--mz-mono);font-size:3rem;font-weight:bold;color:var(--mz-accent2);line-height:1;}
.game-score-denom{font-family:var(--mz-mono);font-size:.9rem;color:var(--mz-dim);}
.game-back-link{font-family:var(--mz-ui);font-size:.78rem;color:var(--mz-dim);text-decoration:none;text-transform:uppercase;letter-spacing:.04em;transition:color var(--mz-ease);}
.game-back-link:hover{color:var(--mz-muted);}
/* Rating bars */
.game-ratings-block{margin-bottom:2.5rem;}
.game-ratings-title{font-family:var(--mz-ui);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--mz-dim);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--mz-border);}
.game-rating-row{display:grid;grid-template-columns:150px 1fr 48px;align-items:center;gap:1rem;padding:.45rem 0;}
.game-rating-meta{display:flex;flex-direction:column;gap:.1rem;}
.game-rating-name{font-weight:600;font-size:.88rem;color:var(--mz-heading);}
.game-rating-weight{font-family:var(--mz-ui);font-size:.7rem;color:var(--mz-dim);}
.game-rating-bar{height:5px;background:var(--mz-surface2);border-radius:99px;overflow:hidden;}
.game-rating-fill{height:100%;background:linear-gradient(90deg,var(--mz-accent),var(--mz-cyan));border-radius:99px;}
.game-rating-score{font-family:var(--mz-mono);font-size:.82rem;color:var(--mz-muted);text-align:right;}
.game-notes{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--mz-border);}
@media(max-width:700px){
.game-header{grid-template-columns:1fr;}.game-cover{max-width:180px;}
.game-card{grid-template-columns:2rem 1fr auto;}.game-card-thumb{display:none;}
.game-rating-row{grid-template-columns:110px 1fr 38px;gap:.5rem;}
}

/* Header row above game cards */
.game-list-header{display:grid;grid-template-columns:2.5rem 60px minmax(160px, 1fr) 70px repeat(8, 32px) 50px;align-items:center;gap:.75rem;padding:.5rem 1rem;font-family:var(--mz-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--mz-muted);border-bottom:1px solid var(--mz-border);margin-bottom:.5rem;}
.game-list-header .h-rank, .game-list-header .h-thumb{text-align:center;}
.game-list-header .h-dim{text-align:center;font-size:.6rem;writing-mode:vertical-rl;transform:rotate(180deg);height:60px;line-height:1;}
.game-list-header .h-score{text-align:right;}

/* Hide dim columns on smaller screens */




/* Parallel ranked columns view (default for /games/) */
.game-columns{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:1.25rem;margin-top:1rem;}
.gc-col{display:flex;flex-direction:column;gap:.4rem;min-width:0;}
.gc-col-header{font-family:var(--mz-ui);font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--mz-accent,#6c63ff);padding:.5rem .75rem;border-bottom:2px solid var(--mz-border);margin-bottom:.4rem;font-weight:700;text-align:center;}
.gc-card{display:grid;grid-template-columns:1.5rem 36px 1fr auto;align-items:center;gap:.5rem;padding:.4rem .5rem;background:var(--mz-surface);border:1px solid var(--mz-border);border-radius:var(--mz-r);text-decoration:none;color:inherit;transition:border-color var(--mz-ease),transform var(--mz-ease);min-width:0;}
.gc-card:hover{border-color:var(--mz-accent);transform:translateX(2px);}
.gc-rank{font-family:var(--mz-mono);font-size:.7rem;color:var(--mz-dim);text-align:center;}
.gc-card.mz-legendary .gc-rank,.gc-card.mz-legendary .gc-score{color:var(--mz-legendary)!important;}
.gc-card.mz-epic .gc-rank,.gc-card.mz-epic .gc-score{color:var(--mz-epic)!important;}
.gc-card.mz-rare .gc-rank,.gc-card.mz-rare .gc-score{color:var(--mz-rare)!important;}
.gc-card.mz-uncommon .gc-rank,.gc-card.mz-uncommon .gc-score{color:var(--mz-uncommon)!important;}
.gc-card.mz-common .gc-rank,.gc-card.mz-common .gc-score{color:var(--mz-common)!important;}
.gc-card.mz-junk .gc-rank,.gc-card.mz-junk .gc-score{color:var(--mz-junk)!important;}
.gc-thumb{width:36px;aspect-ratio:2/3;overflow:hidden;border-radius:3px;background:var(--mz-surface2,#1a1a1a);}
.gc-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.gc-thumb-empty{display:flex;align-items:center;justify-content:center;font-size:1rem;}
.gc-body{min-width:0;}
.gc-title{font-size:.78rem;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--mz-text);}
.gc-score{font-family:var(--mz-mono);font-size:.75rem;font-weight:700;color:var(--mz-accent,#6c63ff);min-width:2.2rem;text-align:right;}

/* Prominent Overall column: bigger everything */
.gc-col-composite .gc-col-header{font-size:1.1rem;color:var(--mz-text);}
.gc-col-composite .gc-card{grid-template-columns:1.75rem 60px 1fr auto;gap:.75rem;padding:.65rem .75rem;}
.gc-col-composite .gc-rank{font-size:.85rem;font-weight:bold;}
.gc-col-composite .gc-thumb{width:60px;}
.gc-col-composite .gc-title{font-size:.95rem;line-height:1.25;}
.gc-col-composite .gc-score{font-size:1rem;min-width:2.5rem;}

/* "View all" button at the bottom of each column */
.gc-view-all{display:block;text-align:center;font-family:var(--mz-ui);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--mz-muted);padding:.6rem;margin-top:.5rem;border:1px dashed var(--mz-border);border-radius:var(--mz-r);text-decoration:none;transition:all var(--mz-ease);}
.gc-view-all:hover{color:var(--mz-accent);border-color:var(--mz-accent);background:rgba(108,99,255,0.05);}

/* Responsive breakpoints */
@media (max-width: 1200px){
    .game-columns{grid-template-columns:2fr 1fr 1fr 1fr;}
    .gc-col-multiplayer{display:none;} /* drop multiplayer first since it's sparsest */
}
@media (max-width: 950px){
    .game-columns{grid-template-columns:2fr 1fr 1fr;}
}
@media (max-width: 750px){
    .game-columns{grid-template-columns:1fr 1fr;}
    .gc-col-composite .gc-card{grid-template-columns:1.5rem 48px 1fr auto;}
    .gc-col-composite .gc-thumb{width:48px;}
    .gc-col-composite .gc-title{font-size:.88rem;}
}
@media (max-width: 550px){
    .game-columns{grid-template-columns:1fr;gap:1.5rem;}
    .gc-col-composite .gc-thumb{width:60px;}
    .gc-col-composite .gc-title{font-size:.95rem;}
}

/* Normalized credits block (Eric audio:/video: convention) */
.metzae-credits{font-family:var(--mz-mono);font-size:.78rem;color:var(--mz-muted);line-height:1.7;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--mz-border);}
.metzae-credits a{color:var(--mz-muted);text-decoration:underline;text-decoration-color:var(--mz-border);text-underline-offset:.2em;}
.metzae-credits a:hover{color:var(--mz-heading);}

/* Buy-print CTA on Photography single posts */
.buy-print{max-width:780px;margin:3rem auto 0;padding:1.5rem;border:1px solid var(--mz-border);border-radius:var(--mz-rl);background:var(--mz-surface);}
.buy-print-header{margin-bottom:1rem;}
.buy-print-label{font-family:var(--mz-mono);font-size:.78rem;color:var(--mz-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem;}
.buy-print-title{font-family:var(--mz-display);font-size:1.4rem;color:var(--mz-heading);font-weight:700;}
.buy-print-sizes{list-style:none;padding:0;margin:0 0 1.25rem;}
.buy-print-size{display:flex;justify-content:space-between;padding:.55rem 0;border-bottom:1px dashed var(--mz-border);font-family:var(--mz-mono);font-size:.88rem;color:var(--mz-text);}
.buy-print-size:last-child{border-bottom:none;}
.buy-print-size-name{color:var(--mz-muted);}
.buy-print-size-price{color:var(--mz-heading);font-weight:700;}
.buy-print-btn{display:inline-block;background:var(--mz-accent);color:var(--mz-white)!important;padding:.7rem 1.4rem;border-radius:var(--mz-r);text-decoration:none;font-family:var(--mz-mono);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;transition:background var(--mz-ease);}
.buy-print-btn:hover{background:var(--mz-accent2);}
.buy-print-soon{font-family:var(--mz-mono);font-size:.82rem;color:var(--mz-muted);line-height:1.6;padding:.6rem .8rem;background:var(--mz-surface2);border-radius:var(--mz-r);}
.buy-print-soon a{color:var(--mz-accent2);}

/* Hover-swap to animated WebP loop on cards that have one */
.post-card.has-loop .post-card-thumb{position:relative;}
.post-card.has-loop .post-card-thumb-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s ease;pointer-events:none;}
.post-card.has-loop:hover .post-card-thumb-loop{opacity:1;}
/* Timeline thumbs reuse the same loop-image mechanic; the host element
   itself is the container, so the rules target it directly. */
.timeline-event-thumb.has-loop .post-card-thumb-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s ease;pointer-events:none;}
.timeline-event-thumb.has-loop:hover .post-card-thumb-loop{opacity:1;}
/* Timeline v2: dot aligned to thumbnail center; year + subtitle prominent */
.timeline-wrap{max-width:980px;margin:0 auto;padding:0 1rem;}
.timeline-page-header{text-align:center;padding:2rem 0 1.5rem;margin-bottom:1.5rem;}
.timeline-page-title{font-family:var(--mz-display);font-size:clamp(2rem,5vw,3.4rem);color:var(--mz-heading);margin:0;letter-spacing:-.01em;}
.timeline-intro{max-width:680px;margin:0 auto 3rem;color:var(--mz-text);font-size:1.02rem;line-height:1.7;}
.timeline-intro p:last-child{margin-bottom:0;}

.timeline-events{list-style:none;padding:0;margin:0;position:relative;}
.timeline-events::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,var(--mz-border) 4%,var(--mz-border) 96%,transparent);transform:translateX(-50%);z-index:0;}

.timeline-event{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:2.5rem;margin:3rem 0;align-items:start;}
.timeline-event-media{position:relative;z-index:1;}
.timeline-event-body{font-size:1rem;line-height:1.65;color:var(--mz-text);}

/* Alternate sides */
.timeline-event:nth-child(odd) .timeline-event-media{grid-column:1;order:0;}
.timeline-event:nth-child(odd) .timeline-event-body{grid-column:2;order:1;text-align:left;}
.timeline-event:nth-child(even) .timeline-event-media{grid-column:2;order:1;}
.timeline-event:nth-child(even) .timeline-event-body{grid-column:1;order:0;text-align:left;}

/* Dot sits on the media element, vertically centered, on the spine side */
.timeline-event-media::after{content:"";position:absolute;top:50%;width:14px;height:14px;background:var(--mz-accent);border:3px solid var(--mz-bg);border-radius:50%;box-shadow:0 0 0 2px var(--mz-border);z-index:3;}
.timeline-event:nth-child(odd) .timeline-event-media::after{right:-1.25rem;transform:translate(50%,-50%);}
.timeline-event:nth-child(even) .timeline-event-media::after{left:-1.25rem;transform:translate(-50%,-50%);}

/* Thumbnails: natural aspect per content type. Videos lock to 16:9 to
   match their source; still images use their own dimensions so square
   art (e.g. album covers) isn't crop-shaved; the empty placeholder keeps
   a sensible default so empty rows don't collapse. */
.timeline-event-thumb{display:block;background:var(--mz-surface);border:1px solid var(--mz-border);border-radius:var(--mz-rl);overflow:hidden;position:relative;text-decoration:none;}
.timeline-event-thumb img{display:block;width:100%;height:auto;max-width:100%;}
.timeline-event-thumb.is-video{aspect-ratio:16/9;}
.timeline-event-thumb.is-video img{height:100%;object-fit:cover;}
.timeline-event-thumb.is-video .timeline-event-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;text-shadow:0 0 16px rgba(0,0,0,.5);opacity:.85;transition:opacity .25s,transform .25s;}
.timeline-event-thumb.is-video:hover .timeline-event-play{opacity:1;transform:scale(1.1);}
.timeline-event-thumb.is-empty{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;color:var(--mz-dim);font-size:2rem;background:linear-gradient(135deg,var(--mz-void),var(--mz-surface));}

/* Year — prominent, near the dot */
.timeline-event-year{font-family:var(--mz-mono);font-size:.95rem;color:var(--mz-accent);font-weight:700;letter-spacing:.08em;margin-bottom:.4rem;display:inline-block;padding:.15rem .55rem;background:var(--mz-surface2);border:1px solid var(--mz-border);border-radius:var(--mz-r);}
.timeline-event-title{font-family:var(--mz-display);font-size:1.6rem;color:var(--mz-heading);margin:0 0 .15em;letter-spacing:-.005em;line-height:1.15;}
.timeline-event-subtitle{font-family:var(--mz-mono);font-size:.78rem;color:var(--mz-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;}
.timeline-event-desc{text-align:left;}
.timeline-event-desc p:last-child{margin-bottom:0;}

/* Mobile */
@media (max-width:780px){
  .timeline-events::before{left:18px;}
  .timeline-event{grid-template-columns:1fr;column-gap:0;row-gap:1rem;margin:2.25rem 0 2.25rem 2.5rem;}
  .timeline-event:nth-child(odd) .timeline-event-media,
  .timeline-event:nth-child(even) .timeline-event-media{grid-column:1;order:0;}
  .timeline-event:nth-child(odd) .timeline-event-body,
  .timeline-event:nth-child(even) .timeline-event-body{grid-column:1;order:1;text-align:left;}
  .timeline-event:nth-child(odd) .timeline-event-media::after,
  .timeline-event:nth-child(even) .timeline-event-media::after{left:-2.1rem;right:auto;transform:translate(-50%,-50%);}
}

/* View-count badge on video thumbnails */
.post-card-thumb{position:relative;}
/* View count sits on the meta row, right-aligned opposite the date */
.post-card-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;}
.post-card-views{font-family:var(--mz-mono);font-size:.72rem;font-weight:600;color:var(--mz-muted);letter-spacing:.02em;white-space:nowrap;}

/* Per-section total view count next to the title */
.section-views{font-family:var(--mz-mono);font-size:.72rem;font-weight:600;color:var(--mz-muted);letter-spacing:.03em;text-transform:none;margin-left:.5rem;}

/* Series Hub: two-column header with the featured item (trailer) on the right
   and the rest of the series in a grid below. Used by template-series-hub.php. */
.series-hub-header{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:start;padding:2.5rem 0 2rem;margin-bottom:1rem;}
.series-hub-intro{text-align:left;}
.series-hub-intro .archive-title{text-align:left;margin:0 0 1.25rem;}
.series-hub-intro .archive-desc{max-width:none;margin:0;text-align:left;}
.series-hub-featured{align-self:center;}
.series-hub-featured .post-card{margin:0;}
.series-hub-meta{text-align:center;font-family:var(--mz-mono);font-size:.8rem;color:var(--mz-muted);margin:0 0 2rem;letter-spacing:.05em;text-transform:uppercase;border-top:1px solid var(--mz-border);padding-top:2rem;}
@media (max-width:780px){
	.series-hub-header{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem 0 1rem;}
	.series-hub-meta{padding-top:1.5rem;}
}

/* Series hub: embedded featured video (e.g. trailer) in right column */
.series-hub-featured-embed{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:6px;overflow:hidden;}
.series-hub-featured-embed iframe,
.series-hub-featured-embed video{position:absolute;inset:0;width:100%;height:100%;border:0;}
.series-hub-featured-caption{margin-top:.6rem;font-family:var(--mz-mono);font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;text-align:center;}
.series-hub-featured-caption a{color:var(--mz-fg);text-decoration:none;border-bottom:1px solid var(--mz-muted);}
.series-hub-featured-caption a:hover{border-bottom-color:var(--mz-fg);}