:root{
  --bg:#06101c;--deep:#0a1929;--ocean:#0e2d4e;
  --teal:#10bcd0;--teal2:#0a90a2;
  --gold:#f3c143;--gold2:#d6a418;
  --red:#be3b2c;--red2:#e84c3c;
  --sand:#c8a86c;--cream:#efe7d7;
  --text:#c8c0b0;--light:#b0d4e8;--white:#fff;
  /* Bonus Buy accent: electric green / money */
  --ev:#00e676;--ev2:#00c853;--ev-dk:#003d1a;
  --warn:#ff6d00;--warn2:#ff8f00;
  --bdr:rgba(243,193,67,.16);--bdr2:rgba(243,193,67,.34);--bdr-t:rgba(16,188,208,.28);--bdr-ev:rgba(0,230,118,.25);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{overflow-x:hidden;font-family:'Crimson Text',Georgia,serif;font-size:18px;line-height:1.78;color:var(--text);background:var(--bg);background-image:radial-gradient(ellipse 80% 35% at 50% 0%,rgba(0,230,118,.08) 0%,transparent 60%),radial-gradient(ellipse 45% 20% at 85% 88%,rgba(243,193,67,.06) 0%,transparent 55%);min-height:100vh}
a{color:var(--teal);text-decoration:none;transition:color .2s}a:hover{color:var(--gold)}
img{max-width:100%;height:auto;display:block}
p{margin-bottom:.95em}ul{padding-left:1.5em;margin-bottom:.9em}li{margin-bottom:5px}strong{color:var(--cream);font-weight:600}

/* HEADER */
#masthead{background:linear-gradient(180deg,#020b14 0%,var(--deep) 100%);border-bottom:2px solid var(--gold2);position:sticky;top:0;z-index:300;box-shadow:0 4px 40px rgba(0,0,0,.75)}
.hdr-top{max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 24px}
.logo{display:flex;align-items:center;gap:14px}
.logo-orb{width:58px;height:58px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--ev2),var(--ev));display:flex;align-items:center;justify-content:center;font-size:27px;border:2px solid rgba(0,230,118,.55);box-shadow:0 0 22px rgba(0,230,118,.38)}
.logo-name{font-family:'Cinzel',serif;font-size:25px;font-weight:900;color:var(--gold);letter-spacing:5px}
.logo-by{font-size:11px;color:var(--sand);letter-spacing:2.5px;display:block;margin-top:-2px}
.hdr-soc{display:flex;gap:8px}
.soc-btn{width:36px;height:36px;border-radius:8px;background:rgba(14,45,78,.7);border:1px solid var(--bdr2);display:flex;align-items:center;justify-content:center;color:var(--gold);transition:all .2s}
.soc-btn:hover{background:var(--gold);color:var(--bg)}
.mnav{background:linear-gradient(90deg,var(--ocean),#092040 50%,var(--ocean));border-top:1px solid rgba(16,188,208,.13)}
.nav-row{max-width:1300px;margin:0 auto;display:flex;justify-content:center;flex-wrap:wrap}
.nav-row a{font-family:'Cinzel',serif;font-size:12px;letter-spacing:1px;color:var(--light);padding:12px 16px;border-bottom:3px solid transparent;transition:all .2s;white-space:nowrap;display:block}
.nav-row a:hover,.nav-row a.act{color:var(--gold);border-bottom-color:var(--gold);background:rgba(243,193,67,.06)}
.nav-row a.glink{color:var(--gold)}
.nav-row a.evlink{color:var(--ev)}
.lbar{background:#030c16;border-top:1px solid rgba(255,255,255,.05)}
.lbar-in{max-width:1300px;margin:0 auto;display:flex;justify-content:flex-end;padding:5px 24px}
.lang-sel{background:var(--ocean);color:var(--gold);border:1px solid var(--bdr2);border-radius:4px;padding:4px 10px;font-size:12px;font-family:'Cinzel',serif;cursor:pointer}

/* BREADCRUMB */
.bc{font-size:13px;color:var(--sand);margin-bottom:20px;font-family:'Cinzel',serif;letter-spacing:.5px}
.bc a{color:var(--teal);font-size:13px}
.bc span{color:rgba(255,255,255,.3);margin:0 8px}

/* LAYOUT */
.wrap{max-width:1300px;margin:0 auto;padding:32px 20px;overflow-x:hidden}
.card{overflow:hidden;background:linear-gradient(175deg,rgba(12,32,53,.97) 0%,rgba(6,16,28,.99) 100%);border:1px solid var(--bdr);border-radius:20px;padding:44px;box-shadow:0 16px 80px rgba(0,0,0,.55),inset 0 1px 0 rgba(0,230,118,.06)}
@media(max-width:700px){.card{padding:20px 16px}}

/* TYPOGRAPHY */
h1{font-family:'Cinzel',serif;font-weight:900;font-size:clamp(22px,4.2vw,38px);color:var(--gold);line-height:1.22;text-shadow:0 2px 24px rgba(243,193,67,.32);margin-bottom:14px}
h2{font-family:'Cinzel',serif;font-weight:700;font-size:clamp(17px,2.6vw,24px);color:var(--gold);line-height:1.32;margin:0 0 14px}
h3{font-family:'Cinzel',serif;font-weight:700;font-size:clamp(14px,2vw,18px);color:var(--teal);line-height:1.38;margin:0 0 10px}
h4{font-family:'Cinzel',serif;font-weight:700;font-size:15px;color:var(--sand);margin-bottom:8px}
.sec-head{display:flex;align-items:center;gap:16px;margin:44px 0 18px}
.sec-head h2{margin:0}
.sec-head::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--bdr2),transparent)}
.rule{border:none;border-top:1px solid var(--bdr);margin:40px 0}

