:root{--bg:#0e1013;--bg-raised:#16191f;--border:#262b34;--text:#e8e6e1;--text-dim:#9aa0ab;--accent:#f2b03d;--accent-soft:#f2b03d1f;--live:#4ade80;--playtest:#f2b03d;--muted:#6b7280}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}.wrap{max-width:960px;margin:0 auto;padding:0 1.25rem}a{color:var(--accent)}.hero{border-bottom:1px solid var(--border);background:var(--bg);isolation:isolate;padding:4rem 0 3rem;position:relative;overflow:hidden}.heroArt{z-index:-2;display:flex;position:absolute;inset:0}.heroArt img{object-fit:cover;object-position:center 28%;filter:saturate(.9);flex:1;min-width:0;height:100%}.heroScrim{z-index:-1;background:radial-gradient(90% 70% at 60% 0,#f2b03d24,#0000 60%),linear-gradient(90deg,#0e1013f7,#0e1013b8 55%,#0e1013e6),linear-gradient(#0e10138c,#0e1013d9);position:absolute;inset:0}.heroContent{position:relative}.brand{letter-spacing:.02em;color:var(--text-dim);margin-bottom:1.5rem;font-weight:700}.hero h1{margin:0 0 1rem;font-size:clamp(2rem,5vw,3rem);line-height:1.15}.hero h1 em{color:var(--accent);font-style:normal}.lede{max-width:42rem;color:var(--text-dim);margin:0 0 1.5rem;font-size:1.1rem}.hero-nav{flex-wrap:wrap;gap:1.5rem;display:flex}.hero-nav a{color:var(--text);border-bottom:2px solid var(--accent);padding-bottom:2px;font-weight:600;text-decoration:none}section{padding:2.5rem 0 1rem}h2{margin:0 0 1.25rem;font-size:1.6rem}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;display:grid}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.75rem;padding:1.4rem;display:flex}.card-muted{opacity:.55}.poster{aspect-ratio:16/10;border-radius:12px 12px 0 0;margin:-1.4rem -1.4rem .35rem;display:block;position:relative;overflow:hidden}.poster img{object-fit:cover;width:100%;height:100%;transition:transform .45s;display:block}.poster:hover img{transform:scale(1.045)}.poster:after{content:"";background:linear-gradient(#0000,#0000001a 45%,#000000e6);position:absolute;inset:0}.poster .badge{z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0c0f99;position:absolute;top:.65rem;right:.65rem}.poster .posterTitle{z-index:1;color:#fff;text-shadow:0 2px 14px #000000d9;margin:0;font-size:1.35rem;line-height:1.15;position:absolute;bottom:.6rem;left:.95rem;right:.95rem}.card-head{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.card h3{margin:0;font-size:1.25rem}.badge{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:700}.badge-live{color:var(--live);border:1px solid var(--live)}.badge-playtest{color:var(--playtest);border:1px solid var(--playtest)}.badge-in-progress{color:var(--muted);border:1px solid var(--muted)}.tagline{margin:0;font-weight:600}.description{color:var(--text-dim);margin:0;font-size:.95rem}.meta{border-top:1px solid var(--border);color:var(--text-dim);flex-direction:column;gap:.25rem;margin:0;padding:.75rem 0 0;font-size:.88rem;list-style:none;display:flex}.meta-label{width:4.5rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;display:inline-block}.card-actions{align-items:center;gap:1rem;margin-top:auto;padding-top:.5rem;display:flex}.play{background:var(--accent);color:#1a1405;border-radius:8px;padding:.5rem 1rem;font-weight:700;text-decoration:none}.play-disabled{background:var(--border);color:var(--muted);cursor:default}.source{color:var(--text-dim);font-size:.9rem}.steps{max-width:44rem;color:var(--text-dim);flex-direction:column;gap:.8rem;margin:0;padding-left:1.4rem;display:flex}.steps strong{color:var(--text)}#trust p{max-width:44rem;color:var(--text-dim)}.promise{border-left:3px solid var(--accent);background:var(--bg-raised);border-radius:0 10px 10px 0;max-width:44rem;margin:1.25rem 0;padding:1rem 1.25rem}.promise blockquote{margin:0 0 .5rem;font-style:italic}.promise figcaption{color:var(--text-dim);font-size:.9rem}.key-storage{color:var(--muted)}footer{border-top:1px solid var(--border);color:var(--muted);margin-top:3rem;padding:1.5rem 0 2.5rem;font-size:.9rem}.subhero{border-bottom:1px solid var(--border);background:radial-gradient(ellipse 80% 60% at 70% -10%, var(--accent-soft), transparent), var(--bg);padding:2.5rem 0 2rem}.back{color:var(--text-dim);margin-bottom:1.25rem;font-weight:600;text-decoration:none;display:inline-block}.back:hover{color:var(--accent)}.subhero h1{margin:0 0 .75rem;font-size:clamp(1.8rem,4vw,2.5rem)}.reviewed{max-width:44rem;color:var(--muted);margin:.75rem 0 0;font-size:.9rem}.reviewed strong{color:var(--text-dim)}.provider-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem;padding-top:1.5rem;display:grid}.provider{background:var(--bg-raised);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.85rem;padding:1.4rem;display:flex}.provider-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.provider-head h3{margin:0;font-size:1.2rem}.key-btn{background:var(--accent);color:#1a1405;white-space:nowrap;border-radius:8px;padding:.4rem .8rem;font-size:.85rem;font-weight:700;text-decoration:none}.provider-blurb{color:var(--text-dim);margin:0;font-size:.92rem}.price-table{border-collapse:collapse;width:100%;font-size:.88rem}.price-table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);padding:0 .5rem .35rem 0;font-size:.72rem;font-weight:700}.price-table th+th,.price-table td+td{text-align:right}.price-table td{border-bottom:1px solid var(--border);color:var(--text);padding:.4rem .5rem .4rem 0}.price-table td:first-child{color:var(--text-dim)}.price-unit{color:var(--muted);margin:0;font-size:.78rem}.provider-facts{grid-template-columns:auto 1fr;gap:.3rem .85rem;margin:0;font-size:.88rem;display:grid}.provider-facts dt{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding-top:.15rem;font-size:.72rem;font-weight:700}.provider-facts dd{color:var(--text-dim);margin:0}.provider-links{border-top:1px solid var(--border);flex-wrap:wrap;gap:1rem;margin-top:auto;padding-top:.5rem;font-size:.88rem;display:flex}
