.pagehead{padding-top:72px;padding-bottom:40px}.pagehead h1{margin:0 0 16px;font-size:clamp(38px,5vw,64px);line-height:1.05}.pagehead .lede{max-width:50rem;margin:0}.pagehead .cta{margin-top:26px}.crumbs{color:var(--dim);margin:0 0 14px;font-size:15px}.crumbs a:hover{color:var(--sand)}.pagebody{padding-bottom:calc(var(--gap) / 2)}.prose{max-width:50rem}.prose.full{max-width:none}.prose h2{margin:56px 0 14px;font-size:30px;line-height:1.15}.prose h3{margin:32px 0 8px;font-size:21px}.prose h4{color:var(--sand);letter-spacing:.04em;margin:22px 0 6px;font-size:15px}.prose>:first-child{margin-top:0}.prose p,.prose ul,.prose ol{color:var(--dim)}.prose li{margin:6px 0}.prose strong{color:var(--ink)}.prose a:not([class]){color:var(--sand);text-underline-offset:3px;text-decoration:underline #d6b17a66}.prose a:not([class]):hover{text-decoration-color:var(--sand)}.prose code{background:var(--raised2);border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:1px 6px}.prose pre,.code pre{border:1px solid var(--line);background:#0e0e11;border-radius:12px;margin:14px 0;padding:16px 18px;font-size:14px;line-height:1.65;overflow-x:auto}.prose pre code,.code pre code{background:0 0;border:0;padding:0}.prose blockquote{border-left:3px solid var(--sand);background:var(--raised);border-radius:0 10px 10px 0;margin:16px 0;padding:2px 18px}.prose img{border:1px solid var(--line);border-radius:12px}.table-wrap{border:1px solid var(--line);border-radius:14px;margin:18px 0;overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;font-size:15px}.table-wrap th,.table-wrap td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 16px}.table-wrap td{color:var(--dim)}.table-wrap tr:last-child td{border-bottom:0}.table-wrap th{background:var(--raised);font-weight:700}.table-wrap td:first-child{color:var(--ink);font-weight:500}td.win{box-shadow:inset 3px 0 0 var(--sand);color:var(--ink);background:#d6b17a1a}p.table-note{color:var(--faint);margin-top:8px;font-size:14px}.icon-row{vertical-align:middle;flex-wrap:wrap;gap:6px;display:inline-flex}.fact-icon{border:1px solid var(--line);background:var(--raised);min-width:38px;height:38px;color:var(--ink);border-radius:10px;place-items:center;padding:0 8px;font-size:15px;font-weight:700;display:inline-grid}a.fact-icon{text-decoration:none}a.fact-icon:hover{border-color:var(--sand)}.fact-icon svg,.fact-icon img{border:0;width:22px;height:22px}.game-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.cover{aspect-ratio:2/3;border:1px solid var(--line);background:var(--raised);border-radius:12px;transition:transform .2s,border-color .2s;display:block;position:relative;overflow:hidden}.cover:hover{border-color:var(--sand);transform:translateY(-3px)}.cover-art{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cover-text{background:linear-gradient(#11111400,#111114eb 55%);gap:2px;padding:40px 12px 10px;display:grid;position:absolute;inset:auto 0 0}.cover.no-art .cover-text{text-align:center;background:0 0;align-content:center;inset:0}.cover.no-art .letter{color:var(--sand);font-size:56px;font-weight:800}.game-name{font-weight:700;line-height:1.25}.game-meta{color:var(--dim);font-size:13px}.game-filters{flex-wrap:wrap;align-items:end;gap:14px 18px;margin:0 0 18px;display:flex}.game-filters label{color:var(--dim);gap:6px;font-size:14px;display:grid}.game-filters input,.game-filters select{border:1px solid var(--line);min-width:13rem;color:var(--ink);font:inherit;background:#0e0e11;border-radius:10px;padding:11px 14px}.game-count{color:var(--dim);margin:0 0 18px}.banner{background:var(--bg) var(--hero) center 30% / cover no-repeat;align-items:flex-end;min-height:30rem;display:flex;position:relative}.banner:after{content:"";background:linear-gradient(to bottom, #11111433, #11111499 55%, var(--bg));position:absolute;inset:0}.banner.plain{min-height:0}.banner.plain:after{content:none}.banner .wrap{z-index:1;width:100%;padding-top:72px;padding-bottom:40px;position:relative}.banner h1{text-shadow:0 2px 18px #0009;margin:0 0 14px;font-size:clamp(40px,6vw,72px)}.banner .lede{color:#e1e1e8;text-shadow:0 1px 10px #000000b3;margin:0}.post-list a{border:1px solid var(--line);background:var(--raised);border-radius:16px;grid-template-columns:8.5rem 1fr;gap:4px 22px;padding:20px 22px;transition:border-color .2s;display:grid}.toc a{color:var(--dim);border-left:2px solid #0000;border-radius:8px;padding:6px 12px;display:block}.pager a{border:1px solid var(--line);color:var(--ink);border-radius:12px;gap:2px;padding:14px 18px;text-decoration:none;display:grid}.banner .crumbs,.banner .crumbs a{color:#e1e1e8}.banner .cta{margin-top:24px}.facts-strip{border:1px solid var(--line);background:var(--raised);border-radius:16px;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-bottom:40px;padding:16px 22px;display:flex}.facts-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.facts-label{color:var(--faint);letter-spacing:.1em;text-transform:uppercase;margin-right:4px;font-size:12px;font-weight:700}.facts-sep{background:var(--line);width:1px;height:28px}.steps-list{counter-reset:s;gap:12px;padding:0;list-style:none;display:grid}.steps-list li{counter-increment:s;background:var(--raised);border:1px solid var(--line);color:var(--dim);border-radius:14px;margin:0;padding:16px 18px 16px 62px;position:relative}.steps-list li:before{content:counter(s);border:2px solid var(--sand);width:30px;height:30px;color:var(--sand);border-radius:50%;place-items:center;font-size:15px;font-weight:800;display:grid;position:absolute;top:14px;left:16px}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.tile-grid>li{display:flex}.tile-link{border:1px solid var(--line);background:var(--raised);border-radius:16px;flex:1;grid-template-columns:56px 1fr;align-content:start;gap:4px 16px;padding:20px 22px;transition:border-color .2s,transform .2s;display:grid}.tile-link:hover{border-color:var(--sand);transform:translateY(-3px)}.tile-link .tile-icon{object-fit:contain;border-radius:12px;grid-row:1/span 3;width:56px;height:56px}.tile-link b{font-size:18px}.tile-link span{color:var(--dim);grid-column:2;font-size:15px}.post-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.post-list a:hover{border-color:#d6b17a80}.post-list h2{margin:0;font-size:21px}.faq-page h2{margin:36px 0 8px;font-size:22px}details.release summary h2{align-items:baseline;gap:12px;margin:0;display:inline-flex}.post-list a:hover h2{color:var(--sand)}.post-list .meta{color:var(--faint);grid-row:1/span 2;align-content:start;gap:6px;font-size:14px;display:grid}.post-list p{color:var(--dim);margin:0}.howto-tag{color:var(--good);background:#93b86a29;border-radius:8px;justify-self:start;padding:2px 10px;font-size:13px;font-weight:800;display:inline-block}.notes h3{margin-top:40px;font-size:26px}.notes h4{margin-top:26px}.notes details{border-top:1px solid var(--line);margin-top:28px;padding-top:8px}.notes summary{cursor:pointer;color:var(--dim)}.notes summary h3{font-size:22px;display:inline}details.release{border-top:1px solid var(--line);padding:18px 0}details.release summary{cursor:pointer;list-style:none}details.release summary::-webkit-details-marker{display:none}details.release summary h2:before{content:"›";color:var(--sand);transition:transform .15s}details.release[open] summary h2:before{transform:rotate(90deg)}details.release time{color:var(--faint);font-size:16px;font-weight:500}.guide-layout{grid-template-columns:16rem minmax(0,1fr);align-items:start;gap:48px;display:grid}.toc{top:calc(var(--nav) + 20px);max-height:calc(100vh - var(--nav) - 40px);font-size:15px;position:sticky;overflow-y:auto}.toc ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.toc a:hover{color:var(--ink);background:var(--raised)}.toc a[aria-current=page]{color:var(--ink);background:var(--raised);border-left-color:var(--sand)}.pager{border-top:1px solid var(--line);justify-content:space-between;gap:16px;margin-top:56px;padding-top:24px;display:flex}.pager a:hover{border-color:var(--sand)}.pager span{color:var(--faint);font-size:13px}.pager .next{text-align:right;margin-left:auto}@media (width<=900px){.guide-layout{grid-template-columns:1fr}.toc{max-height:none;position:static}.toc ol{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr))}.post-list a{grid-template-columns:1fr}.post-list .meta{grid-row:auto;display:flex}.facts-sep{display:none}}
