@font-face{font-family:'STIX Two Text';src:url('/type/stix-greek.woff2') format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0370-03FF}
@font-face{font-family:'STIX Two Text';src:url('/type/stix-latin.woff2') format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:'Source Sans 3';src:url('/type/source-greek.woff2') format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0370-03FF}
@font-face{font-family:'Source Sans 3';src:url('/type/source-latin.woff2') format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC}

:root {
  --paper:#f4ebde;
  --cream:#fcf6ec;
  --ink:#271921;
  --rust:#943e2c;
  --rose:#e9b19a;
  --muted:#644f50;
  --rule:#cfb8a7;
  --heading:'STIX Two Text',Georgia,serif;
  --body:'Source Sans 3',Arial,sans-serif;
  font:400 1.0625rem/1.55 var(--body);
  background:var(--paper);
  color:var(--ink);
}
*,*::before,*::after {box-sizing:border-box}
[hidden] {display:none!important}
body,figure {margin:0}
img {display:block;width:100%;height:auto}
h1,h2,h3,p {margin:0}
h1,h2,h3 {font-family:var(--heading);line-height:1.08;font-weight:600;text-wrap:balance}
h2 {font-size:clamp(1.65rem,3vw,2.35rem)}
a {color:var(--rust);text-underline-offset:.17em}
a:hover {text-decoration-thickness:2px}
:focus-visible {outline:3px solid var(--rust);outline-offset:4px}
.frame {max-width:1300px;margin-inline:auto;padding-inline:clamp(1rem,4vw,3.1rem)}
.skip {position:absolute;top:.5rem;left:.5rem;background:var(--cream);padding:.6rem;z-index:3;transform:translateY(-160%)}
.skip:focus {transform:none}
.masthead {background:var(--cream);border-bottom:1px solid var(--rule)}
.mast-inner {display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;row-gap:.25rem;padding-top:.9rem}
.mast-inner .wordmark {grid-column:2;grid-row:1;justify-self:center}
.wordmark {display:inline-flex;align-items:center;gap:.72rem;color:inherit;font:700 clamp(1.35rem,3vw,1.8rem)/1 var(--heading);text-decoration:none;white-space:nowrap}
.mark {display:flex;align-items:center;gap:3px;transform:rotate(-11deg)}
.mark i {display:block;background:var(--rust);width:5px;height:22px;border-radius:1px}
.mark i:nth-child(2) {height:27px}
.mark i:nth-child(3) {height:18px}
.wide-nav,.foot nav {display:flex;gap:clamp(.8rem,3vw,2rem);flex-wrap:wrap}
.wide-nav {grid-column:1/-1;grid-row:2;justify-content:center;border-top:1px solid var(--rule);padding:.38rem 0}
.wide-nav a,.mast-search {text-decoration:none;color:var(--ink);font-weight:650}
.wide-nav a:hover,.wide-nav [aria-current] {color:var(--rust);text-decoration:underline}
.mast-search {grid-column:3;grid-row:1;justify-self:end;border:1px solid var(--rule);padding:.3rem .6rem}
.compact-nav {display:none}
.edition {border-bottom:1px solid var(--rule)}
.edition-inner {display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:39px;font-size:.82rem;font-weight:650;color:var(--muted)}
.home-hero {margin-top:clamp(1rem,3vw,2rem)}
.hero-copy {display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:.65rem clamp(1rem,4vw,4rem);align-items:center;padding-bottom:clamp(1.15rem,3vw,2rem)}
.hero-copy h1 {grid-row:1/3;font-size:clamp(2.65rem,6.4vw,5.45rem);letter-spacing:-.035em;max-width:12ch;text-wrap:initial}
.hero-copy p {max-width:42ch;color:var(--muted);align-self:end}
.hero-image {min-width:0;overflow:hidden;background:var(--ink)}
.hero-image img {height:clamp(240px,32vw,425px);object-fit:cover;object-position:50% 54%}
.button {display:inline-flex;align-items:center;gap:1.15rem;background:var(--rust);color:white;text-decoration:none;padding:.63rem .95rem;font-weight:650}
.home-hero .button {justify-self:start;align-self:start}
.foot a:focus-visible {outline-color:var(--rose)}
.button:hover {text-decoration:underline}
.sections-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--rule);margin-top:1rem}
.sections-grid a {display:grid;position:relative;gap:.18rem;padding:1rem 2rem 1rem 1rem;color:var(--ink);text-decoration:none}
.sections-grid a + a {border-inline-start:1px solid var(--rule)}
.sections-grid a:hover {background:var(--cream)}
.sections-grid a span {color:var(--muted);font-size:.85rem}
.sections-grid a strong {font:600 clamp(1.3rem,2.5vw,1.95rem)/1.1 var(--heading)}
.sections-grid a .direction {position:absolute;top:1.15rem;right:1rem;color:var(--rust)}
.catalog,.hub-list {padding-block:clamp(2rem,5vw,4rem)}
.catalog-title {display:flex;align-items:end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.filter {display:grid;gap:.2rem}
.filter label {font-weight:650;font-size:.85rem}
.filter input {width:min(100%,20rem);min-height:42px;border:1px solid #a28777;border-radius:0;padding:.3rem .6rem;background:var(--cream);color:var(--ink);font:inherit}
.filter-status {margin-bottom:.8rem;color:var(--muted)}
.catalog-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.5vw,2.2rem)}
.catalog-grid h3 {margin-bottom:.5rem;font-size:1.55rem}
.catalog-grid h3 a {color:var(--ink)}
.directory {list-style:none;margin:0;padding:0}
.directory li {border-top:1px solid var(--rule);padding:.75rem 0}
.directory li:last-child {border-bottom:1px solid var(--rule)}
.directory a {display:flex;justify-content:space-between;gap:.6rem;font-weight:650}
.directory p {margin-top:.2rem;color:var(--muted);font-size:.92rem}
.home-notes {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(1rem,4vw,4rem);border-top:1px solid var(--rule);padding:clamp(1.5rem,4vw,3rem) 0}
.home-notes figure {align-self:start}
.crumb {display:flex;gap:.5rem;flex-wrap:wrap;padding-block:1rem;font-size:.87rem;color:var(--muted)}
.hub-hero {display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:var(--ink);color:var(--cream)}
.hub-hero>div {align-self:center;padding:clamp(1.2rem,4vw,3.5rem)}
.hub-hero h1,.guide-head h1 {font-size:clamp(2.2rem,5.35vw,4.65rem);letter-spacing:-.027em}
.hub-hero p,.guide-head p {margin-top:1rem;max-width:60ch}
.hub-hero figure img {height:100%;object-fit:cover}
.hub-list h2,.follow h2 {margin-bottom:1rem}
.hub-list .directory,.follow .directory {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));column-gap:1.5rem}
.hub-list .directory li,.follow .directory li {border-bottom:0}
.game-index .directory {gap:1rem}
.game-index .directory li {border:1px solid var(--rule);border-inline-start:3px solid var(--rust);background:var(--cream);padding:1rem}
.guide-head {padding-block:clamp(1rem,3vw,2.5rem);border-bottom:1px solid var(--rule)}
.guide-head p {color:var(--muted);font-size:clamp(1.1rem,2.2vw,1.28rem)}
.guide-head time {display:block;margin-top:.75rem;color:var(--muted);font-size:.84rem}
.guide-head .button {margin-top:1rem}
.reading {display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,3.25fr);gap:clamp(1rem,4vw,4rem);padding-block:clamp(1rem,3vw,2rem)}
.reading aside nav {position:sticky;top:1rem;display:grid;gap:.55rem;align-content:start;border-top:3px solid var(--rust);padding-top:.65rem}
.reading aside h2 {font-size:1.35rem}
.reading aside a {font-size:.9rem;line-height:1.3}
.prose>section,.prose>figure {margin-bottom:1.7rem}
.prose>section:last-child {margin-bottom:0}
.prose h2 {margin-bottom:.62rem}
.prose p + p {margin-top:.7rem}
.prose>section>p {max-width:75ch}
.prose figure img,.home-notes img {background:#d0ab98}
.table-wrap {overflow:auto;border:1px solid var(--rule)}
.hub-hero + .comparison {margin-top:clamp(1.5rem,4vw,3rem)}
.comparison > p {margin:.65rem 0 .95rem;max-width:70ch;color:var(--muted)}
.payment-guide .reading {gap:clamp(1rem,3.5vw,3rem)}
.payment-guide .comparison th {min-width:8rem}
.payment-guide .payment-photo {border-block-start:2px solid var(--rust);padding-block-start:.55rem}
.payment-guide .payment-photo img {width:100%;aspect-ratio:3/2;object-fit:cover}
.payment-guide .payment-photo:not(:first-child) {max-width:42rem}
.payment-steps {padding-inline-start:1.5rem}
.payment-steps li {padding:.4rem .45rem}
.payment-steps li::marker {color:var(--rust);font-weight:650}
.payment-extra {padding:0 0 1.65rem}
.payment-extra h2 {margin-bottom:.75rem}
.slot-index-cross {margin:0 0 1.5rem;font-weight:650}
.slot-directory {display:grid;grid-template-columns:minmax(10.75rem,1fr) minmax(0,4.3fr);gap:clamp(1rem,3.5vw,3rem);padding-block:1.6rem}
.slot-filters {border-top:3px solid var(--rust);align-self:start}
.slot-filters>a,.slot-filters details {display:block;border-bottom:1px solid var(--rule);padding:.65rem 0}
.slot-filters summary {cursor:pointer;font-weight:650}
.slot-filters ul {list-style:none;padding:0;margin:.45rem 0 0}
.slot-filters li {margin:.3rem 0}
.slot-filters [aria-current] {font-weight:700;color:var(--ink)}
.slot-results h2 {margin-bottom:1rem}
.slot-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;margin:0;padding:0}
.slot-cards li {background:var(--cream);border:1px solid var(--rule);min-width:0}
.slot-cards a {display:block;color:var(--ink)}
.slot-cards a:hover strong {color:var(--rust)}
.slot-cards strong {display:block;padding:.7rem .75rem .1rem;font:650 1.2rem/1.2 var(--heading);overflow-wrap:anywhere}
.slot-cards li>div {padding:.28rem .75rem .75rem;font-size:.9rem;line-height:1.35}
.slot-cards .slot-studio {color:var(--muted);margin-bottom:.22rem}
.slot-cards dl {display:grid;gap:.25rem;margin:.65rem 0 0;padding-top:.42rem;border-top:1px solid var(--rule)}
.slot-cards dl div {display:flex;justify-content:space-between;gap:.45rem;flex-wrap:wrap}
.slot-cards dd {margin:0;font-weight:650}
.slot-index-notes {border-top:1px solid var(--rule);padding:1.4rem 0 2rem}
.slot-cover,.demo-stage {background:var(--ink);border:1px solid var(--rule)}
.demo-stage {position:relative;display:grid;align-items:center;overflow:hidden}
.demo-stage picture,.demo-stage iframe {grid-area:1/1}
.demo-stage iframe {width:100%;height:auto;aspect-ratio:16/9;border:0;background:var(--ink)}
.demo-stage .button {grid-area:1/1;justify-self:center;align-self:end;margin:.75rem;border:0;font:inherit;font-weight:650;cursor:pointer}
.demo-panel>p {margin-top:.55rem;font-size:.94rem}
.slot-guide [data-slot-prose] section {margin-bottom:1.4rem}
.slot-guide [data-slot-prose] section p {max-width:75ch}
.slot-related ul {list-style:none;padding:0;margin:0}
.slot-related li {display:flex;justify-content:space-between;gap:.45rem 1rem;flex-wrap:wrap;padding:.5rem 0;border-top:1px solid var(--rule)}
.slot-related li span {color:var(--muted);font-size:.87rem}
@media(max-width:1020px) {
  .slot-cards {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px) {
  .slot-directory {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:520px) {
  .slot-cards {grid-template-columns:minmax(0,1fr)}
}
table {border-collapse:collapse;width:100%;min-width:385px;font-size:.94rem;background:var(--cream)}
th,td {text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--rule);vertical-align:top}
thead {background:var(--ink);color:var(--cream)}
tbody tr:last-child :is(th,td) {border-bottom:0}
.question {border-bottom:1px solid var(--rule);padding:.55rem 0}
.question summary {cursor:pointer;font-weight:650}
.question p {margin-top:.45rem}
.sources ul {padding-inline-start:1.3rem;margin-block:.5rem 0}
.sources li + li {margin-top:.25rem}
.follow {margin-bottom:2rem}
.foot {background:var(--ink);color:var(--cream);margin-top:1rem}
.foot-inner {display:flex;justify-content:space-between;align-items:center;gap:1.4rem;flex-wrap:wrap;padding-block:1.6rem}
.foot p {font-size:.86rem;color:#e1c4bc;margin-top:.2rem}
.foot nav a {color:var(--cream);font-size:.9rem}
@media(max-width:760px) {
  .mast-inner {display:flex;justify-content:space-between;min-height:60px;padding-top:0}
  .wide-nav,.mast-search {display:none}
  .compact-nav {display:block;position:relative}
  .compact-nav summary {padding:.4rem .55rem;border:1px solid var(--rule);cursor:pointer}
  .compact-nav nav {position:absolute;top:calc(100% + .35rem);right:0;z-index:2;min-width:10rem;background:var(--cream);border:1px solid var(--rule);display:grid}
  .compact-nav nav a {padding:.5rem .8rem}
  .hero-copy,.hub-hero,.home-notes,.reading {grid-template-columns:minmax(0,1fr)}
  .hero-copy h1 {grid-row:auto}
  .hero-copy h1 {font-size:clamp(2.45rem,9.6vw,4.3rem)}
  .hero-image img {height:clamp(190px,54vw,340px)}
  .sections-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .sections-grid a:nth-child(3) {border-inline-start:0}
  .sections-grid a:nth-child(n+3) {border-top:1px solid var(--rule)}
  .hub-hero figure img {max-height:290px}
  .catalog-grid {grid-template-columns:1fr}
  .reading aside nav {position:static}
}
@media(max-width:430px) {
  .sections-grid a {padding:.67rem .35rem}
  .sections-grid a .direction {display:none}
  .sections-grid a strong {font-size:1.12rem}
  .sections-grid a span {font-size:.72rem;line-height:1.22}
  .foot nav {gap:.45rem 1rem}
}
.mast-actions {grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:.4rem}
.mast-bonus,.offer-secret,.offer-cta,.offer-close {font:inherit;font-weight:700;cursor:pointer}
.mast-bonus,.offer-secret {border:1px solid var(--rust);background:var(--rust);color:white;padding:.35rem .7rem;white-space:nowrap}
.mast-actions .mast-bonus {font-size:.88rem}
.compact-nav .mast-bonus {margin:.45rem .7rem .65rem}
.hero-copy:has(.offer-showcase) {grid-template-columns:minmax(0,1fr)}
.hero-copy:has(.offer-showcase) h1 {grid-row:auto;max-width:none}
.hero-copy>.offer-showcase+p {max-width:68ch}
.hub-hero:has(.offer-showcase) {grid-template-columns:minmax(0,1fr);background:transparent;color:var(--ink)}
.hub-hero:has(.offer-showcase)>div {padding:0 0 1.4rem}
.hub-hero:has(.offer-showcase) figure img {max-height:300px;object-position:center}
.offer-showcase {margin-top:1.1rem;margin-bottom:.5rem;padding:1rem;border:1px solid var(--rule);border-top:3px solid var(--rust);background:#fffaf0}
.showcase-heading {display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.8rem;flex-wrap:wrap}
.showcase-heading h2 {font-size:clamp(1.5rem,2.65vw,2.25rem)}
.offer-showcase .showcase-heading p {margin:0 0 .22rem;font-size:.78rem;color:var(--muted);font-weight:700}
.offer-list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;list-style:none;margin:0;padding:0}
.offer-card {overflow:hidden;min-width:0;background:var(--cream);border:1px solid var(--rule)}
.offer-card:first-child {border-color:var(--rust)}
.offer-card-art,.offer-dialog-art {background-color:var(--ink);background-size:cover;background-position:center;position:relative}
.offer-art-gold {background-image:linear-gradient(90deg,#2719214d,transparent),url('/media/hall-640.webp')}
.offer-art-copper {background-image:linear-gradient(90deg,#2719214d,transparent),url('/media/reels-640.webp')}
.offer-art-night {background-image:linear-gradient(90deg,#2719214d,transparent),url('/media/table-640.webp')}
.offer-card-art {min-height:78px;display:flex;align-items:end;padding:.55rem .75rem}
.offer-mark {display:grid;place-items:center;width:2.15rem;aspect-ratio:1;background:#f8dfb0;border:1px solid #ffeac7;color:#2b1820;font:700 1.28rem/1 var(--heading)}
.offer-card-body {padding:.55rem .75rem .7rem}
.offer-name {display:flex;align-items:center;justify-content:space-between;gap:.4rem;flex-wrap:wrap;font-size:1rem;color:var(--ink)}
.offer-name span,.offer-demo-label {font-size:.74rem;font-weight:700;color:var(--muted)}
.offer-showcase .offer-card-body p {margin:.12rem 0 0;font-size:.92rem;line-height:1.3;color:var(--ink)}
.offer-showcase .offer-card-body .offer-value,.offer-dialog .offer-value {font:700 1.68rem/1.12 var(--heading);color:var(--rust);margin:.42rem 0 .12rem}
.offer-cta {display:flex;width:100%;justify-content:space-between;gap:.4rem;align-items:center;text-align:left;border:0;padding:.34rem 0 0;margin:.42rem 0 0;border-top:1px solid var(--rule);background:transparent;color:var(--rust);font-size:.86rem}
.offer-dialog {padding:0;width:min(450px,calc(100% - 1.5rem));max-height:calc(100% - 1.5rem);border:1px solid var(--rule);background:var(--cream);color:var(--ink);box-shadow:0 1.3rem 5rem #27192170}
.offer-dialog::backdrop {background:#271921a6}
.offer-dialog-art {min-height:125px;display:flex;align-items:end;padding:1rem}
.offer-dialog-art .offer-mark {width:2.7rem}
.offer-close {position:absolute;top:.6rem;right:.6rem;width:2.15rem;height:2.15rem;border:0;background:var(--cream);color:var(--ink);font-size:1.5rem;line-height:1}
.offer-dialog-body {padding:1.25rem}
.offer-dialog-body h2 {margin:.25rem 0 .5rem}
.offer-dialog-name {font-weight:700}
#offer-note {font-size:.9rem;color:var(--muted);margin:.7rem 0}
.offer-dialog-body .button {border:0;font:inherit;font-weight:700;cursor:pointer}
@media(max-width:850px) {.mast-actions .mast-search {display:none}}
@media(max-width:760px) {.mast-actions {display:none}}
@media(max-width:610px) {
  .offer-list {grid-template-columns:minmax(0,1fr);gap:.45rem}
  .offer-card {display:grid;grid-template-columns:27% minmax(0,1fr)}
  .offer-card-art {padding:.45rem}
  .offer-card-body {padding:.45rem .6rem}
  .offer-showcase {padding:.65rem;margin-top:.8rem}
  .offer-showcase .offer-card-body .offer-value {font-size:1.35rem;margin:.22rem 0 .12rem}
}
