.dp-tutorial{--tutorial-private:#6d28d9;--tutorial-private-bg:#f5f3ff;--tutorial-private-line:#c4b5fd;--tutorial-success:#047857;--tutorial-error:#b91c1c;max-width:1060px;margin:0 auto}.tutorial-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.tutorial-heading h1{font-size:26px}.tutorial-heading p{color:var(--muted);font-size:12px;margin-top:7px}.tutorial-heading>label{display:flex;align-items:center;gap:12px;font-size:11px;white-space:nowrap}.tutorial-heading select{width:114px;min-height:38px;font-size:12px}.tutorial-live-notice{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px}.tutorial-live-notice p{font-size:12px}.tutorial-live-notice>.button{flex-shrink:0}.tutorial-chapters{display:flex;align-items:stretch;gap:6px;overflow-x:auto;padding:3px 3px 12px;scrollbar-width:thin}.tutorial-chapters button{flex:0 0 124px;background:transparent;color:var(--muted);font-size:11px;text-align:left;line-height:1.5;padding:9px 10px;border-bottom:2px solid var(--outline);border-radius:4px 4px 0 0}.tutorial-chapters button>span{display:block;font-size:11px;font-weight:600;margin-bottom:5px}.tutorial-chapters button[aria-current=step]{background:var(--tutorial-private-bg);color:var(--tutorial-private);border-color:var(--tutorial-private)}.tutorial-chapters button:hover{background:var(--surface-raised)}.tutorial-progress{display:flex;align-items:center;gap:14px;margin:4px 0 25px}.tutorial-progress progress{appearance:none;-webkit-appearance:none;width:100%;height:3px;border:0;border-radius:3px;background:var(--outline);accent-color:var(--tutorial-private)}.tutorial-progress progress::-webkit-progress-bar{background:var(--outline)}.tutorial-progress progress::-webkit-progress-value{background:var(--tutorial-private)}.tutorial-progress progress::-moz-progress-bar{background:var(--tutorial-private)}.tutorial-progress>span{font-size:10px;color:var(--muted);white-space:nowrap}.tutorial-workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:36px;align-items:start}.tutorial-play-area{min-width:0}.tutorial-instructions{padding:6px 0;min-width:0;position:sticky;top:24px}.tutorial-step-label{font-size:11px;color:var(--muted)}.tutorial-instructions h2{font-size:22px;line-height:1.3;margin:8px 0 20px}.tutorial-instructions [data-tutorial-copy] p{font-size:14px;line-height:1.9;margin-bottom:18px}.tutorial-instructions .tutorial-task{font-weight:600;color:var(--prose)}.tutorial-instructions [data-tutorial-copy],.tutorial-feedback,.tutorial-inline-copy,.tutorial-live-notice p{font-family:Inter,'Microsoft YaHei UI','Microsoft YaHei',sans-serif}.tutorial-context{font-size:12px;color:var(--muted);border-top:1px solid var(--outline);margin-top:20px;padding-top:15px}.tutorial-context>summary{margin:0;width:fit-content}.tutorial-context>p{font-size:12px;line-height:1.9;margin-top:12px}.tutorial-local-note{font-size:10px!important;color:var(--muted);line-height:1.8;margin-top:20px}.tutorial-feedback{font-size:13px;line-height:1.9;border-left:3px solid transparent;padding-left:13px;margin-top:20px}.tutorial-feedback:empty{display:none}.tutorial-feedback.is-success{color:var(--tutorial-success);border-color:var(--tutorial-success)}.tutorial-feedback.is-error{color:var(--tutorial-error);border-color:var(--tutorial-error)}.tutorial-feedback.is-hint{color:var(--prose-2);border-color:var(--tutorial-private-line)}
.tutorial-table{background:var(--surface);border:1px solid var(--outline);border-radius:12px;padding:18px 22px}.tutorial-table-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px}.tutorial-table-top>span:first-child{font-size:12px;font-weight:600;color:var(--prose-2)}.tutorial-seat{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 14px;padding:18px 0}.tutorial-seat>div:first-child{display:flex;align-items:center;gap:9px}.tutorial-seat strong{font-size:13px}.tutorial-position{color:var(--muted);font-size:9px;border:1px solid var(--outline);border-radius:3px;padding:2px 5px}.tutorial-seat>p{font-size:10px;color:var(--muted)}.tutorial-seat>p>b{font-family:var(--font-roll);font-size:17px;color:var(--prose);margin-right:3px}.tutorial-card-backs{grid-column:1/-1;color:var(--prose-3);font-size:19px;letter-spacing:6px;margin-top:3px}.tutorial-community{border-top:1px solid var(--outline);border-bottom:1px solid var(--outline);text-align:center;padding:20px 0 16px}.tutorial-region-label{display:block;font-size:10px;color:var(--muted);margin-bottom:9px}.tutorial-digits{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.tutorial-digit{display:inline-flex;width:46px;height:63px;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;gap:2px;background:var(--surface);border:1px solid var(--outline-strong);border-radius:6px;padding:4px;color:var(--prose)}.tutorial-digit>b{font-family:var(--font-roll);font-size:28px;line-height:1.2}.tutorial-digit>small{font-size:7px}.tutorial-digit.is-private{border-color:var(--tutorial-private-line);background:var(--tutorial-private-bg);color:var(--tutorial-private)}.tutorial-digit.is-hidden{border-style:dashed;background:var(--surface-dim);color:var(--prose-3)}.tutorial-digit.is-hidden>b{font-size:19px}.tutorial-digit.is-selected,.tutorial-slot.is-selected{outline:2px solid var(--focus);outline-offset:3px}.tutorial-digit.is-used{opacity:.4}.tutorial-digit.is-used.is-selected{opacity:1}.tutorial-pot{font-size:11px;color:var(--muted);margin-top:16px}.tutorial-pot>strong{font-family:var(--font-roll);font-size:25px;color:var(--prose);margin:0 6px}.tutorial-pot>small{font-size:10px}.tutorial-seat.is-you{padding-bottom:3px}.tutorial-seat.is-you>div:first-child>strong{color:var(--tutorial-private)}.tutorial-seat.is-you>.tutorial-region-label{grid-column:1/-1;margin:12px 0 3px}.tutorial-seat.is-you>.tutorial-digits{grid-column:1/-1;justify-content:flex-start}.tutorial-mini-digits{display:flex;gap:5px;grid-column:1/-1;margin-top:6px}.tutorial-mini-digits .tutorial-digit{height:37px;width:30px}.tutorial-mini-digits .tutorial-digit>b{font-size:20px}.tutorial-mini-digits .tutorial-digit>small{display:none}.tutorial-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:18px}.tutorial-controls .button{min-width:90px}.tutorial-controls .button[aria-pressed=true]{color:var(--tutorial-private);background:var(--tutorial-private-bg);border-color:var(--tutorial-private)}.tutorial-raise-form{margin-top:20px}.tutorial-raise-form>label{font-size:12px;display:flex;align-items:baseline;gap:10px;margin-bottom:7px}.tutorial-raise-form>label>small{font-size:10px;font-weight:400;color:var(--muted)}.tutorial-raise-form>div{display:flex;gap:9px}.tutorial-raise-form input{font-family:var(--font-roll);min-width:0;flex:1}.tutorial-raise-form button{min-width:100px}
.tutorial-builder{padding:22px 0 0}.tutorial-builder>h3{font-size:14px}.tutorial-slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:15px 0}.tutorial-slots>div{display:flex;flex-direction:column;align-items:center;min-width:0}.tutorial-slot{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:0;width:100%;height:91px;border:1px solid var(--outline);border-radius:6px;background:var(--surface);padding:10px 3px 5px;color:var(--prose)}.tutorial-slot>small{position:absolute;left:5px;top:4px;font-size:8px;color:var(--muted)}.tutorial-slot>b{font-family:var(--font-roll);font-size:30px;line-height:1.3}.tutorial-slot>span{font-size:7px;color:var(--muted);margin-top:5px}.tutorial-slot.requires-private{border-color:var(--tutorial-private-line);background:var(--tutorial-private-bg)}.tutorial-slot.is-private>b,.tutorial-slot.requires-private>span{color:var(--tutorial-private)}.tutorial-clear{background:transparent;color:var(--muted);width:26px;height:25px;font-size:18px;border-radius:3px}.tutorial-clear:enabled:hover{background:var(--surface-raised)}.tutorial-token-banks{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap}.tutorial-token-banks .tutorial-digits{justify-content:flex-start;gap:6px}.tutorial-token-banks .tutorial-digit{width:36px;height:51px}.tutorial-token-banks .tutorial-digit>b{font-size:23px}.tutorial-token-banks .tutorial-digit>small{font-size:6px}.tutorial-inline-copy{font-size:12px;color:var(--prose-2);line-height:1.9;margin-top:15px}.tutorial-results{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.tutorial-result{min-width:0}.tutorial-result h3{font-size:11px;color:var(--muted);font-weight:500}.tutorial-result>strong{font-family:var(--font-roll);font-size:25px;display:block;margin:8px 0;overflow-wrap:anywhere}.tutorial-result>p{font-family:var(--font-roll);font-size:12px;color:var(--ep-text)}.tutorial-result>p>span{font-size:10px}.tutorial-result details{font-size:11px;margin-top:14px}.tutorial-badges{list-style:none;padding:0;margin:12px 0}.tutorial-badges li{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-top:1px solid var(--outline);font-size:10px}.tutorial-badges b{white-space:nowrap;font-weight:500}.tutorial-settlement,.tutorial-fold-result{font-size:12px;text-align:center;color:var(--prose-2);margin:20px 0 15px}.tutorial-showdown>.button{display:flex;margin:auto}
.tutorial-calculation{border:1px solid var(--outline);border-radius:12px;background:var(--surface);padding:30px 24px;min-height:370px;display:flex;flex-direction:column;justify-content:center}.tutorial-calculation>.tutorial-region-label{margin-bottom:25px}.tutorial-raise-equation{display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-raise-equation>div{display:flex;flex-direction:column;align-items:center;gap:8px}.tutorial-raise-equation b{font-family:var(--font-roll);font-size:29px}.tutorial-raise-equation span{font-size:10px;color:var(--muted)}.tutorial-raise-equation>span{font-size:20px}.tutorial-increment{border-top:1px solid var(--outline);padding-top:18px;margin-top:25px;font-size:11px;color:var(--muted)}.tutorial-increment>strong{font-family:var(--font-roll);font-size:13px;color:var(--prose);display:block;margin-top:7px}.tutorial-contributors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tutorial-contributors>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.tutorial-contributors strong{font-size:12px}.tutorial-contributors b{font-family:var(--font-roll);font-size:25px}.tutorial-contributors span{font-size:9px;color:var(--muted)}.tutorial-pots{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0 0}.tutorial-pots>div{display:flex;flex-direction:column;align-items:center;gap:5px;padding:16px 10px;border:1px solid var(--outline);border-radius:6px}.tutorial-pots strong{font-size:11px}.tutorial-pots b{font-family:var(--font-roll);font-size:26px}.tutorial-pots span,.tutorial-pots small{font-size:10px;color:var(--muted)}.tutorial-pots>p{grid-column:1/-1;text-align:center;font-size:11px;color:var(--muted)}.tutorial-pots>p>strong{color:var(--prose)}.tutorial-timeout{margin-top:20px}.tutorial-time-limits{display:flex;justify-content:space-around;gap:15px;border-bottom:1px solid var(--outline);padding-bottom:16px}.tutorial-time-limits>span{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted)}.tutorial-time-limits strong{font-family:var(--font-roll);font-size:20px;color:var(--prose)}.tutorial-preselection{margin:18px 0}.tutorial-preselection h3{font-size:11px}.tutorial-preselection .tutorial-controls{justify-content:flex-start;margin-top:9px}.tutorial-timeout-result{font-size:12px;color:var(--ep-text);text-align:center;margin-top:18px}.tutorial-timeout-result>strong{font-family:var(--font-roll);color:var(--prose)}.tutorial-blind-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:25px}.tutorial-blind-levels>span{font-size:10px;color:var(--muted)}.tutorial-blind-levels b{font-family:var(--font-roll);display:block;font-size:12px;color:var(--prose);margin-top:5px}.tutorial-bb-quiz>p{font-size:12px;text-align:center}.tutorial-lobby{margin-top:28px;border-top:1px solid var(--outline);padding-top:20px}.tutorial-lobby h3{font-size:14px;margin-bottom:12px}.tutorial-lobby>div:not(.tutorial-controls){display:flex;justify-content:space-between;gap:16px;font-size:12px;padding:10px 0;border-bottom:1px solid var(--outline)}.tutorial-lobby b{font-size:11px;color:var(--muted);font-weight:500}.tutorial-lobby .tutorial-controls{justify-content:flex-start}.tutorial-lobby-complete{font-size:12px;color:var(--tutorial-success);margin-top:15px}.tutorial-navigation{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--outline);padding-top:24px;margin-top:32px}.tutorial-navigation>div{display:flex;align-items:center;gap:8px}.tutorial-navigation .button{font-size:11px;min-height:37px;padding:8px 12px}
:root[data-theme=dark] .dp-tutorial{--tutorial-private:#c4b5fd;--tutorial-private-bg:#302441;--tutorial-private-line:#6d4c9e;--tutorial-success:#6ee7b7;--tutorial-error:#fca5a5}
@media(max-width:850px){.tutorial-workspace{gap:24px;grid-template-columns:minmax(0,1.25fr) minmax(255px,1fr)}.tutorial-table{padding:16px}.tutorial-heading{gap:16px}.tutorial-heading>label{display:block}.tutorial-heading select{display:block;margin-top:5px}.tutorial-raise-equation b{font-size:25px}.tutorial-contributors b{font-size:22px}.tutorial-calculation{padding:24px 18px}}
@media(max-width:700px){.tutorial-workspace{display:flex;flex-direction:column;gap:22px}.tutorial-play-area{width:100%;order:1}.tutorial-instructions{position:static;width:100%;padding:0;display:contents}.tutorial-step-label{order:0;display:none}.tutorial-instructions h2{order:0;margin:0;font-size:21px}.tutorial-instructions>[data-tutorial-copy]{order:0}.tutorial-instructions [data-tutorial-copy] p{font-size:13px;margin-bottom:10px}.tutorial-instructions .tutorial-task{margin-bottom:0}.tutorial-feedback{order:2;margin:0}.tutorial-context{order:3;width:100%;margin:0}.tutorial-local-note{order:4;margin:0}.tutorial-table{padding:18px 22px}.tutorial-calculation{min-height:310px}.tutorial-progress{margin-bottom:20px}.tutorial-heading h1{font-size:23px}.tutorial-heading p{font-size:11px}.tutorial-chapters button{flex-basis:113px;font-size:10px}.tutorial-live-notice{align-items:flex-start;flex-direction:column;gap:12px}.tutorial-token-banks{justify-content:space-between}.tutorial-slot{height:96px}.tutorial-slot>b{font-size:33px}.tutorial-token-banks .tutorial-digit{width:40px;height:55px}.tutorial-results{gap:20px}.tutorial-result>strong{font-size:29px}.tutorial-navigation{flex-wrap:wrap;gap:12px}.tutorial-navigation>div{flex:1;justify-content:space-between}.tutorial-navigation .button{white-space:nowrap}.tutorial-navigation>div:last-child{justify-content:flex-end}}
@media(max-width:420px){.tutorial-heading{align-items:flex-start}.tutorial-heading h1{font-size:21px}.tutorial-heading p{max-width:24ch;line-height:1.7}.tutorial-heading>label{font-size:9px}.tutorial-heading select{width:96px;font-size:11px}.tutorial-table{padding:14px}.tutorial-digit{width:41px;height:59px}.tutorial-digits{gap:6px}.tutorial-seat>p>b{font-size:15px}.tutorial-position{font-size:8px}.tutorial-table-top{font-size:9px}.tutorial-slots{gap:4px}.tutorial-slot{height:82px}.tutorial-slot>b{font-size:28px}.tutorial-slot>span{font-size:6px}.tutorial-token-banks{gap:14px}.tutorial-token-banks .tutorial-digit{width:35px;height:49px}.tutorial-controls{gap:7px}.tutorial-controls .button{min-width:80px;font-size:11px;padding:9px 11px}.tutorial-result>strong{font-size:24px}.tutorial-result>p{font-size:11px}.tutorial-calculation{padding:24px 15px}.tutorial-contributors{gap:7px}.tutorial-contributors b{font-size:21px}.tutorial-blind-levels b{font-size:11px}.tutorial-navigation{gap:10px}.tutorial-navigation>div{flex-basis:100%}.tutorial-navigation>div:last-child{justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.dp-tutorial *{scroll-behavior:auto;animation:none;transition:none}}

/* Keep the chip cost beside the decision it belongs to. */
.tutorial-bet-summary{margin-top:20px;padding:14px 0 0;border-top:1px solid var(--outline)}
.tutorial-bet-summary>p{font-size:15px;color:var(--prose-2)}
.tutorial-bet-summary>p>strong{color:var(--prose)}
.tutorial-bet-amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 0}
.tutorial-bet-amounts dt{font-size:10px;color:var(--muted);margin-bottom:3px}
.tutorial-bet-amounts dd{font-family:var(--font-roll);font-size:17px;color:var(--prose);margin:0}
.tutorial-controls .tutorial-primary-action,.tutorial-raise-form .tutorial-primary-action{min-height:50px;min-width:136px;font-size:16px;font-weight:700}
.tutorial-primary-action>small{display:block;font-size:10px;font-weight:400;opacity:.8;margin-top:2px}
.tutorial-bet-controls .secondary{color:var(--muted);font-size:12px}
.tutorial-raise-form input{font-size:18px;min-height:50px}
.tutorial-raise-form output{display:block;font-size:13px;font-weight:600;color:var(--prose);margin-top:10px;line-height:1.7}
.tutorial-builder [data-tutorial=lock]{min-width:180px}
@media(max-width:420px){.tutorial-controls .tutorial-primary-action{min-width:125px;font-size:15px}.tutorial-bet-controls .tutorial-primary-action,.tutorial-builder [data-tutorial=lock]{width:100%;order:-1}.tutorial-bet-controls .secondary{flex:1}.tutorial-bet-amounts dd{font-size:16px}.tutorial-raise-form .tutorial-primary-action{min-width:100px}}

.tutorial-fish-quiz{margin:20px 0;padding:18px 0;border-top:1px solid var(--outline);border-bottom:1px solid var(--outline)}.tutorial-fish-quiz>p{font-size:12px;line-height:1.8;margin-bottom:12px}.tutorial-fish-rotation span{font-size:10px}.tutorial-fish-rotation b{font-size:14px}.tutorial-bb-quiz>.help{margin-top:12px;line-height:1.8}