.rankings-page{background:radial-gradient(circle at 75% 8%,rgba(16,96,145,.16),transparent 28%),#061323;color:#eef5ff}.rankings-hero{padding:56px 0 34px;background:linear-gradient(100deg,rgba(5,18,33,.98),rgba(4,35,57,.88));border-bottom:1px solid #25405c}.rankings-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;align-items:center;gap:42px}.rankings-eyebrow{margin:0 0 10px;color:#ff3447;font-size:.78rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.rankings-hero h1{margin:0;font-size:clamp(2.5rem,5vw,4.7rem);line-height:.98;letter-spacing:-.04em}.rankings-lead{margin:18px 0 6px;color:#c8d9ee;font-size:clamp(1.15rem,2vw,1.45rem)}.rankings-hero p:not(.rankings-eyebrow):not(.rankings-lead){color:#9eb7d2}.rankings-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.rankings-actions .poker-link-btn{min-width:190px;justify-content:center}.rankings-print{border-color:#ef233c;background:#ef233c;color:#fff}.rankings-hero-art{position:relative;height:220px}.hero-card{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;width:112px;height:156px;padding:12px;border:1px solid #d8e0e8;border-radius:10px;background:#f8fafc;color:#111827;box-shadow:0 18px 35px rgba(0,0,0,.38);font-style:normal;transform-origin:50% 130%}.hero-card b{font-size:1.5rem}.hero-card i{font-size:2rem;font-style:normal}.hero-card.red-suit{color:#c81018}.hero-card-0{transform:translate(-128%,-45%) rotate(-22deg)}.hero-card-1{transform:translate(-82%,-52%) rotate(-11deg)}.hero-card-2{transform:translate(-38%,-55%) rotate(0)}.hero-card-3{transform:translate(8%,-52%) rotate(11deg)}.hero-card-4{transform:translate(54%,-45%) rotate(22deg)}.rankings-reference{padding-top:34px}.rankings-grid{display:grid;grid-template-rows:repeat(5,auto);grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:14px 24px;margin:0;padding:0;list-style:none}.ranking-card{display:grid;grid-template-columns:50px minmax(0,1fr);gap:14px;align-items:start;min-width:0;padding:16px;border:1px solid #294963;border-radius:14px;background:rgba(8,31,52,.72)}.ranking-number{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#ef233c;color:#fff;font-size:1.35rem;font-weight:900}.ranking-content{min-width:0}.ranking-content h3{margin:3px 0 11px;color:#fff;font-size:1.05rem;line-height:1.08;text-transform:uppercase}.playing-cards{display:flex;gap:6px;min-width:0}.playing-card{display:flex;flex:0 1 48px;flex-direction:column;min-width:0;height:64px;padding:5px 4px;border-radius:5px;background:#f8fafc;color:#111827;box-shadow:0 2px 5px rgba(0,0,0,.25)}.playing-card b{font-size:1.05rem;line-height:1}.playing-card i{font-size:1.2rem;line-height:1.15;font-style:normal}.playing-card.red-suit{color:#c81018}.ranking-content p{margin:9px 0 0;color:#b9cbe0;font-size:.82rem;line-height:1.35}.rankings-notes{display:grid;grid-template-columns:auto repeat(3,1fr);gap:0;margin-top:24px;padding:18px;border:1px solid #294963;border-radius:14px;background:rgba(8,31,52,.72)}.rankings-notes>h2{align-self:start;margin:0 24px 0 0;color:#ff3447;font-size:1.05rem;text-transform:uppercase}.rankings-notes>div{padding:0 22px;border-left:1px solid #294963}.rankings-notes h3{margin:0 0 5px;font-size:.95rem}.rankings-notes p{margin:0;color:#b9cbe0;font-size:.84rem;line-height:1.4}.rankings-actions-repeat{justify-content:center}.rankings-explainer{padding-top:10px}.rankings-explainer .marketing-narrow{padding:22px;border:1px solid #294963;border-radius:14px;background:rgba(8,31,52,.5)}.rankings-explainer h2{margin-top:0}.rankings-explainer p{color:#c3d3e6}.rankings-print-header,.rankings-print-footer{display:none}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){.rankings-hero-grid{grid-template-columns:1fr}.rankings-hero-art{display:none}.rankings-grid{grid-template-rows:none;grid-auto-flow:row;grid-template-columns:1fr}.rankings-notes{grid-template-columns:1fr}.rankings-notes>h2{margin:0 0 14px}.rankings-notes>div{padding:12px 0;border-top:1px solid #294963;border-left:0}}
@media(max-width:640px){.rankings-hero{padding:34px 0 26px}.rankings-hero-grid{grid-template-columns:1fr}.rankings-hero-art{display:none}.rankings-actions{display:grid;grid-template-columns:1fr;margin-top:20px}.rankings-actions .poker-link-btn{width:100%;min-width:0;white-space:nowrap}.rankings-reference{padding-top:20px}.ranking-card{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:13px}.ranking-number{width:38px;height:38px;font-size:1.05rem}.ranking-content h3{margin-top:1px}.playing-cards{gap:4px}.playing-card{flex-basis:44px;height:60px}.rankings-notes{padding:15px}.rankings-explainer .marketing-narrow{padding:17px}}
@media(max-width:375px){.ranking-card{padding:11px}.playing-card{height:56px}.playing-card b{font-size:.95rem}.playing-card i{font-size:1.05rem}}
@media print{@page{size:letter portrait;margin:.34in}.marketing-header,.marketing-footer,.rankings-hero,.rankings-actions,.rankings-explainer,.marketing-final-cta{display:none!important}body,.marketing-page,.rankings-page{background:#fff!important;color:#111!important}.marketing-section{padding:0!important}.rankings-reference .marketing-wrap{max-width:none!important;padding:0!important}.rankings-print-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.12in;padding-bottom:.08in;border-bottom:2px solid #c81018}.rankings-print-header img{width:1.6in;height:auto}.rankings-print-header div{text-align:right}.rankings-print-header strong{display:block;font-size:20pt;text-transform:uppercase}.rankings-print-header span{font-size:10pt;color:#475569}.rankings-grid{grid-template-rows:repeat(5,1.42in);gap:.08in .12in}.ranking-card{grid-template-columns:.32in minmax(0,1fr);gap:.07in;padding:.09in;border:1px solid #a7b5c3;border-radius:6px;background:#fff!important;break-inside:avoid}.ranking-number{width:.3in;height:.3in;background:#c81018!important;color:#fff!important;font-size:10pt;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ranking-content h3{margin:0 0 .06in;color:#111!important;font-size:9pt}.playing-cards{gap:.035in}.playing-card{flex:0 1 .39in;height:.49in;padding:.025in;border:1px solid #94a3b8;box-shadow:none}.playing-card b{font-size:8pt}.playing-card i{font-size:9pt}.ranking-content p{margin:.05in 0 0;color:#334155!important;font-size:6.8pt;line-height:1.15}.rankings-notes{grid-template-columns:.8in repeat(3,1fr);margin-top:.1in;padding:.09in;border:1px solid #a7b5c3;background:#fff!important}.rankings-notes>h2{margin:0 .08in 0 0;color:#c81018!important;font-size:7.5pt}.rankings-notes>div{padding:0 .09in;border-color:#a7b5c3}.rankings-notes h3{font-size:7pt}.rankings-notes p{color:#334155!important;font-size:6.5pt;line-height:1.15}.rankings-print-footer{display:block;margin:.08in 0 0;text-align:center;color:#475569;font-size:7pt}}

/* Approved Poker Hand Rankings concept alignment. */
@media screen{
.rankings-page>.marketing-section{padding-block:20px}.rankings-hero{padding:32px 0 27px}.rankings-hero-grid{grid-template-columns:minmax(0,1fr) 430px;gap:38px}.rankings-hero h1{font-size:clamp(2.6rem,4vw,3.65rem)}.rankings-lead{margin:12px 0 5px;font-size:1.23rem}.rankings-hero p:not(.rankings-eyebrow):not(.rankings-lead){margin:0;font-size:.94rem}.rankings-actions{margin-top:20px;gap:14px}.rankings-actions .poker-link-btn{min-width:205px;min-height:48px;border-radius:10px}.rankings-actions .poker-link-btn span{margin-right:8px}.rankings-download{border-color:#1267ed!important;background:#1267ed!important;color:#fff!important}
.rankings-hero-art{height:190px}.hero-card{left:54%;top:51%;z-index:3;width:76px;height:116px;padding:9px;border-radius:7px}.hero-card b{font-size:1.05rem}.hero-card i{font-size:1.45rem}.hero-card-0{transform:translate(-152%,-45%) rotate(-27deg)}.hero-card-1{transform:translate(-119%,-54%) rotate(-18deg)}.hero-card-2{transform:translate(-84%,-60%) rotate(-9deg)}.hero-card-3{transform:translate(-48%,-61%) rotate(0)}.hero-card-4{transform:translate(-12%,-57%) rotate(9deg)}.hero-brand-card{position:absolute;left:62%;top:15%;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;width:132px;height:166px;border:1px solid #3c5267;border-radius:10px;background:repeating-linear-gradient(135deg,#172331 0,#172331 3px,#121d29 3px,#121d29 6px);box-shadow:0 18px 30px rgba(0,0,0,.48);transform:rotate(16deg)}.brand-spade{color:#ef233c;font-size:2rem;line-height:1}.hero-brand-card strong{font-size:2.25rem;line-height:1}.hero-brand-card small{font-size:.54rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.chip-stack{position:absolute;z-index:1;width:60px;height:60px;border:7px dashed rgba(255,255,255,.65);border-radius:50%;box-shadow:0 7px 0 currentColor,0 14px 0 currentColor,0 18px 20px rgba(0,0,0,.45)}.chip-stack-red{left:4%;top:52%;color:#b51525;background:#e62a3b}.chip-stack-blue{left:22%;top:16%;color:#194b7e;background:#2b78b9}.chip-stack-black{left:36%;top:4%;color:#202936;background:#3d4651}.hero-tagline{position:absolute;right:0;bottom:-2px;color:#c7d6e7;font-size:.58rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.rankings-reference{padding-top:20px}.rankings-grid{gap:12px 22px}.ranking-card{grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;min-height:106px;padding:12px 14px;border-radius:13px}.ranking-number{width:43px;height:43px;font-size:1.27rem}.ranking-content{display:grid;grid-template-columns:108px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:5px 10px}.ranking-content h3{grid-row:1/3;align-self:start;margin:4px 0 0;font-size:.98rem}.playing-cards{gap:5px}.playing-card{flex-basis:43px;height:57px}.ranking-content p{margin:0;font-size:.78rem;line-height:1.25}.rankings-notes{margin-top:19px;padding:14px 16px;border-radius:13px}.rankings-notes>h2{margin-right:22px;font-size:1rem}.rankings-notes>div{padding:0 20px}.rankings-notes h3{margin-bottom:3px;font-size:.91rem}.rankings-notes p{font-size:.79rem;line-height:1.32}.rankings-actions-repeat{margin-top:18px}.rankings-explainer{padding:0 0 12px}.rankings-explainer .marketing-narrow{max-width:1180px;padding:16px 20px;border-radius:13px}.rankings-explainer h2{margin:0 0 6px;font-size:1.08rem}.rankings-explainer p{margin:4px 0;font-size:.84rem;line-height:1.4}.rankings-page>.marketing-section:has(.marketing-final-cta){padding:0 0 22px}.rankings-page .marketing-final-cta{gap:20px;padding:16px 28px;border-color:#ef233c;border-radius:13px;box-shadow:none}.rankings-page .marketing-final-cta h2{margin:0 0 3px;font-size:1.2rem}.rankings-page .marketing-final-cta p{margin:0;font-size:.84rem}.rankings-page .marketing-final-cta .poker-link-btn{min-width:245px;justify-content:center}
}
@media screen and (max-width:1050px) and (min-width:901px){.ranking-content{grid-template-columns:96px minmax(0,1fr)}.playing-card{flex-basis:38px}.rankings-hero-grid{grid-template-columns:minmax(0,1fr) 370px}}
@media screen and (max-width:900px){.rankings-hero-grid{grid-template-columns:minmax(0,1fr)}.rankings-hero-art{display:none}.ranking-content{grid-template-columns:125px minmax(0,1fr)}.rankings-notes>div{padding-block:10px}}
@media screen and (max-width:640px){.rankings-hero{padding:28px 0 24px}.rankings-hero h1{font-size:2.45rem}.rankings-lead{font-size:1.08rem}.rankings-actions{display:grid;grid-template-columns:1fr;margin-top:18px}.rankings-actions .poker-link-btn{width:100%;min-width:0}.rankings-reference{padding-top:16px}.ranking-card{grid-template-columns:38px minmax(0,1fr);gap:9px;min-height:0;padding:11px}.ranking-number{width:37px;height:37px;font-size:1.02rem}.ranking-content{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:6px}.ranking-content h3{grid-row:auto;margin:0}.playing-card{flex-basis:43px;height:58px}.rankings-page .marketing-final-cta{align-items:stretch;padding:17px}.rankings-page .marketing-final-cta .poker-link-btn{width:100%;min-width:0}.rankings-explainer .marketing-narrow{padding:15px}}
@media screen{.hero-brand-card{top:2%;height:150px}.hero-tagline{z-index:6;bottom:0}.rankings-cta-action{display:grid;gap:5px;text-align:center}.rankings-cta-action small{color:#b9cbe0;font-size:.68rem}}
@media screen{.rankings-photo-hero{padding:24px 0 4px;background:radial-gradient(circle at 50% 20%,rgba(19,83,125,.25),transparent 48%),#061323}.rankings-photo-frame{position:relative}.rankings-photo-frame>img{display:block;width:100%;height:auto;border:1px solid #294963;border-radius:18px;box-shadow:0 24px 55px rgba(0,0,0,.42)}.rankings-image-action{position:absolute;z-index:2;display:block;border:2px solid transparent;border-radius:16px;background:transparent;cursor:pointer}.rankings-image-action:focus-visible{border-color:#fff;outline:3px solid #1267ed;outline-offset:3px}.rankings-image-print{left:5.55%;top:79.25%;width:24.7%;height:9.2%}.rankings-image-download{left:31.45%;top:79.25%;width:22%;height:9.2%}.rankings-mobile-actions{display:none}.ranking-card{background:linear-gradient(145deg,rgba(9,36,60,.96),rgba(6,27,47,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 22px rgba(0,0,0,.14)}.playing-card{border:1px solid #d4d9df;background:linear-gradient(145deg,#fff,#e9ebee 76%,#d8dde2);box-shadow:0 3px 7px rgba(0,0,0,.32),inset 0 1px 0 #fff}}
@media screen and (max-width:640px){.rankings-photo-hero{padding-top:14px}.rankings-photo-frame{padding-inline:0}.rankings-photo-frame>img{border-radius:10px}.rankings-image-action{display:none}.rankings-mobile-actions{display:grid;grid-template-columns:1fr;gap:10px;padding-top:12px}.rankings-mobile-actions .poker-link-btn{width:100%;justify-content:center}.rankings-reference{padding-top:14px}}
@media print{.rankings-photo-hero{display:none!important}}

/* Unified poker-reference board. Individual hands are compact rows, not panels. */
@media screen{
  .rankings-reference .marketing-wrap{max-width:1240px}
  .rankings-grid{
    position:relative;
    display:grid;
    grid-template-rows:repeat(5,minmax(112px,auto));
    grid-auto-flow:column;
    grid-auto-columns:minmax(0,1fr);
    gap:0 34px;
    margin:0;
    padding:15px 22px;
    overflow:hidden;
    border:1px solid #294963;
    border-radius:10px;
    background:#081d31;
    box-shadow:0 18px 38px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.025);
  }
  .rankings-grid::before{
    content:"";
    position:absolute;
    top:20px;
    bottom:20px;
    left:50%;
    width:1px;
    background:#294963;
    transform:translateX(-.5px);
  }
  .ranking-card{
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    gap:13px;
    align-items:center;
    min-width:0;
    min-height:112px;
    padding:12px 4px;
    border:0;
    border-bottom:1px solid rgba(75,111,141,.46);
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .ranking-card:nth-child(5),
  .ranking-card:nth-child(10){border-bottom:0}
  .ranking-number{
    width:46px;
    height:46px;
    font-size:1.25rem;
    box-shadow:0 5px 12px rgba(239,35,60,.2);
  }
  .ranking-content{
    display:grid;
    grid-template-columns:128px minmax(0,1fr);
    grid-template-rows:auto auto;
    gap:7px 12px;
    align-items:center;
    min-width:0;
  }
  .ranking-content h3{
    grid-row:1/3;
    align-self:center;
    margin:0;
    color:#fff;
    font-size:1rem;
    line-height:1.08;
    letter-spacing:.01em;
    text-transform:uppercase;
  }
  .playing-cards{gap:7px;align-items:center}
  .playing-card{
    flex:0 0 52px;
    width:52px;
    height:76px;
    padding:7px 6px;
    border:1px solid #d7dde3;
    border-radius:6px;
    background:linear-gradient(145deg,#fffefb,#edf0f2 78%,#dce1e5);
    box-shadow:0 4px 9px rgba(0,0,0,.34),inset 0 1px 0 #fff;
  }
  .playing-card b{font-family:Georgia,"Times New Roman",serif;font-size:1.25rem;line-height:.95}
  .playing-card i{font-family:Georgia,"Times New Roman",serif;font-size:1.45rem;line-height:1.05}
  .ranking-content p{
    margin:0;
    color:#adc2d8;
    font-size:.78rem;
    line-height:1.25;
    white-space:nowrap;
  }
}

@media screen and (max-width:1100px) and (min-width:901px){
  .rankings-grid{gap-right:24px;padding-inline:16px}
  .ranking-content{grid-template-columns:108px minmax(0,1fr);gap-column:8px}
  .playing-cards{gap:4px}
  .playing-card{flex-basis:45px;width:45px;height:70px}
  .ranking-content p{white-space:normal}
}

@media screen and (max-width:900px){
  .rankings-grid{
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:none;
    grid-auto-flow:row;
    gap:0;
    padding:12px 18px;
  }
  .rankings-grid::before{display:none}
  .ranking-card:nth-child(5){border-bottom:1px solid rgba(75,111,141,.46)}
  .ranking-card:nth-child(10){border-bottom:0}
  .ranking-content{grid-template-columns:140px minmax(0,1fr)}
}

@media screen and (max-width:640px){
  .rankings-grid{padding:8px 12px;border-radius:8px}
  .ranking-card{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:13px 0}
  .ranking-number{width:38px;height:38px;font-size:1rem}
  .ranking-content{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:7px}
  .ranking-content h3{grid-row:auto;font-size:.95rem}
  .playing-cards{gap:5px}
  .playing-card{flex:1 1 0;width:auto;max-width:52px;height:70px;padding:6px 5px}
  .playing-card b{font-size:1.12rem}
  .playing-card i{font-size:1.3rem}
  .ranking-content p{white-space:normal;font-size:.77rem}
}

/* Approved desktop page assembly: HTML hero + photographic scene + unified board. */
@media screen{
  .rankings-hero{
    padding:46px 0 38px;
    overflow:hidden;
    border-bottom:1px solid rgba(41,73,99,.7);
    background:radial-gradient(circle at 78% 38%,rgba(22,75,112,.26),transparent 35%),#061323;
  }
  .rankings-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,55fr) minmax(360px,45fr);
    gap:26px;
    align-items:center;
  }
  .rankings-hero-copy{position:relative;z-index:2;padding-block:12px}
  .rankings-eyebrow{margin:0 0 11px;color:#ff3447;font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
  .rankings-hero h1{max-width:660px;margin:0;color:#fff;font-size:clamp(3rem,5.2vw,5rem);line-height:.96;letter-spacing:-.045em}
  .rankings-lead{margin:20px 0 7px;color:#c8d9ee;font-size:clamp(1.15rem,1.8vw,1.42rem);line-height:1.3}
  .rankings-hero-copy>p:last-of-type{margin:0;color:#9eb7d2;font-size:1rem}
  .rankings-hero-actions{margin-top:25px}
  .rankings-hero-actions .poker-link-btn{min-width:205px;min-height:48px;justify-content:center;border-radius:9px}
  .rankings-hero-art{position:relative;height:370px;min-width:0;pointer-events:none}
  .rankings-hero-art::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
      linear-gradient(90deg,#061323 0,rgba(6,19,35,.2) 20%,transparent 46%,transparent 88%,#061323 100%),
      linear-gradient(180deg,#061323 0,transparent 13%,transparent 86%,#061323 100%);
    pointer-events:none;
  }
  .rankings-hero-art img{
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:72% center;
    mix-blend-mode:normal;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 21%,#000 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 21%,#000 100%);
  }
  .rankings-reference{padding-top:30px}
  .rankings-grid{border-radius:10px 10px 0 0}
  .rankings-notes{
    grid-template-columns:auto repeat(3,minmax(0,1fr));
    gap:0;
    margin-top:0;
    padding:15px 18px;
    border-top:0;
    border-radius:0 0 10px 10px;
    background:#081d31;
    box-shadow:0 14px 30px rgba(0,0,0,.14);
  }
  .rankings-actions-repeat{margin:18px 0 0}
  .rankings-explainer{padding:18px 0 22px}
  .rankings-explainer .marketing-narrow{
    max-width:980px;
    padding:4px 0;
    border:0;
    border-radius:0;
    background:transparent;
  }
  .rankings-explainer h2{font-size:1.25rem}
  .rankings-explainer p{font-size:.92rem;line-height:1.55}
  .rankings-page>.marketing-section:has(.marketing-final-cta){padding:0 0 28px}
  .rankings-page .marketing-final-cta{
    min-height:140px;
    padding:24px 30px;
    border-radius:10px;
  }
}

@media screen and (min-width:901px){
  .rankings-hero h1::after{margin-right:0;margin-left:clamp(0px,calc((100% - 180px)/2),145px)}
  .rankings-hero-actions{width:min(470px,100%);justify-content:center}
}

@media screen and (max-width:900px){
  .rankings-hero{padding:34px 0 30px}
  .rankings-hero-grid{grid-template-columns:1fr;gap:22px}
  .rankings-hero-copy{text-align:center}
  .rankings-hero h1{margin-inline:auto;font-size:clamp(2.65rem,9vw,4.2rem)}
  .rankings-hero-actions{justify-content:center}
  .rankings-hero-art{display:block;height:300px;order:-1}
  .rankings-hero-art::before{background:linear-gradient(180deg,transparent 65%,#061323 100%)}
  .rankings-hero-art img{
    object-position:68% center;
    -webkit-mask-image:linear-gradient(180deg,#000 0,#000 78%,transparent 100%);
    mask-image:linear-gradient(180deg,#000 0,#000 78%,transparent 100%);
  }
  .rankings-notes{grid-template-columns:1fr}
}

@media screen and (max-width:640px){
  .rankings-hero{padding:22px 0 26px}
  .rankings-hero-grid{gap:12px}
  .rankings-hero-art{height:220px}
  .rankings-hero-copy{padding-top:0}
  .rankings-hero h1{font-size:2.55rem}
  .rankings-lead{margin-top:15px;font-size:1.08rem}
  .rankings-hero-copy>p:last-of-type{font-size:.9rem}
  .rankings-hero-actions{display:grid;grid-template-columns:1fr;margin-top:19px}
  .rankings-hero-actions .poker-link-btn{width:100%;min-width:0}
  .rankings-reference{padding-top:20px}
  .rankings-notes{padding:15px}
  .rankings-explainer{padding:14px 0 20px}
  .rankings-explainer .marketing-narrow{padding-inline:2px}
  .rankings-page .marketing-final-cta{min-height:0;padding:20px}
}

/* Purpose-built mobile reference treatment. */
@media screen and (max-width:640px){
  .rankings-hero-grid{display:flex;flex-direction:column;align-items:stretch}
  .rankings-hero-copy{order:1;text-align:left}
  .rankings-hero-art{order:2;height:190px;margin-top:8px}
  .rankings-hero-art::before{
    background:
      linear-gradient(90deg,#061323 0,transparent 12%,transparent 88%,#061323 100%),
      linear-gradient(180deg,#061323 0,transparent 12%,transparent 76%,#061323 100%);
  }
  .rankings-hero-art img{
    object-position:70% center;
    -webkit-mask-image:linear-gradient(180deg,#000 0,#000 75%,transparent 100%);
    mask-image:linear-gradient(180deg,#000 0,#000 75%,transparent 100%);
  }
  .rankings-eyebrow{margin-bottom:8px;font-size:.72rem}
  .rankings-hero h1{margin:0;font-size:clamp(2.45rem,12vw,3.15rem);line-height:.98}
  .rankings-lead{margin-top:14px;font-size:1.05rem;line-height:1.35}
  .rankings-hero-actions{gap:10px}
  .rankings-hero-actions .poker-link-btn{min-height:50px}

  .rankings-grid{
    display:flex;
    flex-direction:column;
    padding:8px 12px;
    overflow:visible;
  }
  .ranking-card{
    order:initial;
    width:100%;
    min-height:0;
    padding:14px 0;
  }
  .ranking-content{min-width:0}
  .playing-cards{width:100%;min-width:0}
  .playing-card{
    flex:1 1 0;
    min-width:0;
    max-width:52px;
    height:70px;
  }
  .playing-card b{white-space:nowrap}

  .rankings-notes>h2{margin:0 0 5px;padding:2px 0 11px}
  .rankings-notes>div{padding:12px 0;border-top:1px solid #294963;border-left:0}
  .rankings-notes>div:first-of-type{border-top:1px solid #294963}
  .rankings-actions-repeat{display:grid;grid-template-columns:1fr;gap:10px}
  .rankings-actions-repeat .poker-link-btn{width:100%;min-width:0;min-height:50px;justify-content:center}

  .rankings-explainer .marketing-narrow{max-width:none}
  .rankings-explainer h2{font-size:1.18rem;line-height:1.25}
  .rankings-explainer p{font-size:.9rem;line-height:1.55}
  .rankings-page .marketing-final-cta{display:grid;gap:17px;text-align:left}
  .rankings-page .marketing-final-cta .rankings-cta-action{width:100%}
}

/* Final approved visual refinement: modern reference cards, balanced rows, and compact mobile hero/header. */
@media screen{
  .rankings-mobile-menu-toggle{display:none}
  .ranking-card{align-items:center}
  .ranking-number{align-self:center}
  .ranking-content{align-content:center}
  .ranking-content h3{align-self:center}
  .playing-card{
    position:relative;
    display:block;
    overflow:hidden;
    padding:0;
    border:0;
    background:transparent;
    filter:drop-shadow(0 5px 5px rgba(0,0,0,.36));
  }
}

@media screen and (min-width:901px){
  .ranking-content{grid-template-rows:76px auto}
  .ranking-content h3{grid-row:1;align-self:center}
  .playing-cards{grid-row:1;align-self:center}
  .ranking-content p{grid-column:2;grid-row:2}
  .ranking-number{align-self:start;margin-top:15px}
}

@media screen and (max-width:1100px) and (min-width:901px){
  .ranking-content{grid-template-rows:70px auto}
  .ranking-number{margin-top:12px}
}

@media screen and (max-width:640px){
  .marketing-header.rankings-mobile-nav-enabled{position:sticky;top:0}
  .marketing-header.rankings-mobile-nav-enabled .marketing-nav{
    grid-template-columns:minmax(0,1fr) auto;
    min-height:68px;
    padding:8px 0;
    gap:8px 12px;
  }
  .marketing-header.rankings-mobile-nav-enabled .marketing-brand img{width:160px}
  .rankings-mobile-menu-toggle{
    display:grid;
    place-content:center;
    gap:5px;
    width:46px;
    height:46px;
    margin:0;
    padding:0;
    border:1px solid #45617c;
    border-radius:12px;
    background:#142b45;
    color:#fff;
    cursor:pointer;
  }
  .rankings-mobile-menu-toggle span{display:block;width:20px;height:2px;border-radius:2px;background:currentColor}
  .rankings-mobile-menu-toggle:focus-visible{outline:3px solid #fff;outline-offset:2px}
  .marketing-header.rankings-mobile-nav-enabled .marketing-nav>nav,
  .marketing-header.rankings-mobile-nav-enabled .marketing-actions{display:none;grid-column:1/-1}
  .marketing-header.rankings-mobile-nav-enabled.rankings-mobile-menu-open .marketing-nav>nav{display:flex;justify-content:flex-start;padding-top:7px;border-top:1px solid #294963}
  .marketing-header.rankings-mobile-nav-enabled.rankings-mobile-menu-open .marketing-actions{display:grid;grid-template-columns:1fr 1.25fr;width:100%;padding-bottom:4px}

  .rankings-hero{
    padding:30px 0 28px;
    background:
      linear-gradient(90deg,rgba(6,19,35,.99) 0%,rgba(6,19,35,.94) 48%,rgba(6,19,35,.66) 100%),
      linear-gradient(180deg,rgba(6,19,35,.25) 0%,rgba(6,19,35,.42) 64%,#061323 100%),
      url('../assets/resources/poker-hand-rankings-scene.png') 67% center/cover no-repeat;
  }
  .rankings-hero-grid{display:block}
  .rankings-hero-copy{position:relative;z-index:2;max-width:100%;padding:0;text-align:center}
  .rankings-hero-art{display:none!important}
  .rankings-hero h1{max-width:330px;margin-right:auto;margin-left:auto;font-size:clamp(2.45rem,12vw,3.15rem)}
  .rankings-eyebrow{justify-content:center}
  .rankings-lead{max-width:315px;margin-right:auto;margin-left:auto}
  .rankings-hero-copy>p:last-of-type{max-width:310px;margin-right:auto;margin-left:auto;color:#c2d2e4}
  .rankings-hero-copy>p:not(.rankings-eyebrow):not(.rankings-lead){display:block;width:100%;max-width:none;margin-right:0;margin-left:0;text-align:center!important}
  .rankings-hero-actions{max-width:330px;margin-right:auto;margin-left:auto}

}

@media print{
  .playing-card{filter:none}
}

/* Premium PCA-red ranking tokens for the web reference board. */
@media screen{
  .ranking-number{
    position:relative;
    isolation:isolate;
    border:2px solid #7f1023;
    background:conic-gradient(from 12deg,
      #ff7181 0 6deg,#7f1023 6deg 84deg,
      #ff7181 84deg 96deg,#7f1023 96deg 174deg,
      #ff7181 174deg 186deg,#7f1023 186deg 264deg,
      #ff7181 264deg 276deg,#7f1023 276deg 354deg,
      #ff7181 354deg 360deg);
    box-shadow:
      0 2px 0 #590a18,
      0 7px 14px rgba(0,0,0,.34),
      0 0 0 1px rgba(255,82,103,.32);
    color:#fff;
    text-shadow:0 1px 2px rgba(58,0,13,.65);
  }
  .ranking-number::before{
    content:"";
    position:absolute;
    inset:3px;
    z-index:-1;
    border:1px solid rgba(255,82,103,.72);
    border-radius:50%;
    background:radial-gradient(circle at 32% 24%,#ff6072 0 7%,#ed2945 24%,#d71938 62%,#a91129 100%);
    box-shadow:inset 0 2px 2px rgba(255,255,255,.3),inset 0 -3px 4px rgba(73,3,19,.38);
  }
}