/* SGE TRAP TABLE */
.sge{border-collapse:collapse;margin:18px 0 24px;max-width:100%;width:100%}
.sge th{text-align:left;font-family:'Cinzel',serif;font-size:12px;letter-spacing:.5px;color:var(--sand);padding:8px 20px 8px 0;border-bottom:2px solid var(--bdr2)}
.sge td{padding:9px 20px 9px 0;font-size:16px;border-bottom:1px solid var(--bdr)}
.sge td:first-child{color:var(--ev);font-weight:700;font-family:'Cinzel',serif;font-size:13px;letter-spacing:.5px;min-width:160px}
.sge td:nth-child(2){color:var(--gold);font-weight:600;white-space:nowrap;min-width:100px}
.sge td:last-child{color:var(--cream)}
.sge tr:last-child td{border-bottom:none}

/* EV BADGE */
.ev-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(0,230,118,.08);border:2px solid rgba(0,230,118,.35);border-radius:12px;padding:10px 20px;margin:14px 0;font-family:'Cinzel',serif;font-size:13px;color:var(--ev);letter-spacing:.5px}
.ev-badge .icon{font-size:22px}

/* TABLES */
.t-wrap{overflow-x:auto;margin:18px 0}
table.dt{width:100%;border-collapse:collapse;font-size:15px}
table.dt thead tr{background:linear-gradient(90deg,var(--ocean),#092040);border-bottom:2px solid var(--gold2)}
table.dt th{color:var(--gold);font-family:'Cinzel',serif;font-size:12px;letter-spacing:.5px;padding:11px 14px;text-align:left;white-space:nowrap}
table.dt td{padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.06);color:var(--cream);vertical-align:top}
table.dt tbody tr:nth-child(even){background:rgba(14,45,78,.22)}
table.dt tbody tr:hover{background:rgba(243,193,67,.06)}
table.dt td:first-child{color:var(--sand);font-weight:600}
.td-ev{color:var(--ev);font-weight:700}
.td-warn{color:var(--warn);font-weight:700}
.td-g{color:var(--gold)}
.td-t{color:var(--teal)}
.td-r{color:var(--red2)}
/* Row highlight tiers */
tr.tier-1 td{background:rgba(0,230,118,.05)!important}
tr.tier-1 td:first-child{color:var(--ev)}
tr.tier-2 td{background:rgba(0,200,83,.04)!important}
tr.tier-5 td{background:rgba(243,193,67,.07)!important}
tr.tier-5 td:first-child{color:var(--gold)}

/* BUTTONS */
.btn-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:26px 0}
.btn-g{display:inline-block;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--bg);font-family:'Cinzel',serif;font-weight:700;font-size:14px;letter-spacing:1px;padding:14px 36px;border-radius:50px;box-shadow:0 4px 24px rgba(243,193,67,.33);transition:all .22s;white-space:nowrap;border:none;cursor:pointer}
.btn-g:hover{transform:translateY(-2px);box-shadow:0 8px 36px rgba(243,193,67,.52);color:var(--bg)}
.btn-r{display:inline-block;background:linear-gradient(135deg,#860e06,var(--red2));color:var(--white);font-family:'Cinzel',serif;font-weight:700;font-size:14px;letter-spacing:1px;padding:14px 36px;border-radius:50px;transition:all .22s;white-space:nowrap}
.btn-r:hover{transform:translateY(-2px);color:var(--white)}
.btn-ev{display:inline-block;background:linear-gradient(135deg,var(--ev2),var(--ev));color:var(--bg);font-family:'Cinzel',serif;font-weight:700;font-size:14px;letter-spacing:1px;padding:14px 36px;border-radius:50px;transition:all .22s;white-space:nowrap;box-shadow:0 4px 24px rgba(0,230,118,.3)}
.btn-ev:hover{transform:translateY(-2px);color:var(--bg)}
.btn-ctr{text-align:center;margin:24px 0}
.btn-lg{font-size:16px !important;padding:16px 48px !important}

/* TOC */
.toc{border:1px solid var(--bdr-t);background:rgba(14,45,78,.28);border-radius:12px;margin:30px 0;overflow:hidden}
.toc-hd{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;cursor:pointer;background:rgba(16,188,208,.07)}
.toc-hd:hover{background:rgba(16,188,208,.12)}
.toc-lbl{font-family:'Cinzel',serif;font-weight:700;color:var(--teal);font-size:14px;letter-spacing:.5px}
.toc-ar{color:var(--gold);font-size:13px;transition:transform .25s}
.toc-bd{display:none;padding:12px 22px 16px}
.toc-bd.on{display:block}
.toc-bd ul{list-style:none;padding:0;margin:0;columns:2;column-gap:2em}
@media(max-width:580px){.toc-bd ul{columns:1}}
.toc-bd li{padding:4px 0;break-inside:avoid;border-bottom:1px solid rgba(255,255,255,.04)}
.toc-bd li:last-child{border:none}
.toc-bd li a{font-size:14px;color:var(--light)}
.toc-bd li a:hover{color:var(--gold)}
.toc-sub a{font-size:13px !important;color:var(--sand) !important;padding-left:14px;display:inline-block}

/* STEP BLOCKS */
.sb{background:rgba(14,45,78,.3);border:1px solid var(--bdr);border-left:4px solid var(--gold);border-radius:0 14px 14px 0;padding:20px 24px;margin:14px 0}
.sb h3{margin:0 0 8px;color:var(--gold)}
.sb p{margin:0;font-size:16px}
.sb.tc{border-left-color:var(--teal)}
.sb.tc h3{color:var(--teal)}
.sb.ev{border-left-color:var(--ev)}
.sb.ev h3{color:var(--ev)}
.sb.warn{border-left-color:var(--warn);background:rgba(255,109,0,.05)}
.sb.warn h3{color:var(--warn)}

/* GREEN LIGHT BENTO */
.gl-box{background:linear-gradient(135deg,rgba(0,61,26,.55),rgba(0,20,10,.75));border:2px solid var(--ev);border-radius:16px;padding:28px 32px;margin:22px 0;position:relative;overflow:hidden}
.gl-box::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 15% 50%,rgba(0,230,118,.15) 0%,transparent 55%);pointer-events:none}
.gl-box h3{color:var(--ev);font-size:20px;margin-bottom:14px;position:relative}
.gl-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;position:relative}
@media(max-width:540px){.gl-row{grid-template-columns:1fr}}
.gl-side{border-radius:12px;padding:18px;text-align:center}
.gl-green{background:rgba(0,230,118,.1);border:1px solid rgba(0,230,118,.4)}
.gl-red{background:rgba(190,59,44,.1);border:1px solid rgba(190,59,44,.4)}
.gl-ico{font-size:38px;margin-bottom:8px}
.gl-lbl{font-family:'Cinzel',serif;font-size:16px;font-weight:700;margin-bottom:6px}
.gl-green .gl-lbl{color:var(--ev)}
.gl-red .gl-lbl{color:var(--red2)}
.gl-desc{font-size:14px;line-height:1.6}

