:root{
  --wg-ink:#181009;
  --wg-ink2:#28190e;
  --wg-panel:#fff8ef;
  --wg-panel2:#f7edd8;
  --wg-line:#e0cfb0;
  --wg-text:#2a1f16;
  --wg-soft:#6b5a44;
  --wg-gold:#bd7c14;
  --wg-gold2:#e2a233;
  --wg-rust:#97341a;
  --wg-rust2:#bc4723;
  --wg-cream:#f2e2c6;
  --wg-green:#2b6849;
  --wg-shade:0 10px 30px rgba(38,19,5,.15);
  --wg-shade2:0 4px 14px rgba(38,19,5,.1);
  --wg-round:13px;
  --wg-span:1130px;
  --wg-serif:"Perpetua","Palatino","Palatino Linotype",Georgia,serif;
  --wg-sans:"Century Gothic","Trebuchet MS","Segoe UI",sans-serif;
  --wg-flow:linear-gradient(135deg,#97341a 0%,#bd7c14 100%);
  --wg-flow2:linear-gradient(160deg,#28190e 0%,#472e18 100%);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--wg-cream);color:var(--wg-text);
  font-family:var(--wg-sans);font-size:17px;line-height:1.68;
  background-image:radial-gradient(circle at 9% 0,rgba(189,124,20,.08),transparent 40%),radial-gradient(circle at 91% 5%,rgba(151,52,26,.07),transparent 42%);
}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:var(--wg-serif);color:var(--wg-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(--wg-gold);display:inline-block}
h3{font-size:1.2rem;margin:1.5em 0 .5em;color:var(--wg-ink2)}
p{margin:0 0 1.05em}
a{color:var(--wg-rust)}
.midway{max-width:var(--wg-span);margin:0 auto;padding:0 20px}

/* header */
.crossbar{position:sticky;top:0;z-index:40;background:var(--wg-flow2);box-shadow:var(--wg-shade2)}
.crossbar__row{max-width:var(--wg-span);margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:16px}
.ironmark img{width:120px;height:auto}
.trackway{margin-left:auto;display:flex;align-items:center;gap:26px}
.trackway__list{display:flex;gap:22px;list-style:none;margin:0;padding:0}
.trackpost{color:#f2e2c6;font-weight:600;cursor:pointer;font-size:.98rem;letter-spacing:.2px}
.trackpost:hover{color:var(--wg-gold2)}
.trackway__cta{display:none}
.crossbar__cta{display:flex;gap:10px;margin-left:4px}
.enterkey,.enlistkey{cursor:pointer;font-weight:700;padding:9px 18px;border-radius:var(--wg-round);font-size:.95rem;white-space:nowrap}
.enterkey{color:#f2e2c6;border:1.5px solid rgba(242,226,198,.5)}
.enterkey:hover{border-color:var(--wg-gold2);color:var(--wg-gold2)}
.enlistkey{background:var(--wg-flow);color:#fff;border:0;box-shadow:0 4px 12px rgba(151,52,26,.4)}
.enlistkey:hover{filter:brightness(1.07)}
.gateflip,.stackbars{display:none}

/* hero */
.breakout{text-align:center;padding:34px 0 10px}
.breakout__title{font-size:2.7rem;margin:.1em 0 .5em;color:var(--wg-ink);text-shadow:0 2px 0 rgba(255,255,255,.4)}
.breakout__board{display:block;cursor:pointer;border-radius:var(--wg-round);overflow:hidden;box-shadow:var(--wg-shade);max-width:1110px;margin:0 auto}
.breakout__board img{width:100%}
.breakout__lead{max-width:860px;margin:26px auto 0;text-align:left;font-size:1.06rem}
.bigrope{display:inline-block;margin:22px auto 0;cursor:pointer;background:var(--wg-flow);color:#fff;font-weight:700;font-size:1.05rem;padding:15px 40px;border-radius:999px;box-shadow:0 6px 20px rgba(151,52,26,.42);letter-spacing:.3px}
.bigrope:hover{filter:brightness(1.07);transform:translateY(-1px)}
.bigrope--pulse{animation:wg-shine 2.4s ease-in-out infinite}
@keyframes wg-shine{0%,100%{box-shadow:0 6px 20px rgba(151,52,26,.42)}50%{box-shadow:0 6px 30px rgba(226,162,51,.7)}}

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

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

/* game yard */
.gameyard{margin:22px 0}
.gameyard__tabs{display:flex;gap:8px;list-style:none;padding:0;margin:0 0 16px;flex-wrap:wrap}
.gameyard__tabs li{margin:0}
.yardtab{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:var(--wg-panel2);color:var(--wg-ink2);font-weight:600;text-decoration:none;border:1px solid var(--wg-line)}
.yardtab svg{width:20px;height:20px;fill:currentColor}
.yardtab.active{background:var(--wg-flow);color:#fff;border-color:transparent}
.yardpane{display:none}
.yardpane.active{display:block}
.cardwall{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.chipcard{cursor:pointer;background:var(--wg-panel2);border:1px solid var(--wg-line);border-radius:var(--wg-round);overflow:hidden;display:flex;flex-direction:column;transition:transform .14s,box-shadow .14s;min-width:0}
.chipcard:hover{transform:translateY(-3px);box-shadow:var(--wg-shade)}
.chipcard__art{aspect-ratio:360/472;overflow:hidden;background:var(--wg-ink2)}
.chipcard__art img{width:100%;height:100%;object-fit:cover}
.chipcard__name{display:block;padding:8px 10px 2px;font-weight:600;font-size:.86rem;color:var(--wg-ink2);line-height:1.25}
.chipcard small{display:block;padding:0 10px 9px;color:var(--wg-soft);font-size:.74rem}

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

.showpiece{display:block;cursor:pointer;border-radius:var(--wg-round);overflow:hidden;margin:18px 0;box-shadow:var(--wg-shade2)}

/* pros-cons */
.tallyboard__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.tallycolumn{border-radius:var(--wg-round);padding:18px 22px}
.tallycolumn h3{margin-top:0}
.tallycolumn--up{background:rgba(43,104,73,.1);border:1px solid rgba(43,104,73,.3)}
.tallycolumn--up h3{color:var(--wg-green)}
.tallycolumn--down{background:rgba(151,52,26,.08);border:1px solid rgba(151,52,26,.28)}
.tallycolumn--down h3{color:var(--wg-rust)}
.tallycolumn ul{list-style:none;padding:0;margin:0}
.tallycolumn li{padding-left:26px;position:relative;margin:.5em 0}
.tallycolumn--up li:before{content:"\2714";position:absolute;left:0;color:var(--wg-green)}
.tallycolumn--down li:before{content:"\2022";position:absolute;left:4px;color:var(--wg-rust);font-size:1.3em;line-height:1}

/* reviews */
.speakwall{background:var(--wg-panel);border:1px solid var(--wg-line);border-radius:var(--wg-round);padding:30px 32px;margin:26px 0;box-shadow:var(--wg-shade2)}
.speakwall__sum{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:10px}
.speakwall__box{display:flex;flex-direction:column;gap:4px}
.speakwall__label{color:var(--wg-soft);font-size:.9rem;text-transform:uppercase;letter-spacing:.6px}
.speakwall__score{display:flex;align-items:center;gap:10px}
.speakwall__score>span:first-child{font-size:2.2rem;font-weight:700;font-family:var(--wg-serif);color:var(--wg-ink)}
.speakwall__score small{color:var(--wg-soft)}
.speakwall__cta{cursor:pointer;background:var(--wg-panel2);border:1.5px solid var(--wg-gold);color:var(--wg-ink2);font-weight:700;padding:11px 24px;border-radius:999px}
.speakwall__cta:hover{background:var(--wg-gold);color:#fff}
.starset{display:inline-flex;gap:2px}
.starset svg{width:19px;height:19px;fill:var(--wg-gold2)}
.speakwall__list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.sayrow{background:var(--wg-panel2);border:1px solid var(--wg-line);border-radius:var(--wg-round);padding:18px}
.sayrow__who{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.sayrow__badge{width:42px;height:42px;border-radius:50%;background:var(--wg-flow);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--wg-serif);font-size:1.1rem}
.sayrow__meta{display:flex;flex-direction:column}
.sayrow__meta span{font-weight:700;color:var(--wg-ink2)}
.sayrow__meta small{color:var(--wg-soft)}
.sayrow__score{margin-bottom:6px}
.sayrow__text p{margin:0;font-size:.94rem}

/* faq */
.quizbox{background:var(--wg-panel);border:1px solid var(--wg-line);border-radius:var(--wg-round);padding:30px 32px;margin:26px 0;box-shadow:var(--wg-shade2)}
.quizbox__item{border-top:1px solid var(--wg-line);padding:14px 0}
.quizbox__item:first-of-type{border-top:0}
.quizbox__item h3{margin:0 0 .35em;color:var(--wg-rust)}
.quizbox__item p{margin:0;font-size:.97rem}

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

/* footer */
.downstore{background:var(--wg-flow2);color:#d5c4a9;margin-top:36px}
.downstore__wrap{max-width:var(--wg-span);margin:0 auto;padding:40px 20px 24px}
.downstore__row{display:grid;grid-template-columns:1.4fr 1fr;gap:40px}
.downstore__brand img{width:150px;filter:brightness(1.05)}
.downstore__about{font-size:.9rem;margin:14px 0;max-width:420px}
.downstore__social{display:flex;gap:10px;margin:14px 0}
.soclink{width:38px;height:38px;border-radius:50%;background:rgba(242,226,198,.12);display:flex;align-items:center;justify-content:center}
.soclink svg{width:19px;height:19px;fill:#f2e2c6}
.soclink:hover{background:var(--wg-gold)}
.downstore__apps{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.appcell{display:inline-flex;align-items:center;gap:9px;cursor:pointer;border:1px solid rgba(242,226,198,.35);border-radius:9px;padding:7px 14px;color:#f2e2c6}
.appcell svg{width:22px;height:22px;fill:#f2e2c6}
.appcell span{display:flex;flex-direction:column;line-height:1.15;font-weight:700;font-size:.9rem}
.appcell small{font-weight:400;font-size:.66rem;opacity:.8}
.appcell:hover{border-color:var(--wg-gold2)}
.downstore__cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.footstack__head{font-family:var(--wg-serif);color:#f2e2c6;font-size:1.05rem;display:block;margin-bottom:10px}
.footstack__list{list-style:none;padding:0;margin:0}
.footstack__list li{margin:.42em 0}
.footstack__link{cursor:pointer;color:#d5c4a9;font-size:.9rem}
.footstack__link:hover{color:var(--wg-gold2)}
.downstore__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(242,226,198,.16)}
.downstore__pay img{height:30px;width:auto;background:#fff;border-radius:5px;padding:3px 7px}
.downstore__seals{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center;padding:18px 0}
.downstore__seals img{height:42px;width:auto;opacity:.92}
.age-mark{width:42px;height:42px;border-radius:50%;border:2px solid var(--wg-gold2);display:flex;align-items:center;justify-content:center;font-weight:700;color:#f2e2c6;font-size:.9rem}
.brandseal{font-family:var(--wg-serif);font-weight:700;letter-spacing:1px;color:#f2e2c6;border:1px solid rgba(242,226,198,.5);border-radius:6px;padding:8px 12px;text-decoration:none;font-size:.9rem}
.downstore__bottom{border-top:1px solid rgba(242,226,198,.16);padding-top:18px}
.downstore__legal p{font-size:.8rem;color:#b4a185;margin:0 0 .8em;line-height:1.6}

/* responsive */
@media (max-width:1000px){
  .cardwall{grid-template-columns:repeat(4,1fr)}
  .cardwall--marks{grid-template-columns:repeat(4,1fr)}
  .speakwall__list{grid-template-columns:repeat(2,1fr)}
  .downstore__row{grid-template-columns:1fr;gap:28px}
}
@media (max-width:760px){
  body{font-size:16px}
  .breakout__title{font-size:2rem}
  h2{font-size:1.44rem}
  .panelbox,.speakwall,.quizbox{padding:22px 18px}
  .cardwall{grid-template-columns:repeat(3,1fr);gap:10px}
  .cardwall--marks{grid-template-columns:repeat(3,1fr)}
  .tallyboard__grid{grid-template-columns:1fr}
  .crossbar__cta{display:none}
  .stackbars{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;margin-left:auto;cursor:pointer;background:rgba(242,226,198,.12);border-radius:9px}
  .stackbars span{display:block;height:2.5px;width:22px;margin:0 auto;background:#f2e2c6;border-radius:2px;transition:.2s}
  .trackway{position:fixed;inset:0 0 0 auto;width:min(80vw,320px);background:var(--wg-flow2);flex-direction:column;align-items:stretch;gap:0;padding:80px 26px 30px;transform:translateX(100%);transition:transform .26s;box-shadow:-8px 0 30px rgba(0,0,0,.4);margin:0}
  .trackway__list{flex-direction:column;gap:0}
  .trackway__list li{border-bottom:1px solid rgba(242,226,198,.14)}
  .trackpost{display:block;padding:14px 0}
  .trackway__cta{display:flex;gap:10px;margin-top:22px}
  .trackway__cta .enterkey,.trackway__cta .enlistkey{flex:1;text-align:center}
  .gateflip:checked ~ .trackway{transform:translateX(0)}
  .gateflip:checked ~ .stackbars span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  .gateflip:checked ~ .stackbars span:nth-child(2){opacity:0}
  .gateflip:checked ~ .stackbars span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
}
@media (max-width:480px){
  .cardwall{grid-template-columns:repeat(2,1fr)}
  .cardwall--marks{grid-template-columns:repeat(2,1fr)}
  .speakwall__list{grid-template-columns:1fr}
  .breakout__title{font-size:1.7rem}
}