.example-browser{margin:0 0 20px;border:1px solid #dbe3d4;border-radius:12px;background:#f1f4ec;padding:16px 20px}.example-browser>summary{cursor:pointer;font-size:13px;font-weight:700}.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.examples-grid>button{display:flex;flex-direction:column;text-align:left;gap:8px;background:#fffefb;border:1px solid #dbe4d3;border-radius:10px;padding:17px}.examples-grid>button[aria-pressed=true]{border:2px solid #6d8c5b;padding:16px;background:#ebf1e4}.examples-grid>button>span{font-size:8px;letter-spacing:1.3px;color:#8c9b80}.examples-grid strong{font-size:13px}.examples-grid small{font-size:11px;line-height:1.7;color:#829375}.street-nav{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.street-nav button{border:1px solid #d3dfc9;border-radius:7px;background:#f0f4e9;font-size:11px;padding:10px 14px}.street-nav button[aria-current=step]{background:#24543e;color:#fff;border-color:#24543e}.term{display:inline;padding:0;border:0;border-bottom:1px dashed #90a47b;background:none;font:inherit;color:inherit;line-height:inherit;cursor:help}.term:hover{color:#365f3d;border-bottom-color:#365f3d}.term:focus-visible{outline:2px solid #d7985d;outline-offset:2px}#termDialog{max-width:480px}#termBody{font-size:15px;line-height:1.9;color:#708064}.chip-event{min-height:28px;text-align:center;color:#6c835c;font-size:12px;padding:6px 12px}.chip-movement{animation:chip-transfer .4s ease-out}.bet-breakdown{border:1px solid #cddcc0;background:#f7faf0;border-radius:12px;padding:16px 20px;margin:6px 22px 14px}.bet-breakdown>span{font-size:10px;font-weight:700;letter-spacing:1px;color:#7e916e}.bet-breakdown>div{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:10px}.bet-breakdown p{margin:0;font-size:11px;color:#839676}.bet-breakdown strong{display:block;font-size:23px;color:#3b603b;margin-top:5px}.bet-breakdown>small{display:block;font-size:12px;line-height:1.7;margin-top:10px;color:#a36d34}.all-in-badge{display:block;margin-top:3px;font-size:9px;letter-spacing:1px;color:#ad6e33}.player.next-player{outline:2px dashed #6d9762;outline-offset:3px}.hand-details{margin-top:20px}.action-order{background:#e9efdf;border:1px solid #d6e1ca;border-radius:12px;padding:17px 20px;margin-bottom:18px}.action-order:empty{display:none}.action-order>span{font-size:10px;color:#8a9c79}.action-order>div{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:11px 0}.action-order>div>span{font-size:11px;padding:7px 9px;background:#f9fcf3;border-radius:6px}.action-order b{font-size:10px;color:#9cad8d}.action-order .order-next{background:#315c3f;color:#fff}.action-order>small{font-size:11px;color:#6f895e}.hand-history{border:1px solid #dce4d3;border-radius:12px;background:#fffefb;padding:19px 22px}.hand-history summary{cursor:pointer;font-size:13px;font-weight:700}.hand-history summary>span{float:right;font-weight:400;font-size:10px;color:#93a287}.hand-history ol{max-height:280px;overflow-y:auto;padding:0 0 0 20px;margin:16px 0 0}.hand-history li{padding:7px 10px;font-size:12px;color:#718267;line-height:1.7;border-bottom:1px solid #edf2e6}.hand-history li small{font-size:9px;color:#9caa90;display:inline-block;min-width:80px;margin-right:7px}.showdown-comparison{margin:18px 0;border:1px solid #d8e2cc;border-radius:14px;background:#fffefb;padding:24px}.showdown-comparison h3{font-size:19px;margin:0 0 10px}.compare-note{font-size:12px;color:#8a9a7c;line-height:1.8}.showdown-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.showdown-row{border:1px solid #e1e8d9;border-radius:10px;padding:18px}.showdown-row.row-wins{background:#f1f5e9;border-color:#c5d3b2}.showdown-row>div:first-child{display:flex;flex-wrap:wrap;gap:6px 13px;align-items:center;margin-bottom:17px}.showdown-row strong{font-size:14px}.showdown-row span:not(.card){font-size:12px;color:#7e916d}.showdown-row>div>small{width:100%;font-size:10px;color:#92a17f}.five-cards{display:flex;gap:7px;flex-wrap:nowrap}.five-cards .card{width:44px;height:61px;font-size:25px;animation:none}.five-cards .card small{font-size:20px}.card.decisive{box-shadow:0 0 0 5px #d99c4355}.side-pots{background:#f4eee0;border:1px solid #e4d5b7;border-radius:13px;padding:22px;margin:18px 0}.side-pots h3{font-size:16px;margin:0 0 14px}.side-pots>div{display:grid;grid-template-columns:1fr 1fr;gap:14px}.side-pots section{padding:15px;background:#fffdf6;border-radius:9px}.side-pots strong{font-size:14px;color:#8f6e3e}.side-pots p,.side-pots small{font-size:12px;line-height:1.8;color:#a08a66}.more-guides{margin-top:30px;padding:24px 0;border-top:1px solid #dce4d4}.more-guides>h2{font-size:23px}.more-guides>div{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.more-guides a{display:block;padding:20px;border:1px solid #d7e2cc;border-radius:11px;background:#edf2e5}.more-guides strong{font-size:14px;display:block;margin-bottom:8px}.more-guides span{font-size:11px;color:#879b76;line-height:1.8}.more-guides a:hover{background:#e5edd9}@keyframes chip-transfer{from{opacity:.35;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:801px) and (max-width:1050px){.lesson{grid-template-columns:1fr}.lesson-content{grid-column:1;grid-row:auto}.lesson-controls{grid-column:1;grid-row:auto;min-width:0;max-width:440px;margin-top:17px}.restart,.lesson-footer{grid-column:1;grid-row:auto;max-width:440px;text-align:left}}
@media(max-width:800px){.examples-grid{grid-template-columns:1fr 1fr}.showdown-rows{grid-template-columns:1fr}.more-guides>div{grid-template-columns:1fr 1fr}.showdown-comparison{padding:20px}.five-cards .card{width:39px;height:54px;font-size:23px}.five-cards .card small{font-size:17px}}
@media(max-width:480px){.examples-grid{grid-template-columns:1fr}.example-browser{padding:15px}.example-browser>summary{font-size:12px}.street-nav{gap:5px}.street-nav button{padding:9px;font-size:10px}.bet-breakdown{margin:5px 12px 12px;padding:13px}.bet-breakdown>div{grid-template-columns:1fr 1fr;gap:12px}.bet-breakdown strong{font-size:21px}.chip-event{font-size:10px}.hand-history{padding:16px}.hand-history summary>span{display:block;float:none;margin:8px 0 0 17px}.hand-history li{font-size:11px}.hand-history li small{display:block}.side-pots{padding:17px}.side-pots>div{grid-template-columns:1fr}.showdown-comparison h3{font-size:18px}.five-cards{gap:6px}.five-cards .card{width:35px;height:50px;font-size:22px}.five-cards .card small{font-size:16px}.showdown-row{padding:14px}.more-guides>div{grid-template-columns:1fr}.more-guides{margin-top:25px}}
.arena .card{animation:none}.arena .card.deal-card{animation:deal .24s ease-out}.chip-flight{position:absolute;inset:0;pointer-events:none;z-index:8}.coin-motion{position:absolute;left:var(--from-x);top:var(--from-y);transform:translate(-50%,-50%);display:grid;place-items:center;border:2px dashed #fff5d3;border-radius:50%;width:24px;height:24px;background:#b58b49;color:#fff8df;font-size:14px;opacity:0;animation:coin-flight .65s ease-in-out}.reduced .coin-motion{display:none}@keyframes coin-flight{0%{left:var(--from-x);top:var(--from-y);opacity:0}15%{opacity:1}85%{opacity:1}100%{left:var(--to-x);top:var(--to-y);opacity:0}}@media(prefers-reduced-motion:reduce){.coin-motion{display:none}}
@media(max-width:440px){.seat.s1,.seat.s2{left:11%;width:72px}.seat.s4,.seat.s5{left:89%;width:72px}.blind-tag{display:none}.board .card{width:27px;height:42px;font-size:18px}.board .card small{font-size:14px}.board{gap:4px}}
.ranking-download{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:0 0 22px;padding:15px;background:#eaf0e2;border:1px solid #d6e2c8;border-radius:10px}.ranking-download a{display:inline-block;background:#24543e;border-color:#24543e;color:#fff;white-space:nowrap;font-size:12px}.ranking-download small{font-size:10px;line-height:1.7;color:#778d67}.rules-article>.more-guides{margin-top:6px;margin-bottom:35px;padding-top:0;border-top:0}.rules-article>.more-guides>h2{font-size:23px}.rules-article>.more-guides>div{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:560px){.rules-article>.more-guides>div{grid-template-columns:1fr}.ranking-download{gap:10px}}
/* A compact, optional reading surface for the guided hand on phones. */
.mobile-tutorial-toolbar,.mobile-step,.mobile-lesson-preview,.mobile-lesson-more{display:none}
.tutorial-options-list{display:grid;gap:12px}.tutorial-options-list>button{padding:14px;text-align:left;border:1px solid #d3dfcf;border-radius:9px;background:#edf2e7;font-size:14px}.tutorial-options-list>label{display:flex;gap:10px;align-items:center;min-height:44px;font-size:14px}.tutorial-options-list input{width:20px;height:20px;accent-color:#24543e}.tutorial-options-list>p{font-size:12px;color:#647465}
@media(max-width:800px){
 #tutorial{gap:10px;scroll-margin-top:10px}
 .mobile-tutorial-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center}
 .mobile-tutorial-toolbar button{min-height:44px;padding:10px 12px;border:1px solid #ccd9c9;border-radius:9px;background:#f8faf5;font-size:13px;font-weight:600}
 #tutorial .arena{height:340px;margin:0 5px}
 #tutorial .table-top{padding:8px 10px;font-size:10px;min-height:28px}
 #tutorial .table-top>span:first-child{font-size:8px;letter-spacing:.5px}
 #tutorial .felt{inset:32px 3% 44px;border-width:6px}
 #tutorial .seat{width:84px}
 #tutorial .seat.s0{top:84%;left:50%;width:96px}
 #tutorial .seat.s3{top:14%;left:50%}
 #tutorial .seat.s1,#tutorial .seat.s2{left:14%}
 #tutorial .seat.s4,#tutorial .seat.s5{left:86%}
 #tutorial .seat.s1,#tutorial .seat.s5{top:65%}
 #tutorial .seat.s2,#tutorial .seat.s4{top:28%}
 #tutorial .player{padding:4px 3px;border-radius:8px}
 #tutorial .position{font-size:10px;padding:3px 7px;min-height:24px;min-width:36px;letter-spacing:.5px}
 #tutorial .player-name{font-size:12px;margin-top:1px}
 #tutorial .player-stack{font-size:11px;margin-top:2px}
 #tutorial .blind-tag{display:none}
 #tutorial .dealer{width:24px;height:24px;right:-15px;top:8px;font-size:12px}
 #tutorial .hand{min-height:23px;margin-bottom:3px;gap:3px}
 #tutorial .card.back{width:18px;height:24px;border-radius:4px}
 #tutorial .seat .card:not(.back){width:26px;height:35px;font-size:17px}
 #tutorial .seat .card small{font-size:13px}
 #tutorial .s0 .hand{min-height:48px}
 #tutorial .s0 .card:not(.back){width:35px;height:48px;font-size:24px}
 #tutorial .s0 .card small{font-size:18px}
 #tutorial .center{top:46%;width:auto}
 #tutorial .board{gap:4px}
 #tutorial .board .card{width:32px;height:46px;font-size:22px}
 #tutorial .board .card small{font-size:17px}
 #tutorial .street{font-size:9px;letter-spacing:1px;margin-bottom:9px}
 #tutorial .pot{margin-top:9px;padding:6px 12px;font-size:12px;gap:6px}
 #tutorial .pot strong{font-size:16px}
 #tutorial .bet-label{font-size:10px;margin-top:3px;min-height:13px;overflow-wrap:anywhere;line-height:1.25}
 #tutorial .bet-label strong{padding:1px 4px}
 #tutorial .turn-label{font-size:8px;top:-12px;padding:3px 6px}
 #tutorial .winner{max-width:195px;font-size:10px;line-height:1.35;margin-top:6px;white-space:normal}
 #tutorial .table-mark{display:none}
 #tutorial .chip-event{min-height:22px;padding:3px 8px;font-size:11px}
 #tutorial .table-bottom{display:none}
 #tutorial #tableAction{display:none}
 #tutorial .bet-breakdown{display:none}
 #tutorial .lesson{min-height:0;padding:14px 16px;border-radius:14px}
 #tutorial .lesson-kicker{font-size:10px;letter-spacing:.6px}
 #tutorial .progress{margin:8px 0 12px}
 #tutorial .lesson-content{padding:0}
 #tutorial .lesson-icon,#tutorial #lessonText{display:none}
 #tutorial .lesson-content h2{font-size:21px;line-height:1.2;margin:0 0 8px;letter-spacing:-.6px}
 #tutorial .mobile-lesson-preview{display:block;font-size:14px;line-height:1.5;color:#4f6257;margin:0}
 #tutorial .mobile-lesson-more:not([hidden]){display:block;font-size:13px;line-height:1.6;margin-top:8px;color:#526758}
 #tutorial .mobile-lesson-more summary{cursor:pointer;min-height:30px;font-weight:600;color:#24543e}
 #tutorial .mobile-lesson-more>div{padding:6px 0 12px}
 #tutorial .lesson-hint{font-size:12px;margin:4px 0 0;padding:4px 0}
 #tutorial .lesson-footer,#tutorial .restart{display:none}
 #tutorial .lesson-controls{display:flex;align-items:center;gap:8px;margin-top:12px}
 #tutorial .lesson-controls button{min-height:48px;font-size:14px;padding:11px 13px}
 #tutorial .mobile-step{display:block;font-size:12px;font-variant-numeric:tabular-nums;color:#53695b;white-space:nowrap}
 body.tutorial-focus{overflow:hidden}
 body.tutorial-focus>.header,body.tutorial-focus>.section-nav,body.tutorial-focus main>:not(#tutorial){display:none}
 body.tutorial-focus #tutorial{position:fixed;inset:0;z-index:50;width:100%;height:100dvh;background:#f7f8f3;padding:env(safe-area-inset-top,0px) 8px calc(76px + env(safe-area-inset-bottom,0px));display:grid;grid-template-rows:44px minmax(285px,1fr) auto;gap:6px;overflow-y:auto;overscroll-behavior:contain}
 body.tutorial-focus #tutorial .table-panel{display:flex;flex-direction:column;border-radius:14px;min-height:0;overflow:hidden}
 body.tutorial-focus #tutorial .arena{height:auto;flex:1;min-height:245px}
 body.tutorial-focus #tutorial .lesson{max-height:34dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
 body.tutorial-focus #tutorial .lesson-controls{position:fixed;bottom:0;left:0;right:0;z-index:55;background:#fffefb;border-top:1px solid #ccd9c9;margin:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));box-shadow:0 -3px 15px #173c2910}
 body.tutorial-focus #tutorial .lesson-controls .primary{margin-left:0}
 body.tutorial-focus #tutorial .mobile-tutorial-toolbar button{border:0;background:transparent;padding:8px;font-size:13px}
}
@media(max-width:359px){#tutorial .seat{width:72px}#tutorial .seat.s1,#tutorial .seat.s2{left:13%}#tutorial .seat.s4,#tutorial .seat.s5{left:87%}#tutorial .board .card{width:27px;height:41px;font-size:20px}#tutorial .board{gap:3px}#tutorial .player-name{font-size:11px}#tutorial .player-stack{font-size:10px}}
@media(max-width:800px) and (max-height:620px){body.tutorial-focus #tutorial{grid-template-rows:44px minmax(275px,1fr) auto}body.tutorial-focus #tutorial .lesson{max-height:145px}#tutorial .lesson-hint{display:none}}
@media(max-width:800px) and (orientation:landscape) and (max-height:500px){body.tutorial-focus #tutorial{grid-template-columns:minmax(310px,1.3fr) minmax(240px,1fr);grid-template-rows:40px minmax(265px,1fr);gap:4px 8px}body.tutorial-focus .mobile-tutorial-toolbar{grid-column:1/-1}body.tutorial-focus #tutorial .lesson{max-height:none;align-self:stretch}body.tutorial-focus #tutorial .table-top{display:none}}
@media(max-width:800px){
 #tutorial .seat.s0{top:auto;bottom:8px;transform:translateX(-50%)}
 #tutorial .seat.s3{top:8px;transform:translateX(-50%)}
 #tutorial .s0 .player-name{display:inline;margin-left:5px}
 #tutorial .center{top:43%}
 body.tutorial-focus #tutorial{grid-template-rows:44px minmax(350px,1fr) auto}
 body.tutorial-focus #tutorial .arena{min-height:300px}
}
@media(max-width:800px) and (max-height:620px){body.tutorial-focus #tutorial{grid-template-rows:44px minmax(340px,1fr) auto}body.tutorial-focus #tutorial .lesson{max-height:135px}}
@media(max-width:800px) and (orientation:landscape) and (max-height:500px){body.tutorial-focus #tutorial{grid-template-rows:40px minmax(340px,1fr)}}
@media(max-width:800px){
 #tutorial .s3 .hand{position:absolute;left:-27px;top:7px;flex-direction:column}
 #tutorial .s3 .player-name{display:inline;margin-left:4px}
 #tutorial .seat.s0{bottom:0}
 #tutorial .winner{display:none}
 #tutorial .board .card{width:30px}
}
@media(max-width:359px){#tutorial .seat:not(.s0){width:68px}#tutorial .board .card{width:26px}}
@media(max-width:800px) and (max-height:620px){
 body.tutorial-focus #tutorial{grid-template-rows:44px minmax(300px,1fr) auto}
 body.tutorial-focus #tutorial .arena{min-height:250px}
 #tutorial .street{display:none}
 #tutorial .center{top:45%}
 #tutorial .board .card{height:40px;font-size:20px}
 #tutorial .board .card small{font-size:15px}
 #tutorial .pot{font-size:11px;padding:4px 10px;margin-top:6px}
 #tutorial .pot strong{font-size:14px}
 #tutorial .player{padding:3px 2px}
 #tutorial .player-name{font-size:11px}
 #tutorial .player-stack{font-size:10px}
 #tutorial .position{min-height:20px;min-width:24px;padding:2px 4px;font-size:9px;letter-spacing:0}
 #tutorial .s3 .player-name{font-size:10px;margin-left:2px}
 #tutorial .s0 .hand{min-height:38px}
 #tutorial .s0 .card:not(.back){height:38px;width:29px;font-size:21px}
 #tutorial .s0 .card small{font-size:15px}
 #tutorial .bet-label{font-size:9px}
 #tutorial .lesson-content h2{font-size:18px}
 #tutorial .mobile-lesson-preview{font-size:13px;line-height:1.4}
 #tutorial .lesson{padding:10px 12px}
}
@media(max-width:800px) and (orientation:landscape) and (max-height:500px){body.tutorial-focus #tutorial{grid-template-rows:40px minmax(300px,1fr)}}
@media(max-width:800px){#tutorial .s0 .turn-label{left:auto;right:calc(100% + 6px);top:8px;transform:none}}
footer{gap:12px;flex-wrap:wrap;align-items:center}footer .site-map-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;font-weight:600;color:#365c43;text-decoration:underline;text-underline-offset:3px}footer .site-map-link:hover{color:#173f2c}
/* Readable home copy: descriptive text must remain comfortable at 100% zoom. */
.home-page .intro .eyebrow{font-size:12px;line-height:1.6;color:#526b58}
.home-page .intro p{font-size:17px;line-height:1.75;color:#526457}
.home-page .intro-note p{font-size:15px;line-height:1.7}
.home-page .example-picker label{font-size:13px;line-height:1.6;letter-spacing:1px;color:#3e6045}
.home-page .example-picker p{font-size:16px;line-height:1.75;color:#52664c}
.home-page .example-select-wrap{width:450px;flex-shrink:0;max-width:100%}
.home-page .example-select-wrap select{font-size:16px;line-height:1.5;padding:13px 36px 13px 15px}
.home-page .example-select-wrap>p{font-size:15px;line-height:1.7;color:#52664c}
.home-page .example-browser>summary{font-size:16px;line-height:1.6}
.home-page .examples-grid>button>span{font-size:12px;letter-spacing:.8px;color:#596c50;line-height:1.6}
.home-page .examples-grid strong{font-size:17px;line-height:1.45}
.home-page .examples-grid small{font-size:15px;line-height:1.7;color:#53664b}
.home-page .quick-guide h3{font-size:18px;line-height:1.5;margin-bottom:5px}
.home-page .quick-guide p{font-size:16px;line-height:1.7;color:#53654e}
.home-page .more-guides strong{font-size:17px;line-height:1.5}
.home-page .more-guides span{font-size:16px;line-height:1.75;color:#52654b}
@media(min-width:801px){.home-page .lesson-hint{font-size:15px;line-height:1.7;color:#53664c}.home-page .lesson-footer{font-size:14px;line-height:1.7;color:#53664c}}
@media(max-width:1000px){.home-page .example-picker{gap:20px}.home-page .example-select-wrap{width:48%}}
@media(max-width:800px){.home-page .example-picker{display:block}.home-page .example-select-wrap{width:100%;margin-top:15px}.home-page .intro p{font-size:16px}.home-page .example-picker label{font-size:12px}.home-page .example-picker p,.home-page .quick-guide p,.home-page .more-guides span{font-size:15px}.home-page .example-select-wrap>p{font-size:14px}.home-page .quick-guide h3{font-size:17px}}