html.rules-hub-page,
html.rules-hub-page body{overflow-x:clip}

.rules-hub-page .page-hero{padding-bottom:56px}
.rules-hub-page .page-hero h1{max-width:860px;font-size:clamp(46px,5.4vw,70px)}
.rules-hub-page .content-layout{grid-template-columns:minmax(0,1fr) 270px;gap:48px;padding-top:10px}
.rules-hub-prose{min-width:0}
.rules-hub-prose>.rules-hub-section{border-top:1px solid var(--line);max-width:none;padding:64px 0}
.rules-hub-prose>.rules-hub-section:first-child{padding-top:46px}
.rules-intro-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:18px;align-items:stretch}
.setup-panel,.deal-panel{border:1px solid var(--line);border-radius:18px;background:#111429;overflow:hidden}
.setup-panel h3,.deal-panel h3{margin:0;color:#f5f6fb;font-size:22px;line-height:1.2}
.setup-panel h3{padding:22px 22px 4px}
.setup-panel dl{margin:10px 0 0}
.setup-panel dl>div{display:grid;grid-template-columns:118px 1fr;gap:18px;border-top:1px solid var(--line);padding:15px 22px}
.setup-panel dt{color:#ffc84a;font-size:12px;font-weight:850;letter-spacing:.04em}
.setup-panel dd{margin:0;color:#b8bfd1;font-size:14px;line-height:1.55}
.deal-panel{padding:24px;background:linear-gradient(145deg,#28165b,#151932 68%)}
.deal-panel>span{display:block;margin-bottom:13px;color:#ffc84a;font-size:10px;font-weight:900;letter-spacing:.18em}
.deal-panel p{margin:15px 0 0;color:#c2c7d7;font-size:14px;line-height:1.65}
.deal-panel b{color:#f5f6fb}

.rules-section-heading{max-width:820px;margin-bottom:30px}
.rules-section-heading .section-index{display:block}
.rules-section-heading h2{max-width:760px;margin-top:14px;font-size:clamp(34px,4vw,48px);line-height:1.07}
.rules-section-heading>p{max-width:780px;margin:17px 0 0;font-size:16px;line-height:1.75}

.hand-ranking-grid{counter-reset:rank;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;display:grid;list-style:none}
.hand-ranking-grid>li{border:1px solid #ffffff1a;background:radial-gradient(circle at 100% 0,#6c3bff2b,#0000 36%),linear-gradient(150deg,#181c37,#101326);border-radius:18px;min-width:0;min-height:294px;padding:21px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08}
.hand-ranking-grid>li:before{content:"";background:linear-gradient(90deg,var(--gold),#6c3bff);height:3px;position:absolute;inset:0 0 auto}
.rank-number{color:#ffc84a8a;font:900 11px/1 ui-monospace,monospace;letter-spacing:.13em}
.rank-name{min-height:60px;margin-top:16px}
.rank-name h3{font-size:20px;line-height:1.1}
.rank-name small{color:#8991a9;margin-top:6px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;display:block}
.card-example{gap:5px;margin-top:17px;display:flex}
.card-example i{width:43px;height:57px;color:#161928;background:linear-gradient(145deg,#fff,#dfe3ef);border:1px solid #fff;border-radius:7px;place-items:center;font:900 16px/1 Georgia,serif;font-style:normal;display:grid;box-shadow:0 8px 20px #0006}
.card-example i:nth-child(2){transform:translateY(-4px)}
.card-example .red{color:#c82535}
.hand-ranking-grid p{margin:17px 0 0;font-size:12.5px;line-height:1.55}

.rule-memory-band{border:1px solid #ffc84a4a;background:#ffc84a0d;border-radius:14px;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px;padding:18px 20px;display:grid}
.rule-memory-band p{margin:0;font-size:13px;line-height:1.55}
.rule-memory-band b{color:var(--gold)}
.rules-inline-cta{border-bottom:1px solid #ffc84a73;color:var(--gold);align-items:center;justify-content:space-between;gap:24px;min-height:48px;margin-top:22px;padding:0 4px;font-size:13px;font-weight:850;display:flex}
.rules-inline-cta span{font-size:20px}
.rules-inline-cta:hover{color:#fff;border-color:#fff}

.game-facts{border:1px solid var(--line);background:#111429;border-radius:16px;grid-template-columns:repeat(3,1fr);margin:0 0 20px;display:grid;overflow:hidden}
.game-facts>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;padding:17px 18px}
.game-facts>div:nth-child(3n){border-right:0}
.game-facts>div:nth-child(n+4){border-bottom:0}
.game-facts dt{color:#79829b;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:850}
.game-facts dd{margin:6px 0 0;color:#e8eaf3;font-size:13px;font-weight:750}

.round-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;display:grid;list-style:none}
.round-steps>li{border:1px solid var(--line);background:linear-gradient(145deg,#171a34,#101326);border-radius:15px;grid-template-columns:42px 1fr;gap:14px;min-width:0;padding:21px;display:grid}
.round-steps>li>span{width:38px;height:38px;color:#17130a;background:var(--gold);border-radius:50%;place-items:center;font:900 13px/1 ui-monospace,monospace;display:grid;box-shadow:0 5px 0 #795508}
.round-steps h3{font-size:18px;line-height:1.15}
.round-steps p{margin:8px 0 0;font-size:12.5px;line-height:1.55}
.round-steps b{color:#f0d98c}

.rules-term-strip{border:1px solid var(--line);background:#0e1023;border-radius:14px;grid-template-columns:repeat(7,1fr);margin-top:18px;display:grid;overflow:hidden}
.rules-term-strip>div{border-right:1px solid var(--line);min-width:0;padding:15px 10px}
.rules-term-strip>div:last-child{border:0}
.rules-term-strip b{color:var(--gold);font-size:12px;display:block}
.rules-term-strip span{color:#8990a6;margin-top:5px;font-size:9px;line-height:1.35;display:block}

.house-rule-note{border-left:3px solid var(--gold);background:#ffc84a0b;margin-top:18px;padding:17px 19px}
.house-rule-note strong{color:var(--gold);font-size:13px}
.house-rule-note p{margin:5px 0 0;font-size:12.5px;line-height:1.55}
.house-rule-note.warning{border-color:#a867ff;background:#6c3bff12}
.house-rule-note.warning strong{color:#c6a9ff}

.state-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}
.state-cards article{border:1px solid var(--line);background:linear-gradient(145deg,#171b37,#111329);border-radius:17px;min-width:0;padding:25px}
.state-cards article:first-child{border-top:3px solid var(--gold)}
.state-cards article:last-child{border-top:3px solid #8c5dff}
.state-cards article>span,.guide-label{color:var(--gold);letter-spacing:.14em;font:850 9px/1 ui-monospace,monospace}
.state-cards article:last-child>span{color:#ad8aff}
.state-cards h3{margin-top:13px;font-size:23px}
.state-cards p{margin:11px 0 0;font-size:13px;line-height:1.6}

.rules-table-wrap{border:1px solid var(--line);border-radius:15px;margin-top:18px;max-width:100%;overflow-x:auto;background:#0f1226}
.rules-table-wrap:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.rules-table-wrap table{border-collapse:collapse;width:100%;min-width:650px;text-align:left}
.rules-table-wrap th,.rules-table-wrap td{border-bottom:1px solid var(--line);padding:14px 16px;font-size:12px;line-height:1.45}
.rules-table-wrap thead th{color:#17130a;background:var(--gold);font-weight:900}
.rules-table-wrap tbody th{color:#f2f3f8;background:#ffffff06;width:23%;font-weight:800}
.rules-table-wrap tbody td{color:#aeb5c9}
.rules-table-wrap tr:last-child>*{border-bottom:0}
.rules-table-wrap.compact table{min-width:600px}

.comparison-guides{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}
.comparison-guides>article{border:1px solid var(--line);background:linear-gradient(150deg,#161a35,#0f1226);border-radius:17px;min-width:0;padding:25px}
.comparison-guides>article:first-child{background:radial-gradient(circle at 100% 0,#ffc84a1f,#0000 35%),linear-gradient(150deg,#161a35,#0f1226)}
.comparison-guides>article:last-child{background:radial-gradient(circle at 100% 0,#6c3bff38,#0000 35%),linear-gradient(150deg,#161a35,#0f1226)}
.comparison-guides h3{margin-top:13px;font-size:24px;line-height:1.12}
.comparison-guides p{font-size:13px;line-height:1.6}
.comparison-guides small{color:#80889f;border-top:1px solid var(--line);margin-top:16px;padding-top:14px;font-size:10.5px;line-height:1.5;display:block}
.flow-line,.sideshow-steps{gap:8px;margin:15px 0 0;padding:0;display:grid;list-style:none}
.flow-line li,.sideshow-steps li{border-left:2px solid var(--gold);background:#ffffff06;padding:9px 11px;color:#cbd0df;font-size:11px}
.flow-line li:after{content:"↓";color:#ffc84a78;float:right}
.flow-line li:last-child:after{content:"✓"}
.sideshow-steps li{border-left-color:#8c5dff}

.rules-faq-section .faq-list{border-top:1px solid var(--line)}
.rules-faq-section .faq-list details{border-bottom:1px solid var(--line);padding:0}
.rules-faq-section .faq-list summary{cursor:pointer;justify-content:space-between;gap:20px;min-height:64px;padding:18px 4px;font-size:14px;font-weight:800;display:flex;list-style:none}
.rules-faq-section .faq-list summary::-webkit-details-marker{display:none}
.rules-faq-section .faq-list summary span{color:var(--gold)}
.rules-faq-section .faq-list details p{margin:0;padding:0 4px 18px;font-size:13px}

@media(max-width:1024px){
  .rules-hub-page .content-layout{grid-template-columns:1fr;gap:24px}
  .rules-hub-page .side-card{position:static}
  .hand-ranking-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:768px){
  .rules-intro-grid{grid-template-columns:1fr}
  .rules-hub-page .page-hero{padding-top:50px;padding-bottom:46px}
  .rules-hub-page .page-hero h1{font-size:44px}
  .rules-hub-page .content-layout{padding-left:20px;padding-right:20px}
  .rules-hub-prose>.rules-hub-section{padding:52px 0}
  .rules-section-heading h2{font-size:36px}
  .hand-ranking-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .round-steps{grid-template-columns:1fr}
  .rules-term-strip{grid-template-columns:repeat(4,1fr)}
  .rules-term-strip>div{border-bottom:1px solid var(--line)}
  .rules-term-strip>div:nth-child(4n){border-right:0}
  .rules-term-strip>div:nth-child(n+5){border-bottom:0}
  .rules-term-strip>div:last-child{border-right:1px solid var(--line)}
}

@media(max-width:540px){
  .setup-panel dl>div{grid-template-columns:88px 1fr;gap:12px;padding:14px 16px}
  .setup-panel h3{padding:20px 16px 4px}
  .deal-panel{padding:20px 16px}
  .rules-hub-page .page-hero h1{font-size:39px;line-height:1.03}
  .rules-hub-page .page-hero>div>p{font-size:15px}
  .rules-hub-page .mini-card{min-height:220px}
  .rules-section-heading h2{font-size:32px}
  .rules-section-heading>p{font-size:15px}
  .hand-ranking-grid,.state-cards,.comparison-guides{grid-template-columns:1fr}
  .hand-ranking-grid>li{min-height:250px}
  .rule-memory-band{grid-template-columns:1fr;gap:10px}
  .game-facts{grid-template-columns:repeat(2,1fr)}
  .game-facts>div:nth-child(3n){border-right:1px solid var(--line)}
  .game-facts>div:nth-child(2n){border-right:0}
  .game-facts>div:nth-child(n+4){border-bottom:1px solid var(--line)}
  .game-facts>div:nth-child(n+5){border-bottom:0}
  .rules-term-strip{grid-template-columns:repeat(2,1fr)}
  .rules-term-strip>div:nth-child(4n){border-right:1px solid var(--line)}
  .rules-term-strip>div:nth-child(2n){border-right:0}
  .rules-term-strip>div:nth-child(n+5){border-bottom:1px solid var(--line)}
  .rules-term-strip>div:nth-child(n+7){border-bottom:0}
  .rules-inline-cta{align-items:flex-start;font-size:12px;line-height:1.4}
}

@media(prefers-reduced-motion:reduce){
  .rules-hub-page *{scroll-behavior:auto!important;transition:none!important}
}