:root{--bg: #07060f;--panel: #12101f;--line: #262341;--text: #ecebf7;--muted: #a3a0bf;--accent: #7c6cff;--accent-2: #2fd3c5;--radius: 14px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit}.wrap{max-width:1120px;margin:0 auto;padding:0 16px}header.site{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding:10px 0}header.site .wrap{display:flex;align-items:center;gap:12px}.mark{flex-shrink:0;width:36px;height:36px;border-radius:3px;box-shadow:0 0 0 1px #4a413899;background:url(/skyforge-anvil.jpg) center 45% / 145% 145% no-repeat}.brand{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.brand .word{font-weight:700;letter-spacing:-.01em}.brand .word em{font-style:normal;color:var(--accent)}.home-link{color:var(--muted);font-size:.9rem;text-decoration:none;white-space:nowrap}.home-link:hover{color:var(--text)}.sidebar .drawer-home{display:none}.search{margin-left:auto;flex:0 1 320px;min-width:0}.search input{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:999px;color:var(--text);font:inherit;padding:8px 14px}.search input:focus{outline:2px solid var(--accent);outline-offset:1px}.browse-toggle{display:none;flex-direction:column;justify-content:center;gap:4px;width:36px;height:36px;padding:8px;background:none;border:1px solid var(--line);border-radius:8px;cursor:pointer}.browse-toggle span{display:block;height:2px;background:var(--text);border-radius:1px}.layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:start}.sidebar{position:sticky;top:72px;padding:24px 0}.sidebar h2{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px 10px}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar a{display:flex;justify-content:space-between;padding:7px 10px;border-radius:8px;text-decoration:none;color:var(--muted)}.sidebar a:hover{color:var(--text);background:var(--panel)}.sidebar a[aria-current=page]{color:var(--text);background:var(--panel);box-shadow:inset 2px 0 0 var(--accent)}.sidebar .count{color:var(--muted);font-size:.85rem}.drawer-scrim{display:none}.banner{display:flex;align-items:center;gap:12px;margin-top:20px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--accent) 50%,var(--line));background:color-mix(in srgb,var(--accent) 14%,var(--panel));border-radius:10px}.banner span{flex:1}.banner button{background:none;border:0;color:var(--muted);font-size:1.4rem;line-height:1;cursor:pointer;padding:0 4px}.banner button:hover{color:var(--text)}.banner-dismissed .banner{display:none}.results{color:var(--muted);margin:0}@media(max-width:760px){.browse-toggle{display:flex}.brand .word,.home-link{display:none}.sidebar .drawer-home{display:block;color:var(--muted);text-decoration:none;padding:4px 10px 16px}.search{flex:1}.layout{grid-template-columns:1fr;gap:0}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:40;width:min(280px,82vw);padding:20px 12px;background:var(--bg);border-right:1px solid var(--line);overflow-y:auto;transform:translate(-100%);transition:transform .2s ease;visibility:hidden}.drawer-open .sidebar{transform:none;visibility:visible}.drawer-scrim:not([hidden]){display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#0000008c}}.hero{padding:32px 0 8px}.hero h1{font-size:clamp(1.6rem,4vw,2.4rem);margin:0 0 6px}.hero p{color:var(--muted);margin:0}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:24px 0}.card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;transition:transform .15s ease,border-color .15s ease}.card[hidden]{display:none}.card:hover,.card:focus-visible{transform:translateY(-2px);border-color:var(--accent)}.card.recent{border-color:var(--accent-2)}.card .body{padding:12px 14px 14px}.card h2{font-size:1.05rem;margin:0 0 2px}.card .genre{color:var(--muted);font-size:.85rem}.cover{display:block;width:100%;height:auto;aspect-ratio:1200 / 630;object-fit:cover;background:linear-gradient(135deg,#2a1f6b,#0f3f4a)}.cover.placeholder{display:grid;place-items:center;font-weight:700;font-size:1.3rem;padding:12px;text-align:center}.ad{min-height:100px;margin:8px 0 24px;text-align:center}.ad .label{display:block;color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.grid .ad{grid-column:1 / -1;margin:0}.ad.placeholder{display:grid;place-items:center;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);font-size:.8rem}.game{display:grid;gap:24px;padding:24px 0 8px;grid-template-columns:1fr}@media(min-width:840px){.game{grid-template-columns:3fr 2fr;align-items:start}}.game .cover{border-radius:var(--radius);border:1px solid var(--line)}.game h1{margin:0 0 4px;font-size:clamp(1.6rem,4vw,2.2rem)}.game .genre{color:var(--muted);margin:0 0 12px}.game ul{padding-left:1.1em;color:var(--muted)}.play{display:inline-block;background:var(--accent);color:#fff;font-weight:700;font-size:1.1rem;text-decoration:none;padding:12px 28px;border-radius:999px;margin:8px 0 16px}.play:hover{filter:brightness(1.1)}.prose{max-width:720px;padding:24px 0}.prose h1{margin-top:0}.prose p,.prose li{color:var(--muted)}footer.site{border-top:1px solid var(--line);color:var(--muted);font-size:.85rem;padding:20px 0 32px;margin-top:24px}footer.site .wrap{display:flex;flex-wrap:wrap;gap:8px 20px}footer.site button{background:none;border:0;color:inherit;font:inherit;padding:0;text-decoration:underline;cursor:pointer}