:root{--bg:#11172a;--panel:#1b2238;--panel-2:#242d48;--edge:#0a0e1b;--ink:#f2efe6;--muted:#c9cfe0;--accent:#ff6a3d;--accent-2:#ffa25f;--gold:#ffcf4a;--pixel:"Silkscreen", ui-monospace, monospace;--display:"Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font:16px/1.55 Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:14px}.top{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--edge);background:#11172adb;align-items:center;gap:22px;padding:12px clamp(16px,4vw,40px);display:flex;position:sticky;top:0}.logo{font-family:var(--display);color:var(--accent);letter-spacing:.04em;font-size:22px;font-weight:700;text-decoration:none}.top nav{gap:16px;margin-right:auto;display:flex}.top nav a{color:var(--muted);font-size:16px;font-weight:600;text-decoration:none}.top nav a:hover{color:var(--ink)}.btn{font-family:var(--display);background:var(--panel-2);border:1px solid var(--edge);color:var(--ink);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{background:#2e3859}.btn.primary{background:var(--accent);color:#1b1726;border-color:#b84a22;box-shadow:0 3px #9a3c1a}.btn.primary:hover{background:var(--accent-2)}.btn.ghost{background:#11172a80;border-color:#ffffff40}.btn.big{padding:12px 22px;font-size:17px}.btn.small{padding:6px 12px;font-size:14px}.chip{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:#1b1726;background:var(--gold);border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.hero{background:#0d1222;align-items:flex-end;min-height:min(78vh,640px);display:flex;position:relative;overflow:hidden}.page-hero{min-height:min(62vh,520px)}.hero-art{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg, #080b16f7 0%, #080b16e0 38%, #080b1659 62%, #080b1600 80%), linear-gradient(0deg, var(--bg) 0%, #11172a00 35%);position:absolute;inset:0}.hero-body{max-width:640px;padding:0 clamp(16px,4vw,40px) clamp(28px,6vh,56px);position:relative}.game-title{font-family:"Pixelify Sans", var(--display);letter-spacing:.02em;color:var(--accent);text-shadow:4px 4px 0 var(--edge);margin:12px 0 10px;font-size:clamp(44px,7vw,84px);font-weight:700;line-height:.95}.pitch{color:#fff;text-shadow:0 1px 3px #0009;max-width:520px;margin:0 0 10px;font-size:clamp(18px,2vw,21px);line-height:1.45}.facts{color:var(--muted);text-shadow:0 1px 3px #0009;margin:0 0 22px}.actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.make{background:var(--panel);border:1px solid var(--edge);border-radius:14px;grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(20px,4vw,48px);margin:24px clamp(16px,4vw,40px) 8px;padding:clamp(20px,3vw,32px);display:grid}.make h2,.shelf h2{font-family:var(--display);margin:0 0 10px;font-size:28px;font-weight:700}.make p{color:var(--muted);max-width:560px;margin:0 0 18px;font-size:17px}.steps{counter-reset:step;gap:10px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;background:var(--panel-2);border-radius:10px;grid-template-columns:34px 1fr;column-gap:12px;padding:10px 14px;display:grid}.steps li:before{content:counter(step);font-family:var(--display);color:var(--accent);grid-row:1/3;align-self:center;font-size:22px;font-weight:700}.steps b{font-family:var(--display);font-size:18px}.steps span{color:var(--muted);font-size:15px}.shelf{padding:28px clamp(16px,4vw,40px) 12px}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.card{background:var(--panel);border:1px solid var(--edge);border-radius:12px;flex-direction:column;text-decoration:none;transition:transform .12s,border-color .12s;display:flex;overflow:hidden}a.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card-art{aspect-ratio:16/9;background:#0d1222;position:relative}.card-img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.card-tag{position:absolute;top:10px;left:10px}.card-body{padding:12px 14px 14px}.card-body h3{font-family:var(--display);margin:0;font-size:20px;font-weight:700}.card-body p{color:var(--muted);margin:6px 0 0}.card-slot{text-align:center;background:0 0;border-style:dashed;border-color:#3a4566;justify-content:center;align-items:center;min-height:220px;padding:24px}.card-slot h3{font-family:var(--display);margin:6px 0 2px}.card-slot p{max-width:220px;margin:0}.slot-plus{font-family:var(--display);color:var(--accent);font-size:40px;font-weight:700;line-height:1}#shelf-note{margin-top:14px}.facts-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;padding:20px clamp(16px,4vw,40px) 0;display:grid}.fact{background:var(--panel);border:1px solid var(--edge);border-radius:10px;flex-direction:column;padding:12px 14px;display:flex}.fact b{font-family:var(--display);color:var(--gold);font-size:30px;font-weight:700;line-height:1.1}.fact span{color:var(--muted);font-size:15px}.note{color:var(--muted);max-width:760px;padding:8px clamp(16px,4vw,40px) 48px}@media (max-width:760px){.make{grid-template-columns:1fr}.top{gap:12px}.top nav{gap:10px}.hero-shade{background:linear-gradient(0deg, var(--bg) 8%, #0a0e1bbf 55%, #0a0e1b33 100%)}}