/* Companion skin to play.css. Existing tutorial state, IDs and scripts stay in control. */
.tutorial-table{--table-ink:#e8eee0;--table-muted:#b1c6a5;--table-panel:#192e23;--table-gold:#dfc17a;color:var(--table-ink);border:1px solid #344b3b;border-radius:20px;background:#12231b;box-shadow:0 18px 45px #193b2322;overflow:hidden}
#tutorial.tutorial-table{gap:0}.tutorial-table .table-panel{background:radial-gradient(ellipse at center,#2b4b3655,transparent 70%),#12231b;border:0;border-radius:0;min-width:0}.tutorial-client-bar{height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 25px;background:linear-gradient(#273d2f,#1a2e22);border-bottom:1px solid #465b43}.tutorial-client-bar>div{display:flex;gap:12px;align-items:center}.tutorial-client-bar>div>span{font:32px Georgia,serif;color:#d4c493}.tutorial-client-bar strong{font-size:12px;letter-spacing:1.6px;font-weight:800}.tutorial-client-bar small{display:block;font-size:9px;letter-spacing:1.1px;color:#9db391;font-weight:500;margin-top:5px}.tutorial-client-bar>span{font-size:12px;color:#b1c7a5}.tutorial-table .table-top{font-size:12px;letter-spacing:.4px;color:#afc3a2;padding:14px 25px 10px}.tutorial-table .table-top span:first-child{font-size:11px;color:#d0dbc0}.tutorial-table .table-top i{background:#a8bd84}.tutorial-table .table-top b{color:#71886b}
.tutorial-table .arena{height:550px;margin:0 24px}.tutorial-table .felt{inset:54px 5% 64px;border:13px solid #3a443a;outline:2px solid #71694f;background:radial-gradient(ellipse at 50% 42%,#307358,#174b3c 80%);box-shadow:0 2px 0 4px #14251c,0 12px 24px #0007,inset 0 0 0 2px #97ab7977,inset 0 0 45px #102f2580}.tutorial-table .felt-line{inset:15px;border-color:#d1d7aa28}.tutorial-table .table-mark{font-size:9px;letter-spacing:2.5px;color:#a1c1a338;bottom:22px}.tutorial-table .seat{width:148px}.tutorial-table .seat.s0{left:50%;top:85%}.tutorial-table .seat.s1,.tutorial-table .seat.s2{left:13%}.tutorial-table .seat.s4,.tutorial-table .seat.s5{left:87%}.tutorial-table .seat.s1,.tutorial-table .seat.s5{top:68%}.tutorial-table .seat.s2,.tutorial-table .seat.s4{top:29%}.tutorial-table .seat.s3{top:14%}
.tutorial-table .seat .hand{min-height:47px;gap:4px;margin-bottom:-3px;position:relative;z-index:2}.tutorial-table .seat .card:not(.back){width:34px;height:47px;font-size:22px}.tutorial-table .seat .card small{font-size:18px}.tutorial-table .seat .card.back{width:34px;height:47px;border-width:2px;border-color:#d9dfc9;background:repeating-linear-gradient(45deg,#345546,#345546 2px,#436454 2px,#436454 4px);box-shadow:1px 3px 5px #061a1c44}.tutorial-table .s0 .hand{min-height:73px;margin-bottom:-4px}.tutorial-table .s0 .card:not(.back){width:54px;height:73px;font-size:30px;transform:rotate(-4deg);transform-origin:bottom right}.tutorial-table .s0 .card:nth-child(2){transform:rotate(4deg);transform-origin:bottom left}.tutorial-table .s0 .card small{font-size:25px}
.tutorial-table .player{padding:7px 8px 7px 36px;min-height:80px;border:1px solid #627361;border-radius:9px;background:linear-gradient(#283c31,#192d23);box-shadow:0 4px 9px #071f1a66;color:#edf2e6;position:relative}.tutorial-table .table-avatar{position:absolute;left:6px;top:24px;display:grid;place-items:center;width:28px;height:28px;background:radial-gradient(circle at 30% 30%,#82947a,#3f5b48);border:1px solid #a7b093;border-radius:50%;font-size:15px;color:#f2f0df;font-weight:700}.tutorial-table .s2 .table-avatar,.tutorial-table .s5 .table-avatar{background:radial-gradient(circle at 30% 30%,#6b8b9b,#335263)}.tutorial-table .s3 .table-avatar{background:radial-gradient(circle at 30% 30%,#b09677,#71543f)}.tutorial-table .player-name{font-size:15px;line-height:1.5;color:#edf2e6;font-weight:700}.tutorial-table .player-stack{font-size:16px;line-height:1.5;color:#e5dbb4;font-variant-numeric:tabular-nums}.tutorial-table .position{display:inline-block;font-size:10px;line-height:1.4;background:#435a3d;color:#e2eacb;border:1px solid #6c8057;border-radius:4px;padding:2px 6px;font-weight:700;min-width:0;min-height:0;margin-bottom:2px}.tutorial-table button.position:hover{background:#647649}.tutorial-table .dealer{width:23px;height:23px;line-height:21px;font-size:12px;border:1px solid #aa9958;background:#e7dba3;color:#35412b;box-shadow:0 2px 3px #0004;right:-9px;top:9px}.tutorial-table .blind-tag{font-size:10px;left:-10px;top:27px;background:#d0c28c;color:#273f2d;border:1px solid #8e895a;padding:2px 3px;display:block}.tutorial-table .turn-label{font-size:9px;background:#d5bb76;color:#233c28;top:-12px;padding:3px 8px}.tutorial-table .all-in-badge{background:#b68e4b;color:#182c1d;border-radius:3px;font-size:9px}.tutorial-table .player.active{outline:2px solid #d6b35f;outline-offset:2px;background:linear-gradient(#3d4e37,#263d29);box-shadow:0 0 18px #ddc07922}.tutorial-table .player.next-player{outline:1px dashed #9eb583;outline-offset:3px}.tutorial-table .spotlight .player{outline:3px solid #e5c475;outline-offset:4px}.tutorial-table .seat.folded .player{background:#1b2d24;border-color:#435046;box-shadow:none;opacity:.65}.tutorial-table .seat.folded .player-name,.tutorial-table .seat.folded .player-stack{color:#9fae9c}.tutorial-table .seat.folded .table-avatar{opacity:.45}.tutorial-table .table-wins .player{outline:2px solid #e5c475;outline-offset:2px;background:linear-gradient(#3e5730,#243d26)}
.tutorial-table .center{top:44%;width:auto;max-width:60%}.tutorial-table .street{display:inline-block;color:#c4d4b7;background:#123b2a99;border:1px solid #91ad7833;border-radius:15px;padding:5px 11px;font-size:11px;letter-spacing:1.4px;line-height:1.4}.tutorial-table .board{gap:8px;margin:14px 0 12px;justify-content:center}.tutorial-table .board .card{width:53px;height:74px;font-size:30px;border-radius:7px}.tutorial-table .board .card small{font-size:24px}.tutorial-table .card{color:#243f35}.tutorial-table .card.red{color:#aa3e39}.tutorial-table .board .card.placeholder{background:#0e322333;border-color:#b0c9a43d}.tutorial-table .card.winning{outline:3px solid #efd07b;outline-offset:1px}.tutorial-table .pot{display:inline-flex;align-items:center;gap:6px;color:#ceddca;border:1px solid #69877366;font-size:14px;background:#0e2b237d;padding:8px 17px;box-shadow:0 2px 5px #0a211d22}.tutorial-table .pot:before{content:'◉';font-size:17px;color:#d6b86d}.tutorial-table .pot strong{font-size:24px;color:#fff}.tutorial-table .winner{font-size:14px;color:#f0dfac;background:#163d29d9;border-radius:8px;margin:8px 0 0;padding:6px 9px;line-height:1.5;max-width:380px}.tutorial-table .winner:empty{display:none}
.tutorial-table .bet-label{font-size:11px;background:transparent;color:#c5d3bf;line-height:1.4;padding:5px 0 0;margin-top:0;white-space:normal;max-width:140px}.tutorial-table .bet-label strong{background:transparent;color:#efe5bf;border:0;box-shadow:none;font-size:12px;padding:0;display:inline-flex;gap:4px;align-items:center}.tutorial-chip{width:14px;height:14px;display:inline-block;border:2px dashed #d3dbca;border-radius:50%;background:radial-gradient(circle,#f0e3b7 0 30%,#436c83 34% 62%,#f1e7bc 65% 70%,#355e73 73%);box-shadow:0 2px 0 #163239,0 3px 0 #e3d9ad}.tutorial-table .s1 .bet-label,.tutorial-table .s2 .bet-label{position:absolute;top:50px;left:calc(100% + 8px);width:90px}.tutorial-table .s4 .bet-label,.tutorial-table .s5 .bet-label{position:absolute;top:50px;right:calc(100% + 8px);width:90px}.tutorial-table .s3 .bet-label{position:absolute;top:50px;left:calc(100% + 8px);width:90px;text-align:left}.tutorial-table .s0 .bet-label{position:absolute;top:-24px;left:0;right:0;max-width:none}
.tutorial-table .chip-event{color:#e5d5a2;background:#182c20;font-size:14px;border-top:1px solid #344b33;padding:11px 16px;min-height:0}.tutorial-table .chip-event:empty{display:none}.tutorial-table .bet-breakdown{background:#1d3527;border-color:#4b6041;color:#b5c7a6;margin:0 20px}.tutorial-table .bet-breakdown>span,.tutorial-table .bet-breakdown p,.tutorial-table .bet-breakdown small{color:#c0d0ae}.tutorial-table .bet-breakdown strong{color:#ecdfaf}.tutorial-table .table-action{background:#1c3325;white-space:normal}.tutorial-table .table-action:not(:empty){padding:14px 16px}.tutorial-table .table-action button{background:linear-gradient(#c8ab60,#927630);border:1px solid #ddc687;color:#192b1f;box-shadow:inset 0 1px 0 #ffffff22,0 3px 0 #0b1c16;border-radius:7px;padding:13px 26px;font-size:16px;min-height:48px;font-weight:800}.tutorial-table .table-bottom{background:#14271c;border-top:1px solid #344b33;color:#acbd9b;padding:12px 23px;font-size:12px}.tutorial-table .table-bottom label{font-size:12px;color:#acbd9b}.tutorial-table .table-bottom input{accent-color:#d2bd77;width:17px;height:17px}
/* Guided controls are the lower dock of the same client, not a separate white card. */
#tutorial.tutorial-table .lesson,.tutorial-table .flush-lesson{background:linear-gradient(110deg,#223b2a,#192e22);border:0;border-top:1px solid #506146;border-radius:0;margin:0;color:#e3ebd6;padding:24px 28px}.tutorial-table .lesson-kicker{color:#b4c99c;font-size:12px}.tutorial-table .lesson-kicker span{color:#b4c99c}.tutorial-table .progress span{background:#42593c}.tutorial-table .progress span.done{background:#cfb66c}.tutorial-table .lesson h2,.tutorial-table .flush-lesson h2{color:#eef1dd;font-size:30px;line-height:1.3}.tutorial-table .lesson-content>p,.tutorial-table .lesson-content .mobile-lesson-more,.tutorial-table .flush-lesson p{color:#c1d0b3;font-size:17px;line-height:1.8}.tutorial-table .lesson-icon{color:#d2c18b;background:#354d32}.tutorial-table .lesson-hint{color:#a5bd93;font-size:14px}.tutorial-table .lesson .term{color:#ebdfab;border-color:#bba96d}.tutorial-table .lesson-footer{border-color:#40573a;color:#96ae86;font-size:12px}.tutorial-table .lesson .restart,.tutorial-table .flush-buttons .restart{color:#b7c8a7;font-size:13px}.tutorial-table .secondary{background:linear-gradient(#384f35,#293f2a);color:#e7ebd6;border:1px solid #61714e;box-shadow:inset 0 1px 0 #ffffff12;border-radius:7px}.tutorial-table .primary{background:linear-gradient(#c8ab60,#927630);border:1px solid #ddc687;color:#192b1f;box-shadow:inset 0 1px 0 #ffffff22,0 3px 0 #0b1c16;border-radius:7px;font-weight:800}.tutorial-table .primary:disabled{background:#34482f;color:#b1bd9c;border-color:#536341;opacity:.65}.tutorial-table .primary:hover:not(:disabled),.tutorial-table .secondary:hover{filter:brightness(1.1)}.tutorial-table button:focus-visible,.tutorial-table select:focus-visible,.tutorial-table input:focus-visible{outline:3px solid #e6c67d;outline-offset:4px}.tutorial-table .lesson-controls button,.tutorial-table .flush-buttons button{font-size:16px;min-height:48px}.tutorial-table .lesson-controls .primary span{color:inherit}.tutorial-table .flush-lesson>div>span{color:#b5c99f;font-size:12px}
.flush-demo.tutorial-table .example-picker{padding:20px 24px;margin:0;background:#1c3124;border-bottom:1px solid #40563b}.flush-demo.tutorial-table .example-picker label{color:#d9e4c8;font-size:12px}.flush-demo.tutorial-table .example-picker p{color:#b1c6a3;font-size:14px}.flush-demo.tutorial-table .example-select-wrap select{background:#263f2b;color:#ebefd9;border:1px solid #75845a;font-size:16px;min-height:46px}.flush-demo.tutorial-table .tutorial-client-bar{border-top:1px solid #526046}.flush-demo.tutorial-table #flushComparison{padding:22px 26px;background:#14291d}.flush-demo.tutorial-table #flushComparison h3{color:#ebefd9}.flush-demo.tutorial-table .compare-note{color:#becfac}.flush-demo.tutorial-table .showdown-row{background:#203927;border-color:#4a6440}.flush-demo.tutorial-table .showdown-row.row-wins{background:#2c442a;border-color:#8a8b4e}.flush-demo.tutorial-table .showdown-row strong{color:#edf2db}.flush-demo.tutorial-table .showdown-row span:not(.card),.flush-demo.tutorial-table .showdown-row small{color:#bdcfa8}
@media(max-width:800px){.tutorial-table .arena{height:440px;margin:0 8px}.tutorial-client-bar{height:54px;padding:9px 15px}.tutorial-client-bar strong{font-size:10px;letter-spacing:1px}.tutorial-client-bar small{font-size:8px}.tutorial-client-bar>span{font-size:10px}.tutorial-client-bar>div>span{font-size:25px}.tutorial-table .table-top{padding:12px 15px;font-size:10px}.tutorial-table .table-top span:first-child{font-size:10px}.tutorial-table .felt{inset:45px 20px 50px;border-width:9px}.tutorial-table .felt-line{inset:10px}.tutorial-table .seat{width:103px}.tutorial-table .player{min-height:67px;padding:6px 5px 5px 26px}.tutorial-table .table-avatar{left:3px;top:22px;width:22px;height:22px;font-size:12px}.tutorial-table .player-name{font-size:13px}.tutorial-table .player-stack{font-size:13px}.tutorial-table .position{font-size:9px;padding:1px 5px}.tutorial-table .blind-tag{font-size:8px;left:-7px;top:25px}.tutorial-table .dealer{height:18px;width:18px;font-size:10px;line-height:16px;right:-6px;top:10px}.tutorial-table .seat .hand{min-height:36px}.tutorial-table .seat .card:not(.back),.tutorial-table .seat .card.back{width:27px;height:37px;font-size:19px}.tutorial-table .seat .card small{font-size:15px}.tutorial-table .s0 .hand{min-height:57px}.tutorial-table .s0 .card:not(.back){width:42px;height:57px;font-size:25px}.tutorial-table .s0 .card small{font-size:20px}.tutorial-table .board{gap:5px;margin:12px 0 10px}.tutorial-table .board .card{width:36px;height:51px;font-size:24px}.tutorial-table .board .card small{font-size:19px}.tutorial-table .street{font-size:10px;letter-spacing:.8px}.tutorial-table .pot{font-size:12px;padding:6px 11px;gap:4px}.tutorial-table .pot strong{font-size:20px}.tutorial-table .winner{font-size:12px;padding:5px 8px}.tutorial-table .s1 .bet-label,.tutorial-table .s2 .bet-label,.tutorial-table .s4 .bet-label,.tutorial-table .s5 .bet-label{top:36px;width:65px}.tutorial-table .s3 .bet-label{top:30px;width:60px}.tutorial-table .bet-label,.tutorial-table .bet-label strong{font-size:10px}.tutorial-table .turn-label{font-size:8px;padding:3px 5px}.tutorial-table .table-bottom{padding:12px 15px;font-size:10px}.tutorial-table .table-bottom label{font-size:10px}#tutorial.tutorial-table .lesson,.tutorial-table .flush-lesson{padding:18px}.tutorial-table .lesson h2,.tutorial-table .flush-lesson h2{font-size:25px}.tutorial-table .lesson-content>p,.tutorial-table .flush-lesson p{font-size:15px}.tutorial-table .lesson-controls button,.tutorial-table .flush-buttons button{font-size:14px}.tutorial-table .mobile-tutorial-toolbar{background:#1c3224;border-bottom:1px solid #42583d;padding:7px 10px;color:#d5dfc2}.tutorial-table .mobile-tutorial-toolbar button{color:#d5dfc2;border:1px solid #576d48;border-radius:6px;background:#2b432c;min-height:34px;font-size:12px}.flush-demo.tutorial-table .example-picker{padding:16px}.flush-demo.tutorial-table .example-select-wrap select{font-size:14px}.flush-demo.tutorial-table .example-picker p{font-size:13px}}
@media(max-width:440px){#tutorial.tutorial-table .arena,.flush-demo.tutorial-table .arena{height:425px;margin:0 4px}.tutorial-table .seat{width:88px}.tutorial-table .seat.s1,.tutorial-table .seat.s2{left:15%}.tutorial-table .seat.s4,.tutorial-table .seat.s5{left:85%}.tutorial-table .seat.s0{top:85%}.tutorial-table .seat.s3{top:13%}.tutorial-table .player{min-height:59px;padding:4px 3px 4px 22px}.tutorial-table .table-avatar{width:18px;height:18px;font-size:10px;left:3px;top:21px}.tutorial-table .player-name,.tutorial-table .player-stack{font-size:12px}.tutorial-table .position{font-size:8px;padding:1px 4px}.tutorial-table .seat .card:not(.back),.tutorial-table .seat .card.back{width:24px;height:33px;font-size:17px}.tutorial-table .seat .hand{min-height:33px}.tutorial-table .s0 .hand{min-height:53px}.tutorial-table .s0 .card:not(.back){width:38px;height:53px;font-size:25px}.tutorial-table .board .card{width:31px;height:45px;font-size:22px}.tutorial-table .board .card small{font-size:17px}.tutorial-table .center{max-width:58%;top:45%}.tutorial-table .street{font-size:9px;letter-spacing:.4px;padding:4px 8px}.tutorial-table .pot{font-size:10px}.tutorial-table .pot strong{font-size:18px}.tutorial-table .s1 .bet-label,.tutorial-table .s2 .bet-label{left:calc(100% + 2px);top:27px;width:45px}.tutorial-table .s4 .bet-label,.tutorial-table .s5 .bet-label{right:calc(100% + 2px);top:27px;width:45px}.tutorial-table .s3 .bet-label{left:calc(100% + 4px);top:25px;width:49px}.tutorial-table .bet-label,.tutorial-table .bet-label strong{font-size:8px;line-height:1.4}.tutorial-table .tutorial-chip{width:11px;height:11px}.tutorial-table .s0 .bet-label{top:-21px;font-size:9px}.tutorial-table .winner{font-size:11px}.tutorial-table .dealer{width:16px;height:16px;line-height:14px;font-size:9px}.tutorial-table .blind-tag{display:none}.tutorial-table .table-top{gap:6px}.tutorial-table .table-top span:first-child{font-size:9px}.tutorial-table .table-top span:last-child{font-size:9px}.tutorial-client-bar>span{font-size:9px}.tutorial-table .lesson h2{font-size:24px}.tutorial-table .lesson-hint{font-size:12px}.tutorial-table .table-action button{font-size:14px;padding:12px 22px}.tutorial-table .flush-buttons{grid-template-columns:1fr 1fr}.tutorial-table .flush-buttons button{font-size:13px}.flush-demo.tutorial-table #flushComparison{padding:18px 14px}.tutorial-table .flush-lesson h2{font-size:23px}.tutorial-table .flush-lesson p{font-size:15px}.tutorial-table .flush-buttons .restart{font-size:12px}}
/* Preserve the home tutorial's mobile focus controls and scrolling model. */
@media(max-width:800px){body.tutorial-focus #tutorial.tutorial-table{background:#12231b;border-radius:0;color:#e4ecd4}body.tutorial-focus #tutorial.tutorial-table .arena{height:auto;min-height:300px}body.tutorial-focus #tutorial.tutorial-table .tutorial-client-bar{display:none}body.tutorial-focus #tutorial.tutorial-table .table-panel{border:1px solid #3d563c;border-radius:10px}body.tutorial-focus #tutorial.tutorial-table .lesson{background:#203929;border:1px solid #425b3d;border-radius:10px;max-height:34dvh;padding:12px 14px}body.tutorial-focus #tutorial.tutorial-table .lesson-controls{background:#182f20;border-top:1px solid #4d6444;box-shadow:0 -3px 15px #071f1a66}body.tutorial-focus #tutorial.tutorial-table .lesson-controls button{font-size:14px}body.tutorial-focus #tutorial.tutorial-table .lesson h2{color:#eef1dd}body.tutorial-focus #tutorial.tutorial-table .s0 .hand{min-height:46px}body.tutorial-focus #tutorial.tutorial-table .s0 .card:not(.back){width:34px;height:46px;font-size:22px}body.tutorial-focus #tutorial.tutorial-table .s0 .card small{font-size:17px}body.tutorial-focus #tutorial.tutorial-table .player{min-height:52px}body.tutorial-focus #tutorial.tutorial-table .player-name,body.tutorial-focus #tutorial.tutorial-table .player-stack{font-size:11px}body.tutorial-focus #tutorial.tutorial-table .bet-label{font-size:8px}body.tutorial-focus #tutorial.tutorial-table .chip-event{background:#14291c;color:#e5d5a2}body.tutorial-focus #tutorial.tutorial-table .mobile-step{color:#c7d3ae}}
.tutorial-table .showdown-row .card small{color:inherit}
.tutorial-table .blind-tag{display:none}
#tutorial.tutorial-table #lessonPreview,#tutorial.tutorial-table #lessonMoreText{color:#c1d0b3}
#tutorial.tutorial-table .mobile-lesson-more summary{color:#dbc78b}
#tutorial.tutorial-table #lessonHint{color:#b3c89f}