:root{--ink:#233c34;--muted:#748078;--green:#1b5343;--paper:#f7f8f3;--orange:#db6a43}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #df8b53;outline-offset:4px}button{color:inherit}button[hidden]{display:none}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}.header{height:102px;border-bottom:1px solid #e2e6df;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:0 5%}.brand{display:flex;gap:12px;align-items:center;font-family:Manrope,Arial,sans-serif;font-size:20px;letter-spacing:-.8px}.brand-icon{width:42px;height:46px;background:var(--green);color:#fff;border-radius:12px;display:grid;place-items:center;font-size:30px}.brand strong{font-weight:800}.brand small{display:block;font-size:8px;letter-spacing:2.3px;font-weight:700;margin-top:3px}nav{display:flex;gap:10px}nav button{background:transparent;border:1px solid #d9dfd6;border-radius:9px;padding:11px 16px;font-size:12px;font-weight:600}nav button span{font-size:17px;margin-right:6px}main{max-width:1440px;padding:0 5%;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;padding:36px 0 30px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#718078}.eyebrow span{display:inline-block;background:#61927a;width:6px;height:6px;border-radius:50%;margin-right:5px}h1{font-family:Manrope,Arial,sans-serif;font-size:43px;letter-spacing:-2px;line-height:1.2;margin:13px 0 10px;font-weight:800}h1 em{font-style:normal;color:var(--green)}.intro p{margin:0;line-height:1.7;color:#718077;font-size:14px}.intro-note{display:flex;align-items:center;gap:13px;padding-right:10px}.intro-note>span{font-size:35px;color:#8aa18b}.intro-note p{font-size:12px}.intro-note strong{font-weight:500;color:#445c4d}.mobile-break{display:none}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:stretch}.table-panel{background:#e9ede5;border:1px solid #dce2d7;border-radius:20px;overflow:hidden;min-width:0}.table-top,.table-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#778276;padding:21px 22px}.table-top>span:first-child{letter-spacing:1.2px;font-size:9px;font-weight:700}.table-top i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#61856a;margin-right:6px}.table-top b{padding:0 6px;color:#a6b1a2}.arena{position:relative;height:445px;margin:0 8px}.felt{position:absolute;inset:55px 7% 62px;background:radial-gradient(ellipse at 50% 40%,#28634d,#143e32);border:10px solid #7c8873;border-radius:48%;box-shadow:0 0 0 3px #d0d6c8,0 13px 25px #1833261a,inset 0 0 25px #092e3080}.felt-line{position:absolute;inset:12px;border:1px solid #c4d6b826;border-radius:48%}.table-mark{position:absolute;bottom:31px;width:100%;text-align:center;color:#c6d7bf25;font-size:9px;font-weight:700;letter-spacing:3px}.seat{position:absolute;text-align:center;width:112px;transform:translate(-50%,-50%);z-index:2}.seat.s0{left:50%;top:84%}.seat.s1{left:16%;top:68%}.seat.s2{left:16%;top:27%}.seat.s3{left:50%;top:12%}.seat.s4{left:84%;top:27%}.seat.s5{left:84%;top:68%}.player{background:#f8faf5;border:1px solid #d1dacb;border-radius:10px;padding:7px 5px;box-shadow:0 3px 8px #132c2510;position:relative}.player.active{box-shadow:0 0 0 3px #f0b783;border-color:#c77c45}.player.hero{background:#fff}.seat.folded .player{opacity:.65}.seat.folded .hand{opacity:.22}.player-name{font-size:11px;font-weight:700;margin-top:3px}.player-stack{font-size:11px;color:#637261;margin-top:3px;font-variant-numeric:tabular-nums}.position{border:0;background:#e9eee5;border-radius:4px;color:#54714f;font-size:9px;font-weight:800;letter-spacing:1px;padding:3px 7px}.s0 .position{background:#1e5341;color:#fff}.dealer{position:absolute;right:-14px;top:11px;width:22px;height:22px;background:#fff8dd;border:2px solid #dec781;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#534725;font-weight:800;z-index:4}.blind-tag{font-size:8px;position:absolute;left:-17px;top:14px;background:#d2ddca;border-radius:4px;padding:3px;color:#294c3a}.hand{display:flex;justify-content:center;gap:4px;margin-bottom:5px;min-height:34px}.s0 .hand{margin-bottom:5px}.card{width:39px;height:54px;background:#fffefb;border:1px solid #e6e7de;border-radius:6px;box-shadow:0 2px 4px #091f2320;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#263e36;font-family:Georgia,serif;font-weight:700;font-size:21px;line-height:1.05;flex:none;animation:deal .24s ease-out}.card small{font-size:17px}.card.red{color:#bd5346}.card.back{width:24px;height:33px;border:2px solid #e9eede;background:repeating-linear-gradient(45deg,#386950,#386950 2px,#48785e 2px,#48785e 4px)}.card.placeholder{background:#c5d5bf0b;border:1px dashed #b5cbb24d;box-shadow:none}.seat .card:not(.back){width:31px;height:42px;font-size:17px}.seat .card small{font-size:13px}.s0 .card:not(.back){width:42px;height:57px;font-size:24px}.s0 .card small{font-size:18px}.card.winning{outline:3px solid #e7bd6c;outline-offset:2px}.center{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);text-align:center;z-index:1}.street{font-size:9px;letter-spacing:2px;color:#c2d8c5;margin-bottom:13px;font-weight:700}.board{display:flex;gap:6px}.pot{display:inline-flex;gap:7px;align-items:center;background:#0b332ad9;color:#e5eedd;padding:8px 15px;border:1px solid #52725a66;border-radius:20px;margin-top:13px;font-size:12px;white-space:nowrap}.pot strong{font-size:15px}.pot:before{content:'◉';color:#d9be80}.bet-label{min-height:14px;color:#e5efdf;font-size:9px;margin-top:5px;line-height:1.3;text-shadow:0 1px 4px #0b322a}.s0 .bet-label,.s1 .bet-label,.s5 .bet-label{color:#4c6650;text-shadow:none}.bet-label strong{background:#eee3bb;color:#4b563c;border-radius:12px;padding:2px 7px;font-weight:600}.turn-label{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#e7a46f;color:#3e301c;font-size:8px;font-weight:800;padding:3px 8px;border-radius:6px;white-space:nowrap}.table-action{text-align:center;position:relative;z-index:5;white-space:nowrap}.table-action:not(:empty){padding:8px 0 2px}.table-action button{border:0;border-radius:9px;background:#e5a16e;color:#2d3023;padding:11px 24px;box-shadow:0 4px 10px #34452d22;font-weight:700}.table-bottom{padding-top:16px;gap:8px;font-size:9px}.table-bottom label{display:flex;align-items:center;gap:5px}.table-bottom input{accent-color:#24513c;width:12px;height:12px;margin:0}.winner{font-size:10px;color:#f9dfa1;margin-top:10px;white-space:nowrap}.lesson{background:#fffefb;border:1px solid #dfe4da;border-radius:20px;padding:26px 26px 19px;display:flex;flex-direction:column}.lesson-kicker{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:8px;letter-spacing:1px;font-weight:700;color:#84917e}.lesson-kicker span:first-child{color:#46704c}.progress{display:flex;gap:3px;margin:17px 0 27px}.progress span{height:3px;flex:1;background:#e7ecdf;border-radius:3px}.progress span.done{background:#6b8a64}.lesson-content{flex:1}.lesson-icon{background:#edf2e7;color:#3d6a48;width:45px;height:45px;display:grid;place-items:center;border-radius:13px;font-size:26px;margin-bottom:19px}h2{font-family:Manrope,Arial,sans-serif;font-size:26px;font-weight:800;letter-spacing:-1px;line-height:1.28;margin:0 0 15px}.lesson-content>p{font-size:13px;line-height:1.85;color:#6d7c70;margin:0}.lesson-hint{padding:14px 0;color:#809078;font-size:10px;line-height:1.6;margin:13px 0}.lesson-controls{display:flex;gap:8px;margin-top:16px}.primary,.secondary{border-radius:9px;padding:13px 13px;font-size:11px;font-weight:600}.primary{background:#215441;color:white;border:1px solid #215441;flex:1;display:flex;justify-content:space-between;gap:8px;align-items:center}.primary:hover{background:#153e30}.primary span{font-size:17px}.secondary{border:1px solid #dce4d7;background:transparent}.restart{font-size:10px;color:#788671;border:0;background:transparent;padding:12px 0 0}.lesson-footer{text-align:center;font-size:9px;color:#9ba391;margin-top:16px}.quick-guide{display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px;border:1px solid #dfe5d8;border-radius:14px}.quick-guide>div,.quick-guide>button{padding:21px 22px;display:flex;align-items:center;gap:14px;border:0;background:transparent;text-align:left;min-width:0}.quick-guide>button{border-left:1px solid #dfe5d8}.quick-guide button:hover{background:#edf1e7}.guide-number{font-family:Manrope,sans-serif;color:#a3b099;font-size:20px;letter-spacing:-1px}h3{margin:0 0 6px;font-size:12px}.quick-guide p{font-size:10px;margin:0;color:#87907d}.arrow{margin-left:auto;color:#8b9c82;font-size:20px}footer{display:flex;justify-content:space-between;color:#9aa18f;font-size:9px;padding:26px 0}dialog{width:min(760px,94vw);max-height:88dvh;border:1px solid #dbe4d6;border-radius:20px;padding:28px;background:var(--paper);color:var(--ink);box-shadow:0 20px 100px #0b302660}dialog::backdrop{background:#152c28a6;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #dce4d6;margin-bottom:20px}.dialog-head h2{margin-top:10px}.dialog-head button{border:1px solid #d7dfd0;background:white;border-radius:50%;width:33px;height:33px}.rules{font-size:12px;line-height:1.8;color:#65745e;background:#e9eee3;border-radius:10px;padding:15px 18px}.rank-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #e1e6da}.rank-row h3{font-size:13px}.rank-row p{font-size:11px;color:#78856e;margin:0}.rank-row .hand{margin:0}.rank-number{font-size:11px;color:#97a28e;margin-right:9px}.position-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.position-tabs button{border:1px solid #cdd9c6;background:white;padding:9px 14px;border-radius:7px;font-weight:700;font-size:12px}.position-tabs button.selected{background:#215441;color:#fff}.position-details h3{font-size:18px}.position-details p{font-size:13px;line-height:1.8;color:#697b62}.order{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0 22px}.order span{background:#e4ecdd;border-radius:5px;padding:7px;font-size:11px}.guide-subtitle{font-size:12px;font-weight:700;margin-top:23px}.spotlight .player{outline:3px solid #dab77a;outline-offset:3px}.reduced *, .reduced *:before{animation:none!important;transition:none!important}@keyframes deal{from{opacity:.3;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:1400px){.arena{height:480px}}@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 290px;gap:13px}.lesson{padding:22px 20px}.arena{height:430px;margin:0}.seat{width:92px}.card{width:34px;height:48px}.board{gap:4px}.table-top{padding:18px 15px}.table-bottom{padding:17px 12px}h2{font-size:23px}.quick-guide>div,.quick-guide>button{padding:18px 14px;gap:9px}}@media(max-width:800px){.header{height:80px;padding:0 5%}.brand{font-size:17px}.brand-icon{height:39px;width:36px}.brand small{font-size:7px;letter-spacing:1.5px}nav{gap:6px}nav button{padding:9px 10px;font-size:10px}nav button span{display:none}.intro{padding:27px 0 24px}h1{font-size:36px}.eyebrow{font-size:8px}.intro-note{display:none}.workspace{grid-template-columns:1fr}.lesson{padding:22px;min-height:315px}.lesson-content{position:relative;padding-left:60px}.lesson-icon{position:absolute;left:0;top:0;width:40px;height:40px;font-size:23px}.progress{margin:13px 0 20px}.lesson-content h2 br{display:none}.lesson-content p{font-size:13px}.lesson-hint{margin:5px 0;padding:8px 0}.lesson-controls{margin-top:10px}.lesson-footer{margin-top:12px}.arena{height:440px}.seat{width:110px}.card{width:42px;height:58px}.quick-guide{grid-template-columns:1fr}.quick-guide>button{border-left:0;border-top:1px solid #dfe5d8}.quick-guide>div,.quick-guide>button{padding:17px 20px}.quick-guide p{font-size:11px}footer span{display:none}.table-bottom{font-size:10px}}@media(max-width:440px){main{padding:0 4%}.header{padding:0 4%;gap:8px}.brand{font-size:14px;gap:7px}.brand small{letter-spacing:1px;font-size:6px}.brand-icon{width:30px;height:35px;font-size:24px}nav button{font-size:9px;padding:8px 7px}.intro p{font-size:12px}.intro{padding:23px 0 21px}h1{font-size:32px}.arena{height:415px}.seat{width:78px}.seat.s1,.seat.s2{left:14%}.seat.s4,.seat.s5{left:86%}.felt{inset:57px 3% 66px;border-width:7px}.player{padding:5px 3px}.player-name,.player-stack{font-size:10px}.position{font-size:8px;padding:3px 6px}.card{width:32px;height:47px;font-size:19px}.card small{font-size:15px}.board{gap:4px}.center{top:45%}.seat .card:not(.back){width:27px;height:37px;font-size:16px}.s0 .card:not(.back){width:36px;height:49px;font-size:22px}.card.back{width:22px;height:31px}.table-top{font-size:8px;padding:17px 12px}.table-top>span:first-child{font-size:8px;letter-spacing:.6px}.table-bottom{padding:16px 12px;font-size:8px}.table-bottom label{font-size:8px}.bet-label{font-size:8px}.street{font-size:8px;letter-spacing:1.3px}.pot{padding:7px 12px;font-size:10px}.pot strong{font-size:13px}.lesson{padding:20px}.lesson-content{padding-left:0}.lesson-icon{display:none}h2{font-size:24px}.rank-row .card{width:27px;height:39px;font-size:17px}.rank-row .card small{font-size:13px}.rank-row .hand{gap:3px}.rank-row h3{font-size:11px}.rank-row p{font-size:10px}dialog{padding:20px}.rank-row{gap:7px}.mobile-break{display:block}.table-action button{font-size:12px;padding:9px 20px}}

.s0 .hand{min-height:57px}@media(max-width:440px){.s0 .hand{min-height:49px}}
/* Reading guide */
html{scroll-behavior:smooth;scroll-padding-top:24px}.rules-guide{margin-top:64px;border-top:1px solid #dce3d6;padding-top:42px}.rules-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:32px}.rules-heading h2{font-size:34px;margin:12px 0}.rules-heading p{color:#74816d;font-size:13px;line-height:1.8;margin:0;max-width:580px}.back-to-table{display:inline-block;border:1px solid #cddac7;background:#edf2e8;border-radius:8px;padding:11px 15px;font-size:11px;font-weight:700;white-space:nowrap}.back-to-table:hover{background:#dde9d6}.rules-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:48px;align-items:start}.rules-index{position:sticky;top:24px;border:1px solid #dfe5d8;background:#eef2e9;border-radius:13px;padding:17px}.rules-index summary{font-weight:700;font-size:12px;cursor:pointer}.rules-index summary span{float:right;color:#85917b;font-size:10px;font-weight:400}.rules-index nav{display:flex;flex-direction:column;gap:0;margin-top:14px}.rules-index nav a{padding:10px 0;display:flex;gap:9px;line-height:1.6;font-size:11px;border-top:1px solid #dfe6d8}.rules-index nav a span{color:#8a9a80;font-size:9px;padding-top:2px}.rules-index nav a:hover{color:#1b6746;text-decoration:underline;text-underline-offset:3px}.rules-index>p{color:#8b9781;font-size:10px;line-height:1.8;margin:14px 0 0}.rules-article{max-width:830px;min-width:0}.rule-section{margin-bottom:38px;padding-bottom:35px;border-bottom:1px solid #dce4d5;scroll-margin-top:24px}.section-label{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#8ba07e;margin-bottom:9px}.rule-section h3{font-family:Manrope,Arial,sans-serif;font-size:24px;letter-spacing:-.7px;line-height:1.4;margin:0 0 18px}.rule-section h4{font-size:14px;line-height:1.6;margin:23px 0 9px}.rule-section p,.rule-section li{font-size:14px;line-height:1.95;color:#62725c}.rule-section p{margin:12px 0}.rule-section strong{color:#344f36;font-weight:700}.rule-section ul{padding-left:21px}.rule-section li{margin:9px 0;padding-left:3px}.rule-callout{border-left:3px solid #8ca67a;background:#eaf0e3;border-radius:0 10px 10px 0;padding:17px 20px;margin:23px 0}.rule-callout>strong{font-size:14px}.rule-callout p{font-size:13px;margin:7px 0 0}.suit-red{color:#b44f45}.street-list{list-style:none;counter-reset:street;padding:0!important}.street-list li{position:relative;padding:0 0 19px 42px;border-left:1px solid #d5e0cb;margin:0 0 0 13px;counter-increment:street}.street-list li:last-child{border-left-color:transparent;padding-bottom:0}.street-list li:before{content:counter(street);position:absolute;left:-13px;top:0;width:25px;height:25px;background:#e3ecd9;border:3px solid var(--paper);border-radius:50%;font-size:10px;line-height:19px;text-align:center;font-weight:700;color:#537648}.street-list li>strong{font-size:13px}.street-list p{font-size:13px;margin:3px 0 0}.table-scroll{width:100%;overflow-x:auto;border:1px solid #dce4d3;border-radius:10px;margin:20px 0}.rules-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;line-height:1.8}.rules-table caption{text-align:left;background:#edf2e6;padding:12px 15px;font-weight:700;color:#4f6748;font-size:11px}.rules-table th,.rules-table td{padding:12px 14px;border-top:1px solid #dfe6d8;vertical-align:top}.rules-table thead{background:#f0f4eb;color:#829277;font-size:10px}.rules-table tbody th{width:22%;font-size:12px;color:#47603c}.rules-table td{color:#6b7a61}.position-flow{display:flex;flex-wrap:wrap;align-items:center;gap:7px;background:#eaf0e3;padding:17px;border-radius:10px;margin:19px 0}.position-flow span{font-size:11px;font-weight:700;background:white;padding:6px 9px;border-radius:5px}.position-flow b{color:#819672;font-size:10px}.rules-ranks{border:1px solid #dce4d3;border-radius:12px;background:#fdfef9;padding:2px 20px;margin:23px 0}.rule-rank{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid #e2e9db}.rule-rank:last-child{border-bottom:0}.rule-rank h4{display:inline;font-size:13px;margin:0}.rule-rank p{font-size:11px;line-height:1.7;margin:5px 0 0}.rule-cards{display:flex;gap:5px;flex:none}.rule-cards .card{width:35px;height:49px;font-size:21px;animation:none}.rule-cards .card small{font-size:16px}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rule-example{border:1px solid #dbe4d2;background:#fdfef9;border-radius:12px;padding:18px 20px;margin:20px 0}.rule-example h4{margin:0 0 9px;font-size:13px}.rule-example p,.rule-example li{font-size:13px;line-height:1.85}.rule-example p:last-child{margin-bottom:0}.rules-faq details{border-bottom:1px solid #dfe6d7;padding:16px 0}.rules-faq summary{font-weight:600;font-size:13px;line-height:1.8;cursor:pointer;list-style-position:outside;margin-left:17px;padding-left:5px}.rules-faq details[open] summary{color:#386d3d}.rules-faq details p{font-size:13px;padding-left:22px}.rules-end{padding:30px;text-align:center;border-radius:14px;background:#e9efdf}.rules-end>span{font-size:10px;color:#859879}.rules-end h3{font-size:24px;margin:11px 0}.rules-end p{font-size:12px;line-height:1.8;color:#718467;margin-bottom:18px}.rules-end .back-to-table{background:#215441;color:white}.rules-sources{padding:24px 0 10px}.rules-sources h4{font-size:11px;margin:0 0 9px}.rules-sources p{font-size:10px;color:#929d88;line-height:1.8}.rules-sources a{display:block;font-size:10px;color:#7e9271;line-height:2.3;text-decoration:underline;text-underline-offset:3px}.rules-guide a:focus-visible,.rules-guide summary:focus-visible{outline:3px solid #df8b53;outline-offset:4px}@media(max-width:1050px){.rules-layout{grid-template-columns:200px minmax(0,1fr);gap:26px}.rule-rank{gap:12px}.rule-cards{gap:3px}.rule-cards .card{width:29px;height:42px;font-size:17px}.rule-cards .card small{font-size:14px}.example-grid{grid-template-columns:1fr;gap:0}.example-grid .rule-example{margin:10px 0}}@media(max-width:800px){.rules-guide{margin-top:40px;padding-top:30px}.rules-heading{align-items:start}.rules-heading h2{font-size:28px}.rules-layout{grid-template-columns:1fr;gap:28px}.rules-index{position:static}.rules-index nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.rules-index>p{display:none}.rule-section h3{font-size:23px}.rule-cards .card{width:35px;height:49px;font-size:21px}.rule-cards .card small{font-size:16px}}@media(max-width:440px){.rules-heading{display:block}.rules-heading .back-to-table{margin-top:15px;font-size:10px}.rules-heading h2{font-size:27px}.rules-heading p{font-size:12px}.rules-index nav{grid-template-columns:1fr;gap:0}.rules-index nav a{font-size:12px}.rule-section p,.rule-section li{font-size:13px;line-height:1.9}.rule-section h3{font-size:22px}.rules-ranks{padding:2px 13px}.rule-rank{display:block;padding:17px 0}.rule-rank p{font-size:11px;margin-bottom:11px}.rule-cards{gap:6px}.rule-cards .card{width:36px;height:50px;font-size:21px}.rule-callout{padding:14px 16px}.rule-example{padding:16px}.rules-table th,.rules-table td{padding:10px 8px;font-size:10px}.rules-table tbody th{font-size:10px;width:22%}.rules-table thead th{font-size:9px}.rules-end{padding:25px 18px}.rules-sources a{font-size:11px}.rule-section{margin-bottom:29px;padding-bottom:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html:has(body.reduced){scroll-behavior:auto}
.example-picker{display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid #dbe3d4;border-radius:13px;background:#eef2e8;padding:18px 22px;margin:0 0 20px}.example-picker label{font-size:9px;letter-spacing:1.3px;font-weight:700;color:#56744b}.example-picker p{font-size:11px;color:#819075;line-height:1.7;margin:6px 0 0}.example-select-wrap{width:390px;max-width:100%}.example-select-wrap select{width:100%;border:1px solid #cbd8c2;border-radius:8px;background:#fffefb;color:#294c37;padding:12px 35px 12px 13px;font:600 12px 'DM Sans',Arial,sans-serif;cursor:pointer}.example-select-wrap select:focus-visible{outline:3px solid #df8b53;outline-offset:3px}.example-select-wrap>p{font-size:10px}.progress{gap:2px}.winner{white-space:normal;max-width:220px;line-height:1.5}.progress span{min-width:0}@media(max-width:800px){.example-picker{align-items:start;gap:15px}.example-select-wrap{width:52%}}@media(max-width:560px){.example-picker{display:block;padding:16px}.example-select-wrap{width:100%;margin-top:12px}.example-picker label{font-size:9px}.example-select-wrap select{font-size:12px}.example-select-wrap>p{min-height:30px}}
@media(max-width:440px){.winner{max-width:165px;margin-left:auto;margin-right:auto;font-size:9px}}
/* Desktop: a larger table followed by the guided explanation. */
@media(min-width:801px){
 .workspace{grid-template-columns:minmax(0,1fr);gap:20px}
 .arena{height:580px;margin:0 14px}
 .felt{inset:78px 7% 80px;border-width:12px}
 .felt-line{inset:17px}
 .table-top,.table-bottom{padding:22px 28px;font-size:12px}
 .table-top>span:first-child{font-size:11px}
 .table-mark{font-size:12px;letter-spacing:4px;bottom:35px}
 .seat{width:145px}
 .seat.s0{top:81%}.seat.s3{top:15%}
 .seat.s1,.seat.s5{top:68%}.seat.s2,.seat.s4{top:30%}
 .player{padding:10px 7px;border-radius:12px}
 .player-name{font-size:16px;margin-top:5px}
 .player-stack{font-size:15px;margin-top:5px}
 .position{font-size:12px;padding:4px 10px}
 .dealer{width:30px;height:30px;font-size:14px;right:-19px;top:19px}
 .blind-tag{font-size:11px;padding:4px;left:-24px;top:23px}
 .hand{gap:7px;min-height:64px;margin-bottom:7px}
 .seat .card:not(.back){width:46px;height:64px;font-size:26px}
 .seat .card small{font-size:20px}
 .s0 .hand{min-height:80px}
 .s0 .card:not(.back){width:58px;height:80px;font-size:33px}
 .s0 .card small{font-size:25px}
 .card.back{width:41px;height:57px;border-width:3px}
 .board{gap:10px}
 .board .card{width:62px;height:86px;font-size:34px;border-radius:9px}
 .board .card small{font-size:27px}
 .street{font-size:12px;letter-spacing:2px;margin-bottom:18px}
 .pot{font-size:16px;margin-top:19px;padding:10px 21px}
 .pot strong{font-size:21px}
 .bet-label{font-size:12px;min-height:19px;margin-top:8px}
 .bet-label strong{padding:3px 9px}
 .turn-label{font-size:10px;top:-15px;padding:4px 9px}
 .winner{font-size:13px;max-width:330px;margin:13px auto 0}
 .table-action:not(:empty){padding:14px 0 5px}
 .table-action button{font-size:16px;padding:14px 32px}
 .table-bottom label,.table-bottom input{font-size:12px}
 .table-bottom input{height:15px;width:15px}
 .lesson{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 32px;padding:26px 30px 22px}
 .lesson-kicker{grid-column:1/-1;font-size:11px}
 .progress{grid-column:1/-1;margin:16px 0 23px;gap:4px}
 .lesson-content{grid-column:1;grid-row:3/6;position:relative;padding-left:69px}
 .lesson-icon{position:absolute;left:0;top:0;width:49px;height:49px;font-size:29px;margin:0}
 .lesson-content h2{font-size:29px;margin-bottom:12px}
 .lesson-content h2 br{display:none}
 .lesson-content>p{font-size:16px;line-height:1.8;max-width:840px}
 .lesson-hint{font-size:12px;padding:8px 0;margin:8px 0 0}
 .lesson-controls{grid-column:2;grid-row:3;align-self:start;margin-top:4px;min-width:285px}
 .primary,.secondary{font-size:14px;padding:14px 17px}
 .restart{grid-column:2;grid-row:4;font-size:12px;padding-top:15px;align-self:start}
 .lesson-footer{grid-column:2;grid-row:5;font-size:11px;margin-top:14px;max-width:300px;line-height:1.6}
}
@media(min-width:801px) and (max-width:1050px){
 .arena{height:550px;margin:0 8px}.seat{width:126px}.player-name{font-size:14px}.player-stack{font-size:13px}.position{font-size:11px}.board .card{width:53px;height:74px;font-size:29px}.board .card small{font-size:23px}.board{gap:7px}.lesson{gap:0 22px;padding:24px}.lesson-controls{min-width:245px}.lesson-content{padding-left:0}.lesson-icon{display:none}.lesson-content>p{font-size:15px}.lesson-content h2{font-size:26px}.lesson-footer{max-width:260px}
}