/* CHECKLIST */
.chk{list-style:none;padding:0;margin:12px 0}
.chk li{padding:10px 0 10px 32px;position:relative;border-bottom:1px solid rgba(255,255,255,.06);font-size:16px;color:var(--cream)}
.chk li:last-child{border:none}
.chk li::before{content:'✓';position:absolute;left:0;top:11px;color:var(--teal);font-weight:700;font-size:16px}

/* CASINO CARD */
.casino{background:linear-gradient(135deg,rgba(14,45,78,.7),rgba(6,16,28,.9));border:2px solid var(--gold2);border-radius:18px;padding:26px 32px;margin:22px 0;display:flex;align-items:center;gap:22px;flex-wrap:wrap;box-shadow:0 6px 36px rgba(243,193,67,.13)}
.casino .ico{font-size:54px;flex-shrink:0}
.casino .ci{flex:1;min-width:180px}
.casino .cn{font-family:'Cinzel',serif;font-size:21px;font-weight:700;color:var(--gold)}
.casino .cs{color:var(--gold);font-size:22px;margin:5px 0}
.casino .cd{font-size:15px;color:var(--cream)}
.casino .sub{font-size:14px;color:var(--teal);margin-top:4px;font-family:'Cinzel',serif;letter-spacing:.5px}
@media(max-width:520px){.casino{flex-direction:column;text-align:center}}

/* TIP BOX */
.tip-box{background:rgba(243,193,67,.07);border:1px solid rgba(243,193,67,.28);border-left:4px solid var(--gold);border-radius:0 12px 12px 0;padding:18px 24px;margin:24px 0;font-size:16px}
.tip-box strong{font-family:'Cinzel',serif;font-size:13px;color:var(--gold);letter-spacing:.5px;display:block;margin-bottom:6px}
.bento{background:rgba(14,45,78,.35);border:1px solid var(--bdr2);border-radius:16px;padding:26px;margin:20px 0}

/* VERSION ROI TABLE extras */
tr.ver-best td:nth-child(2){color:var(--ev);font-weight:700}

/* PROS/CONS */
.pc-wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:16px 0}
@media(max-width:640px){.pc-wrap{grid-template-columns:1fr}}
.pc h3{margin:0 0 14px}
.pc-ul{list-style:none;padding:0;margin:0}
.pc-ul li{padding:8px 0 8px 28px;position:relative;font-size:15px;border-bottom:1px solid rgba(255,255,255,.05)}
.pc-ul li:last-child{border:none}
.pros li::before{content:'✦';position:absolute;left:0;top:10px;color:var(--ev);font-size:13px}
.cons li::before{content:'▲';position:absolute;left:0;top:11px;color:var(--red2);font-size:11px}

