:root{
  --mu-ink:#1a110a;
  --mu-ink2:#2a1c11;
  --mu-panel:#fffaf2;
  --mu-panel2:#fbf0dd;
  --mu-line:#e4d3b4;
  --mu-text:#2c2219;
  --mu-soft:#6b5a45;
  --mu-gold:#c6861f;
  --mu-gold2:#e8ab3c;
  --mu-rust:#9c3a1e;
  --mu-rust2:#c4502a;
  --mu-cream:#f4e6cc;
  --mu-green:#2f6b4f;
  --mu-shadow:0 10px 30px rgba(42,22,8,.14);
  --mu-shadow2:0 4px 14px rgba(42,22,8,.1);
  --mu-r:11px;
  --mu-wrap:1180px;
  --mu-serif:"Cochin","Optima","Palatino Linotype","Palatino","Book Antiqua",Georgia,serif;
  --mu-sans:"Optima","Segoe UI","Helvetica Neue",Arial,sans-serif;
  --mu-grad:linear-gradient(135deg,#9c3a1e 0%,#c6861f 100%);
  --mu-grad2:linear-gradient(160deg,#2a1c11 0%,#4a3016 100%);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--mu-cream);color:var(--mu-text);
  font-family:var(--mu-sans);font-size:17px;line-height:1.68;
  background-image:radial-gradient(circle at 12% 0,rgba(198,134,31,.08),transparent 40%),radial-gradient(circle at 88% 6%,rgba(156,58,30,.07),transparent 42%);
}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:var(--mu-serif);color:var(--mu-ink);line-height:1.22;font-weight:700}
h2{font-size:1.72rem;margin:0 0 .7em;padding-bottom:.34em;border-bottom:3px solid var(--mu-gold);display:inline-block}
h3{font-size:1.2rem;margin:1.5em 0 .5em;color:var(--mu-ink2)}
p{margin:0 0 1.05em}
a{color:var(--mu-rust)}
.holler{overflow-clip-margin:content-box}
.corridor{max-width:var(--mu-wrap);margin:0 auto;padding:0 20px}

/* header */
.rafter{position:sticky;top:0;z-index:40;background:var(--mu-grad2);box-shadow:var(--mu-shadow2)}
.rafter__row{max-width:var(--mu-wrap);margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:16px;position:relative}
.cattlemark img{width:120px;height:auto}
.trailway{display:flex;align-items:center;gap:26px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.trailway__list{display:flex;gap:22px;list-style:none;margin:0;padding:0}
.wayitem{color:#f4e6cc;font-weight:600;cursor:pointer;font-size:.98rem;letter-spacing:.2px}
.wayitem:hover{color:var(--mu-gold2)}
.trailway__cta{display:none}
.rafter__cta{display:flex;gap:10px;margin-left:auto}
.step-in,.ride-up{cursor:pointer;font-weight:700;padding:9px 18px;border-radius:var(--mu-r);font-size:.95rem;white-space:nowrap}
.step-in{color:#f4e6cc;border:1.5px solid rgba(244,230,204,.5)}
.step-in:hover{border-color:var(--mu-gold2);color:var(--mu-gold2)}
.ride-up{background:var(--mu-grad);color:#fff;border:0;box-shadow:0 4px 12px rgba(156,58,30,.4)}
.ride-up:hover{filter:brightness(1.07)}
.nav-gate,.grill{display:none}

/* hero */
.send-off{text-align:center;padding:34px 0 10px}
.send-off__title{font-size:2.7rem;margin:.1em 0 .5em;color:var(--mu-ink);text-shadow:0 2px 0 rgba(255,255,255,.4)}
.send-off__board{display:block;cursor:pointer;border-radius:var(--mu-r);overflow:hidden;box-shadow:var(--mu-shadow);max-width:1110px;margin:0 auto}
.send-off__board img{width:100%}
.send-off__lead{max-width:860px;margin:26px auto 0;text-align:left;font-size:1.06rem}
.grabcta{display:inline-block;margin:22px auto 0;cursor:pointer;background:var(--mu-grad);color:#fff;font-weight:700;font-size:1.05rem;padding:15px 40px;border-radius:999px;box-shadow:0 6px 20px rgba(156,58,30,.42);letter-spacing:.3px}
.grabcta:hover{filter:brightness(1.07);transform:translateY(-1px)}
.grabcta--pulse{animation:mu-pulse 2.4s ease-in-out infinite}
@keyframes mu-pulse{0%,100%{box-shadow:0 6px 20px rgba(156,58,30,.42)}50%{box-shadow:0 6px 30px rgba(232,171,60,.7)}}

/* sections */
.booth{background:var(--mu-panel);border:1px solid var(--mu-line);border-radius:var(--mu-r);padding:30px 32px;margin:26px 0;box-shadow:var(--mu-shadow2)}
.booth.has-fact{background:linear-gradient(180deg,var(--mu-panel) 0%,var(--mu-panel2) 100%)}
.runthrough{font-family:var(--mu-serif);font-style:italic;color:var(--mu-rust);font-size:1.08rem;margin-bottom:14px}
ol,ul{padding-left:1.3em}
li{margin:.3em 0}

/* tables */
.tablewrap{overflow-x:auto;margin:16px 0;border-radius:var(--mu-r);border:1px solid var(--mu-line)}
table{width:100%;border-collapse:collapse;font-size:.97rem;min-width:420px}
thead th{background:var(--mu-grad2);color:var(--mu-cream);text-align:left;padding:12px 14px;font-family:var(--mu-serif)}
tbody td{padding:11px 14px;border-top:1px solid var(--mu-line)}
tbody tr:nth-child(even){background:var(--mu-panel2)}

/* game pit */
.playpit{margin:22px 0}
.playpit__tabs{display:flex;gap:8px;list-style:none;padding:0;margin:0 0 16px;flex-wrap:wrap}
.playpit__tabs li{margin:0}
.pittab{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:var(--mu-panel2);color:var(--mu-ink2);font-weight:600;text-decoration:none;border:1px solid var(--mu-line)}
.pittab svg{width:20px;height:20px;fill:currentColor}
.pittab.active{background:var(--mu-grad);color:#fff;border-color:transparent}
.pitpane{display:none}
.pitpane.active{display:block}
.gamespool{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.spincard{cursor:pointer;background:var(--mu-panel2);border:1px solid var(--mu-line);border-radius:var(--mu-r);overflow:hidden;display:flex;flex-direction:column;transition:transform .14s,box-shadow .14s}
.spincard:hover{transform:translateY(-3px);box-shadow:var(--mu-shadow)}
.spincard__art{aspect-ratio:360/472;overflow:hidden;background:var(--mu-ink2)}
.spincard__art img{width:100%;height:100%;object-fit:cover}
.spincard__name{display:block;padding:8px 10px 2px;font-weight:600;font-size:.86rem;color:var(--mu-ink2);line-height:1.25}
.spincard small{display:block;padding:0 10px 9px;color:var(--mu-soft);font-size:.74rem}

/* provider / payment walls */
.makerset{margin:18px 0}
.gamespool--marks{grid-template-columns:repeat(5,1fr)}
.spincard--mark{background:#fff}
.spincard--mark .spincard__art{aspect-ratio:2/1;background:#fff;display:flex;align-items:center;justify-content:center;padding:12px}
.spincard--mark .spincard__art img{object-fit:contain}
.spincard--mark .spincard__name{text-align:center;padding:4px 6px 9px;font-size:.78rem}

.wideshot{display:block;cursor:pointer;border-radius:var(--mu-r);overflow:hidden;margin:18px 0;box-shadow:var(--mu-shadow2)}

/* ledger / pros-cons */
.ledgerbox__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ledgerbox__col{border-radius:var(--mu-r);padding:18px 22px}
.ledgerbox__col h3{margin-top:0}
.ledgerbox__col--up{background:rgba(47,107,79,.1);border:1px solid rgba(47,107,79,.3)}
.ledgerbox__col--up h3{color:var(--mu-green)}
.ledgerbox__col--down{background:rgba(156,58,30,.08);border:1px solid rgba(156,58,30,.28)}
.ledgerbox__col--down h3{color:var(--mu-rust)}
.ledgerbox__col ul{list-style:none;padding:0;margin:0}
.ledgerbox__col li{padding-left:26px;position:relative;margin:.5em 0}
.ledgerbox__col--up li:before{content:"✦";position:absolute;left:0;color:var(--mu-green)}
.ledgerbox__col--down li:before{content:"•";position:absolute;left:4px;color:var(--mu-rust);font-size:1.3em;line-height:1}

/* reviews */
.sayfloor{background:var(--mu-panel);border:1px solid var(--mu-line);border-radius:var(--mu-r);padding:30px 32px;margin:26px 0;box-shadow:var(--mu-shadow2)}
.sayfloor__sum{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:10px}
.sayfloor__sumbox{display:flex;flex-direction:column;gap:4px}
.sayfloor__label{color:var(--mu-soft);font-size:.9rem;text-transform:uppercase;letter-spacing:.6px}
.sayfloor__score{display:flex;align-items:center;gap:10px}
.sayfloor__score>span:first-child{font-size:2.2rem;font-weight:700;font-family:var(--mu-serif);color:var(--mu-ink)}
.sayfloor__score small{color:var(--mu-soft)}
.sayfloor__cta{cursor:pointer;background:var(--mu-panel2);border:1.5px solid var(--mu-gold);color:var(--mu-ink2);font-weight:700;padding:11px 24px;border-radius:999px}
.sayfloor__cta:hover{background:var(--mu-gold);color:#fff}
.starline{display:inline-flex;gap:2px}
.starline svg{width:19px;height:19px;fill:var(--mu-gold2)}
.sayfloor__list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.voicebit{background:var(--mu-panel2);border:1px solid var(--mu-line);border-radius:var(--mu-r);padding:18px}
.voicebit__who{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.voicebit__badge{width:42px;height:42px;border-radius:50%;background:var(--mu-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--mu-serif);font-size:1.1rem}
.voicebit__meta{display:flex;flex-direction:column}
.voicebit__meta span{font-weight:700;color:var(--mu-ink2)}
.voicebit__meta small{color:var(--mu-soft)}
.voicebit__score{margin-bottom:6px}
.voicebit__text p{margin:0;font-size:.94rem}

/* faq */
.askdesk{background:var(--mu-panel);border:1px solid var(--mu-line);border-radius:var(--mu-r);padding:30px 32px;margin:26px 0;box-shadow:var(--mu-shadow2)}
.booth__cap{}
.askdesk__item{border-top:1px solid var(--mu-line);padding:14px 0}
.askdesk__item:first-of-type{border-top:0}
.askdesk__item h3{margin:0 0 .35em;color:var(--mu-rust)}
.askdesk__item p{margin:0;font-size:.97rem}

/* as-of bar */
.asofbar{margin:26px 0}
.asofbar__box{display:flex;align-items:center;gap:12px;background:var(--mu-panel2);border:1px dashed var(--mu-gold);border-radius:var(--mu-r);padding:14px 20px;color:var(--mu-soft);font-size:.92rem}
.asofbar__box svg{fill:var(--mu-gold);flex:none}

/* footer */
.cellar{background:var(--mu-grad2);color:#d8c7ac;margin-top:36px}
.cellar__wrap{max-width:var(--mu-wrap);margin:0 auto;padding:40px 20px 24px}
.cellar__row{display:grid;grid-template-columns:1.4fr 1fr;gap:40px}
.cellar__brand img{width:150px;filter:brightness(1.05)}
.cellar__about{font-size:.9rem;margin:14px 0;max-width:420px}
.cellar__social{display:flex;gap:10px;margin:14px 0}
.s-link{width:38px;height:38px;border-radius:50%;background:rgba(244,230,204,.12);display:flex;align-items:center;justify-content:center}
.s-link svg{width:19px;height:19px;fill:#f4e6cc}
.s-link:hover{background:var(--mu-gold)}
.cellar__apps{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.storekey{display:inline-flex;align-items:center;gap:9px;cursor:pointer;border:1px solid rgba(244,230,204,.35);border-radius:9px;padding:7px 14px;color:#f4e6cc}
.storekey svg{width:22px;height:22px;fill:#f4e6cc}
.storekey span{display:flex;flex-direction:column;line-height:1.15;font-weight:700;font-size:.9rem}
.storekey small{font-weight:400;font-size:.66rem;opacity:.8}
.storekey:hover{border-color:var(--mu-gold2)}
.cellar__cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.cellarcol__head{font-family:var(--mu-serif);color:#f4e6cc;font-size:1.05rem;display:block;margin-bottom:10px}
.cellarcol__list{list-style:none;padding:0;margin:0}
.cellarcol__list li{margin:.42em 0}
.cellarcol__link{cursor:pointer;color:#d8c7ac;font-size:.9rem}
.cellarcol__link:hover{color:var(--mu-gold2)}
.cellar__pay{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;padding:24px 0;margin-top:30px;border-top:1px solid rgba(244,230,204,.16)}
.cellar__pay img{height:30px;width:auto;background:#fff;border-radius:5px;padding:3px 7px}
.cellar__seals{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center;padding:18px 0}
.cellar__seals img{height:42px;width:auto;opacity:.92}
.age18{width:42px;height:42px;border-radius:50%;border:2px solid var(--mu-gold2);display:flex;align-items:center;justify-content:center;font-weight:700;color:#f4e6cc;font-size:.9rem}
.seal-word{font-family:var(--mu-serif);font-weight:700;letter-spacing:1px;color:#f4e6cc;border:1px solid rgba(244,230,204,.5);border-radius:6px;padding:8px 12px;text-decoration:none;font-size:.9rem}
.cellar__bottom{border-top:1px solid rgba(244,230,204,.16);padding-top:18px}
.cellar__legal p{font-size:.8rem;color:#b7a488;margin:0 0 .8em;line-height:1.6}

/* responsive */
@media (max-width:1000px){
  .gamespool{grid-template-columns:repeat(4,1fr)}
  .gamespool--marks{grid-template-columns:repeat(4,1fr)}
  .sayfloor__list{grid-template-columns:repeat(2,1fr)}
  .cellar__row{grid-template-columns:1fr;gap:28px}
}
@media (max-width:760px){
  body{font-size:16px}
  .send-off__title{font-size:2rem}
  h2{font-size:1.44rem}
  .booth,.sayfloor,.askdesk{padding:22px 18px}
  .gamespool{grid-template-columns:repeat(3,1fr);gap:10px}
  .gamespool--marks{grid-template-columns:repeat(3,1fr)}
  .ledgerbox__grid{grid-template-columns:1fr}
  .rafter__cta{display:flex;order:1;margin:0 auto;gap:8px}.rafter__cta .step-in,.rafter__cta .ride-up{padding:8px 13px;font-size:.88rem}
  .grill{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;margin-left:0;order:2;cursor:pointer;background:rgba(244,230,204,.12);border-radius:9px}
  .grill span{display:block;height:2.5px;width:22px;margin:0 auto;background:#f4e6cc;border-radius:2px;transition:.2s}
  .trailway{display:none;position:absolute;left:0;right:0;top:100%;transform:none;flex-direction:column;align-items:stretch;gap:0;padding:14px 20px 20px;background:var(--mu-grad2);border-top:1px solid rgba(0,0,0,.2);box-shadow:0 12px 28px rgba(0,0,0,.4);margin:0}
  .trailway__list{flex-direction:column;gap:0}
  .trailway__list li{border-bottom:1px solid rgba(244,230,204,.14)}
  .wayitem{display:block;padding:14px 0}
  .trailway__cta{display:flex;gap:10px;margin-top:22px}
  .trailway__cta .step-in,.trailway__cta .ride-up{flex:1;text-align:center}
  .nav-gate:checked ~ .trailway{display:flex}
  .nav-gate:checked ~ .grill span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  .nav-gate:checked ~ .grill span:nth-child(2){opacity:0}
  .nav-gate:checked ~ .grill span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
}
@media (max-width:480px){
  .gamespool{grid-template-columns:repeat(2,1fr)}
  .gamespool--marks{grid-template-columns:repeat(2,1fr)}
  .sayfloor__list{grid-template-columns:1fr}
  .send-off__title{font-size:1.7rem}
}