/* BULLET SUMMARY */
.bul{list-style:none;padding:0;margin:14px 0}
.bul li{padding:9px 0 9px 30px;position:relative;font-size:16px;border-bottom:1px solid rgba(255,255,255,.05)}
.bul li:last-child{border:none}
.bul li::before{content:'<span class="sv-ico" aria-hidden="true" style="display:inline-flex;align-items:center;vertical-align:middle;width:1em;height:1em;flex-shrink:0"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:100%;height:100%"><line x1="9" y1="18" x2="15" y2="18"/><line x1="10" y1="22" x2="14" y2="22"/><path d="M12 2a7 7 0 0 1 7 7c0 2.38-1.19 4.47-3 5.74V17H8v-2.26C6.19 13.47 5 11.38 5 9a7 7 0 0 1 7-7z"/></svg></span>';position:absolute;left:0;top:10px;font-size:14px}

/* TAGS */
.tags{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.tag{display:inline-block;border-radius:50px;padding:4px 14px;font-size:12px;font-family:'Cinzel',serif;letter-spacing:.5px;white-space:nowrap}
.tg{background:rgba(16,188,208,.1);border:1px solid rgba(16,188,208,.3);color:var(--teal)}
.tgg{background:rgba(243,193,67,.1);border:1px solid rgba(243,193,67,.28);color:var(--gold)}
.tgr{background:rgba(190,59,44,.1);border:1px solid rgba(190,59,44,.28);color:var(--red2)}
.tge{background:rgba(0,230,118,.1);border:1px solid rgba(0,230,118,.3);color:var(--ev)}

/* COST BADGE (inline) */
.cost{display:inline-block;background:rgba(0,230,118,.1);border:1px solid rgba(0,230,118,.3);color:var(--ev);border-radius:6px;padding:2px 10px;font-family:'Cinzel',serif;font-size:12px;font-weight:700;letter-spacing:.5px;vertical-align:middle;margin-left:6px}
.cost-warn{background:rgba(255,109,0,.1);border-color:rgba(255,109,0,.3);color:var(--warn)}

/* INT LINKS */
.int-links{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.int-links a{background:rgba(14,45,78,.5);border:1px solid var(--bdr2);border-radius:8px;padding:8px 18px;font-family:'Cinzel',serif;font-size:12px;letter-spacing:.5px;color:var(--teal);transition:all .2s}
.int-links a:hover{background:rgba(243,193,67,.1);color:var(--gold);border-color:var(--gold2)}

/* FAQ */
.faq{margin:22px 0}
.fq{border-bottom:1px solid var(--bdr)}
.fq-btn{width:100%;background:none;border:none;text-align:left;padding:18px 0;font-family:'Cinzel',serif;font-size:15px;font-weight:700;color:var(--cream);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:color .2s}
.fq-btn:hover,.fq-btn.on{color:var(--gold)}
.fq-btn .ar{color:var(--gold);font-size:12px;flex-shrink:0;transition:transform .26s}
.fq-btn.on .ar{transform:rotate(180deg)}
.fq-ans{max-height:0;overflow:hidden;transition:max-height .35s ease}
.fq-ans.on{max-height:400px}
.fq-ans-in{padding:0 0 18px;font-size:16px;line-height:1.75;color:var(--text)}

/* FOOTER */
.foot{background:linear-gradient(135deg,#050e1c,#07152a);border:1px solid var(--bdr);border-radius:18px;padding:36px;margin-top:48px}
.foot-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2.5em}
@media(max-width:700px){.foot-grid{grid-template-columns:1fr}}
.foot-col h4{color:var(--teal);font-family:'Cinzel',serif;font-size:13px;letter-spacing:1px;margin-bottom:14px}
.foot-col ul{list-style:none;padding:0;margin:0}
.foot-col li{padding:5px 0}
.foot-col a{font-size:15px;color:var(--light)}
.foot-col a:hover{color:var(--gold)}
.trust{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:12px}
.trust img{height:28px;width:auto;filter:brightness(0) invert(1);opacity:.45}
.copy{text-align:center;color:rgba(255,255,255,.28);font-size:13px;margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.07)}

/* POPUP */
.pop{position:fixed;bottom:20px;left:20px;z-index:9999;background:linear-gradient(135deg,#0a1929,#05101e);border:2px solid rgba(0,230,118,.6);border-radius:16px;padding:20px;max-width:245px;box-shadow:0 10px 48px rgba(0,0,0,.65);display:none}
.pop-ico{font-size:36px;margin-bottom:8px}
.pop-h{font-family:'Cinzel',serif;font-size:13px;color:var(--gold);font-weight:700;margin-bottom:5px}
.pop-p{font-size:13px;color:var(--cream);margin-bottom:12px}
.pop-btn{display:block;width:100%;text-align:center;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--bg);font-family:'Cinzel',serif;font-weight:700;font-size:13px;padding:10px;border-radius:8px;cursor:pointer}
.pop-x{position:absolute;top:9px;right:11px;background:rgba(243,193,67,.15);border:none;border-radius:50%;width:23px;height:23px;cursor:pointer;color:var(--gold);font-size:14px;display:flex;align-items:center;justify-content:center}

@media(max-width:500px){h1{font-size:20px}h2{font-size:16px}h3{font-size:14px}}

/* Flag badges (replaces flag emojis) */
.flag-badge{display:inline-block;background:rgba(14,45,78,.7);border:1px solid var(--bdr2);color:var(--sand);border-radius:4px;padding:1px 6px;font-family:'Cinzel',serif;font-size:10px;letter-spacing:1px;vertical-align:middle}

/* Screenshot / image blocks */
.game-img{margin:20px 0;border-radius:14px;overflow:hidden;border:1px solid rgba(243,193,67,.2);box-shadow:0 8px 32px rgba(0,0,0,.5);position:relative}
.game-img img{width:100%;height:auto;display:block;border-radius:13px}
.game-img figcaption{background:linear-gradient(0deg,rgba(6,16,28,.95) 0%,transparent 100%);color:rgba(200,192,176,.8);font-size:13px;padding:10px 16px;font-family:'Cinzel',serif;letter-spacing:.3px;position:absolute;bottom:0;left:0;right:0;border-radius:0 0 13px 13px}
.logo-img{width:54px;height:54px;object-fit:contain;border-radius:50%;border:2px solid rgba(243,193,67,.5)}

root{
  --bg:#06101c;--deep:#0a1929;--ocean:#0e2d4e;
  --teal:#10bcd0;--teal2:#0a90a2;
  --gold:#f3c143;--gold2:#d6a418;
  --red:#be3b2c;--red2:#e84c3c;
  --sand:#c8a86c;--cream:#efe7d7;
  --text:#c8c0b0;--light:#b0d4e8;--white:#fff;
  --tropic:#00b894;--tropic2:#00a381;--sky:#74b9ff;
  --bdr:rgba(243,193,67,.16);--bdr2:rgba(243,193,67,.34);--bdr-t:rgba(16,188,208,.28);
}
before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{overflow-x:hidden;font-family:'Crimson Text',Georgia,serif;font-size:18px;line-height:1.78;color:var(--text);background:var(--bg);background-image:radial-gradient(ellipse 90% 40% at 50% 0%,rgba(0,184,148,.1) 0%,transparent 65%),radial-gradient(ellipse 50% 22% at 90% 90%,rgba(116,185,255,.07) 0%,transparent 55%);min-height:100vh}
color:var(--teal);text-decoration:none;transition:color .2s}
a:hover{color:var(--gold)}
img{max-width:100%;height:auto;display:block}
margin-bottom:.95em}ul{padding-left:1.5em;margin-bottom:.9em}
li{margin-bottom:5px}
strong{color:var(--cream);font-weight:600}
.nav-row a{font-family:'Cinzel',serif;font-size:12px;letter-spacing:1px;color:var(--light);padding:12px 16px;border-bottom:3px solid transparent;transition:all .2s;white-space:nowrap;display:block}
.nav-row a:hover,.nav-row a.act{color:var(--gold);border-bottom-color:var(--gold);background:rgba(243,193,67,.06)}
.nav-row a.glink{color:var(--gold)}
.nav-row a.xlink{color:var(--tropic)}
.bc a{color:var(--teal);font-size:13px}
.bc span{color:rgba(255,255,255,.3);margin:0 8px}
/* TYPOGRAPHY */
h1{font-family:'Cinzel',serif;font-weight:900;font-size:clamp(24px,4.5vw,40px);color:var(--gold);line-height:1.22;text-shadow:0 2px 24px rgba(243,193,67,.32);margin-bottom:14px}
h2{font-family:'Cinzel',serif;font-weight:700;font-size:clamp(18px,2.8vw,26px);color:var(--gold);line-height:1.32;margin:0 0 14px}
h3{font-family:'Cinzel',serif;font-weight:700;font-size:clamp(14px,2vw,18px);color:var(--teal);line-height:1.38;margin:0 0 10px}
h4{font-family:'Cinzel',serif;font-weight:700;font-size:15px;color:var(--sand);margin-bottom:8px}
.sec-head h2{margin:0}
.sge td{padding:8px 20px;font-size:16px;border-bottom:1px solid var(--bdr)}
.sge td:first-child{color:var(--sand);font-family:'Cinzel',serif;font-size:13px;letter-spacing:.5px;padding-left:0;width:160px}
.sge td:last-child{color:var(--cream);font-weight:600}
.sge tr:last-child td{border-bottom:none}
/* MECHANIC BADGE */
.mech-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(0,184,148,.12);border:2px solid rgba(0,184,148,.4);border-radius:12px;padding:10px 20px;margin:14px 0;font-family:'Cinzel',serif;font-size:13px;color:var(--tropic);letter-spacing:.5px}
.mech-badge .icon{font-size:22px}
/* DEMO */
.demo-box{background:radial-gradient(ellipse 75% 70% at 50% 45%,rgba(0,80,60,.7) 0%,rgba(6,16,28,1) 100%);border:2px dashed rgba(0,184,148,.35);border-radius:18px;min-height:480px;display:flex;align-items:center;justify-content:center;margin:0 0 30px;position:relative;overflow:hidden}
.demo-box::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 25%,rgba(0,184,148,.12) 0%,transparent 45%),radial-gradient(circle at 80% 75%,rgba(243,193,67,.07) 0%,transparent 45%)}
.demo-in{position:relative;z-index:1;text-align:center;padding:48px 24px}
.demo-ico{font-size:88px;display:block;margin-bottom:18px;animation:bob 3.5s ease-in-out infinite}
0%,100%{transform:translateY(0) rotate(-2deg)}
50%{transform:translateY(-14px) rotate(2deg)}
.demo-ttl{font-family:'Cinzel',serif;font-size:26px;font-weight:900;color:var(--gold);margin-bottom:10px}
.demo-sub{color:var(--light);font-size:16px;margin-bottom:22px;line-height:1.6}
.demo-badge{display:inline-block;background:rgba(0,184,148,.12);border:1px solid rgba(0,184,148,.38);color:var(--tropic);border-radius:8px;padding:8px 22px;font-family:'Cinzel',serif;font-size:12px;letter-spacing:1.5px}
.btn-t{display:inline-block;background:linear-gradient(135deg,var(--tropic2),var(--tropic));color:var(--bg);font-family:'Cinzel',serif;font-weight:700;font-size:14px;letter-spacing:1px;padding:14px 36px;border-radius:50px;transition:all .22s;white-space:nowrap}
.btn-t:hover{transform:translateY(-2px);color:var(--bg)}
.toc-bd ul{list-style:none;padding:0;margin:0;columns:2;column-gap:2em}
.toc-bd li{padding:4px 0;break-inside:avoid;border-bottom:1px solid rgba(255,255,255,.04)}
.toc-bd li:last-child{border:none}
.toc-bd li a{font-size:14px;color:var(--light)}
.toc-bd li a:hover{color:var(--gold)}
.toc-sub a{font-size:13px !important;color:var(--sand) !important;padding-left:14px;display:inline-block}
table.dt{width:100%;border-collapse:collapse;font-size:15px}
table.dt thead tr{background:linear-gradient(90deg,var(--ocean),#092040);border-bottom:2px solid var(--gold2)}
table.dt th{color:var(--gold);font-family:'Cinzel',serif;font-size:12px;letter-spacing:.5px;padding:11px 14px;text-align:left;white-space:nowrap}
table.dt td{padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.06);color:var(--cream);vertical-align:top}
table.dt tbody tr:nth-child(even){background:rgba(14,45,78,.22)}
table.dt tbody tr:hover{background:rgba(243,193,67,.06)}
table.dt td:first-child{color:var(--sand);font-weight:600}
.td-x{color:var(--tropic);font-weight:700}
.td-1{color:var(--sky)}
.chk li{padding:10px 0 10px 32px;position:relative;border-bottom:1px solid rgba(255,255,255,.06);font-size:16px;color:var(--cream)}
.chk li:last-child{border:none}
.chk li::before{content:'✓';position:absolute;left:0;top:11px;color:var(--teal);font-weight:700;font-size:16px}
.casino .ico{font-size:54px;flex-shrink:0}
.casino .ci{flex:1;min-width:180px}
.casino .cn{font-family:'Cinzel',serif;font-size:21px;font-weight:700;color:var(--gold)}
.casino .cs{color:var(--gold);font-size:22px;margin:5px 0}
.casino .cd{font-size:15px;color:var(--cream)}
.casino .sub{font-size:14px;color:var(--teal);margin-top:4px;font-family:'Cinzel',serif;letter-spacing:.5px}
.sb h3{margin:0 0 8px;color:var(--gold)}
.sb p{margin:0;font-size:16px}
.sb.tc h3{color:var(--teal)}
.sb.tr{border-left-color:var(--tropic)}
.sb.tr h3{color:var(--tropic)}
.tip-box strong{font-family:'Cinzel',serif;font-size:13px;color:var(--gold);letter-spacing:.5px;display:block;margin-bottom:6px}
.pc h3{margin:0 0 14px}
.pc-ul li{padding:8px 0 8px 28px;position:relative;font-size:15px;border-bottom:1px solid rgba(255,255,255,.05)}
.pc-ul li:last-child{border:none}
.pros li::before{content:'✦';position:absolute;left:0;top:10px;color:var(--teal);font-size:13px}
.cons li::before{content:'▲';position:absolute;left:0;top:11px;color:var(--red2);font-size:11px}
.bul li{padding:9px 0 9px 30px;position:relative;font-size:16px;border-bottom:1px solid rgba(255,255,255,.05)}
.bul li:last-child{border:none}
.bul li::before{content:'🌴';position:absolute;left:0;top:10px;font-size:14px}
.tgt{background:rgba(0,184,148,.12);border:1px solid rgba(0,184,148,.35);color:var(--tropic)}
.int-links a{background:rgba(14,45,78,.5);border:1px solid var(--bdr2);border-radius:8px;padding:8px 18px;font-family:'Cinzel',serif;font-size:12px;letter-spacing:.5px;color:var(--teal);transition:all .2s}
.int-links a:hover{background:rgba(243,193,67,.1);color:var(--gold);border-color:var(--gold2)}
.fq-btn .ar{color:var(--gold);font-size:12px;flex-shrink:0;transition:transform .26s}
.fq-btn.on .ar{transform:rotate(180deg)}
.foot-col h4{color:var(--teal);font-family:'Cinzel',serif;font-size:13px;letter-spacing:1px;margin-bottom:14px}
.foot-col ul{list-style:none;padding:0;margin:0}
.foot-col li{padding:5px 0}
.foot-col a{font-size:15px;color:var(--light)}
.foot-col a:hover{color:var(--gold)}
.trust img{height:28px;width:auto;filter:brightness(0) invert(1);opacity:.45}
.game-img img{width:100%;height:auto;display:block;border-radius:13px}
.game-img figcaption{background:linear-gradient(0deg,rgba(6,16,28,.95) 0%,transparent 100%);color:rgba(200,192,176,.8);font-size:13px;padding:10px 16px;font-family:'Cinzel',serif;letter-spacing:.3px;position:absolute;bottom:0;left:0;right:0;border-radius:0 0 13px 13px}

margin-bottom:.95em}
ul{padding-left:1.5em;margin-bottom:.9em}
.lvl-7{color:var(--gold);font-weight:700}
.lvl-high{color:var(--teal)}
/* NUMBERED STEPS */
.steps-ol{list-style:none;padding:0;margin:18px 0;counter-reset:sc}
.steps-ol li{counter-increment:sc;padding:14px 0 14px 56px;position:relative;border-bottom:1px solid rgba(255,255,255,.06);font-size:16px}
.steps-ol li:last-child{border:none}
.steps-ol li::before{content:counter(sc);position:absolute;left:0;top:12px;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--bg);font-family:'Cinzel',serif;font-weight:900;font-size:16px;display:flex;align-items:center;justify-content:center}
.steps-ol li strong{font-family:'Cinzel',serif;font-size:14px;color:var(--gold);display:block;margin-bottom:5px}
.pop-btn:hover{color:var(--bg)}

.lvl-hi{color:var(--teal)}
.sb.am{border-left-color:var(--amber)}
.sb.am h3{color:var(--amber)}
.werren-box{background:linear-gradient(135deg,rgba(40,20,5,.8),rgba(14,45,78,.5));border:2px solid rgba(230,126,34,.4);border-radius:16px;padding:24px;margin:22px 0}
.werren-box .wt{font-family:'Cinzel',serif;font-size:14px;color:var(--amber);font-weight:700;letter-spacing:.5px;margin-bottom:10px;display:flex;align-items:center;gap:10px}
.werren-box .wt::before{content:'🤠';font-size:22px}
.werren-num{font-family:'Cinzel',serif;font-size:44px;font-weight:900;color:var(--gold);text-shadow:0 0 28px rgba(243,193,67,.5);display:block;margin:8px 0 4px}
.tga{background:rgba(230,126,34,.1);border:1px solid rgba(230,126,34,.3);color:var(--amber)}

/* PHASE TRACKER */
.phase-bar{display:flex;gap:0;margin:18px 0;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}
.phase-item{flex:1;padding:12px 8px;text-align:center;font-family:'Cinzel',serif;font-size:12px;letter-spacing:.5px;font-weight:700;position:relative}
.p1{background:rgba(108,92,231,.2);color:#a29bfe;border-right:1px solid rgba(255,255,255,.08)}
.p2{background:rgba(116,185,255,.15);color:var(--ice);border-right:1px solid rgba(255,255,255,.08)}
.p3{background:rgba(225,112,85,.15);color:var(--fire)}
.phase-item .pn{font-size:10px;opacity:.7;display:block;margin-bottom:3px}
/* PHASE BENTOS */
.phase-bento{border-radius:16px;padding:24px;margin:18px 0;border:2px solid}
.ph1{background:rgba(108,92,231,.1);border-color:rgba(108,92,231,.4)}
.ph1 .ph-label{font-family:'Cinzel',serif;font-size:13px;color:#a29bfe;letter-spacing:1px;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.ph2{background:rgba(116,185,255,.08);border-color:rgba(116,185,255,.35)}
.ph2 .ph-label{font-family:'Cinzel',serif;font-size:13px;color:var(--ice);letter-spacing:1px;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.ph3{background:rgba(225,112,85,.1);border-color:rgba(225,112,85,.4)}
.ph3 .ph-label{font-family:'Cinzel',serif;font-size:13px;color:var(--fire);letter-spacing:1px;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.freeze-chain{list-style:none;padding:0;margin:10px 0}
.freeze-chain li{padding:6px 0 6px 26px;position:relative;font-size:15px;border-bottom:1px solid rgba(255,255,255,.06)}
.freeze-chain li:last-child{border:none}
.freeze-chain li::before{content:'❄';position:absolute;left:0;top:7px;font-size:13px}
.mult{color:var(--ice);font-weight:700;font-family:'Cinzel',serif}
.tgp{background:rgba(108,92,231,.12);border:1px solid rgba(108,92,231,.35);color:#a29bfe}

TOKENS ══ */
:root{
  --bg:#06101c;--deep:#0a1929;--layer:#0c2035;--ocean:#0e2d4e;--mid:#0f3560;
  --teal:#10bcd0;--teal2:#0a90a2;--gold:#f3c143;--gold2:#d6a418;--gold3:#fff6c0;
  --red:#be3b2c;--red2:#e84c3c;--sand:#c8a86c;--cream:#efe7d7;
  --text:#c8c0b0;--light:#b0d4e8;--white:#ffffff;
  --bdr:rgba(243,193,67,.16);--bdr2:rgba(243,193,67,.34);--bdr-t:rgba(16,188,208,.28);
  --bdr-r:rgba(232,76,60,.3);
}
.verdict-top{color:var(--teal);font-weight:700}
.verdict-ok{color:var(--gold)}
.verdict-lite{color:var(--sand)}
.verdict-warn{color:var(--red2)}
.sb.teal{border-left-color:var(--teal)}
.sb.teal h3{color:var(--teal)}
.sb.red{border-left-color:var(--red2)}
.sb.red h3{color:var(--red2)}
.warn-box{background:rgba(190,59,44,.1);border:1px solid var(--bdr-r);border-radius:14px;padding:20px 24px;margin:22px 0}
.warn-box .wt{font-family:'Cinzel',serif;font-size:13px;color:var(--red2);font-weight:700;letter-spacing:.5px;margin-bottom:8px}
.warn-box p{font-size:16px;margin:0;color:var(--cream)}
/* ══ NUMBERED DEMO STEPS ══ */
.d-steps{list-style:none;padding:0;margin:18px 0;counter-reset:ds}
.d-steps li{counter-increment:ds;padding:14px 0 14px 56px;position:relative;border-bottom:1px solid rgba(255,255,255,.06);font-size:16px}
.d-steps li:last-child{border:none}
.d-steps li::before{content:counter(ds);position:absolute;left:0;top:12px;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--bg);font-family:'Cinzel',serif;font-weight:900;font-size:16px;display:flex;align-items:center;justify-content:center}
.d-steps li strong{font-family:'Cinzel',serif;font-size:14px;color:var(--gold);display:block;margin-bottom:5px}

TOKENS ══════════════ */
:root{
  --bg:     #06101c;
  --deep:   #0a1929;
  --layer:  #0c2035;
  --ocean:  #0e2d4e;
  --mid:    #0f3560;
  --teal:   #10bcd0;
  --teal2:  #0a90a2;
  --gold:   #f3c143;
  --gold2:  #d6a418;
  --gold3:  #fff6c0;
  --red:    #be3b2c;
  --red2:   #e84c3c;
  --sand:   #c8a86c;
  --cream:  #efe7d7;
  --text:   #c8c0b0;
  --light:  #b0d4e8;
  --white:  #ffffff;
  --bdr:    rgba(243,193,67,.16);
  --bdr2:   rgba(243,193,67,.34);
  --bdr-t:  rgba(16,188,208,.28);
}
RESET ══════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
.nav-row a.xlink:hover{color:var(--white);border-bottom-color:var(--red2)}
/* ══════════════ SUB-H3 STEP BLOCKS ══════════════ */
.step-block{
  background:rgba(14,45,78,.3);
  border:1px solid var(--bdr);
  border-left:4px solid var(--gold);
  border-radius:0 14px 14px 0;
  padding:20px 24px;margin:16px 0;
}
.step-block h3{margin:0 0 8px;color:var(--gold)}
.step-block p{margin:0;font-size:16px}
.step-block.teal-acc{border-left-color:var(--teal)}
.step-block.teal-acc h3{color:var(--teal)}
/* ══════════════ STEP GRID (features) ══════════════ */
.feat-block{
  border:1px solid var(--bdr);
  border-radius:16px;padding:24px;margin:18px 0;
  background:rgba(12,32,53,.4);
}
.feat-block h3{margin:0 0 10px}
/* ══════════════ SESSION TIP ══════════════ */
.tip{
  background:rgba(243,193,67,.07);
  border:1px solid rgba(243,193,67,.28);
  border-left:4px solid var(--gold);
  border-radius:0 12px 12px 0;
  padding:18px 24px;margin:24px 0;
  font-style:italic;font-size:16px;
}
.tip strong{font-style:normal;font-family:'Cinzel',serif;font-size:13px;color:var(--gold);letter-spacing:.5px;display:block;margin-bottom:6px}
.warn{background:rgba(190,59,44,.1);border:1px solid rgba(190,59,44,.3);border-radius:10px;padding:14px 20px;margin:16px 0;font-family:'Cinzel',serif;font-size:13px;color:var(--red2);letter-spacing:.5px}
/* Demo iframe embed */
.demo-frame{position:relative;width:100%;padding-bottom:56.25%;margin:0 0 30px;border-radius:18px;overflow:hidden;border:2px solid rgba(16,188,208,.35);box-shadow:0 8px 40px rgba(0,0,0,.6)}
.demo-frame iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:16px}
.demo-frame-label{text-align:center;font-family:'Cinzel',serif;font-size:12px;letter-spacing:1.5px;color:var(--teal);padding:8px 0 0;opacity:.7}