:root{font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#233b35;background:#f6f8f9;font-synthesis:none;font-size:16px;--green:#176b52;--dark:#183c31;--muted:#788580;--line:#e4eae7;--soft:#eaf3ee;--radius:16px}*{box-sizing:border-box}body{margin:0}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button,a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #daa838;outline-offset:4px}button{transition:background .18s,transform .18s}button:hover:not(:disabled){filter:brightness(.97)}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:36px;line-height:1.4;letter-spacing:-1px;font-weight:650}h2{font-size:22px;line-height:1.5;font-weight:650}h3{font-size:18px;font-weight:600;line-height:1.5}p{line-height:1.8}.muted{color:var(--muted);font-size:14px}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;padding:34px 20px 20px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-size:18px;font-weight:650;white-space:nowrap}.brand-symbol{width:41px;height:46px;background:var(--green);color:#fff;display:grid;place-items:center;border-radius:12px;font-size:32px;box-shadow:0 4px 10px #176b5216}.brand small{font-size:12px;color:var(--muted);display:block;font-weight:400;margin-top:5px;letter-spacing:1px}.nav-caption{font-size:12px;letter-spacing:1px;color:#89938f;margin:48px 15px 15px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.nav-link{border:0;background:transparent;display:flex;gap:13px;align-items:center;text-align:left;padding:14px 16px;width:100%;border-radius:9px;font-size:15px;color:#65756e}.nav-link.active{background:#eaf4ed;color:var(--green);font-weight:600}.nav-active-dot{margin-left:auto;height:6px;width:6px;background:var(--green);border-radius:50%}.sidebar-tip{margin:auto 4px 25px;background:#f7f9f6;border:1px solid #eaf0e8;border-radius:12px;padding:18px 15px;position:relative}.tip-icon{display:block;color:#7f9a51;margin-bottom:10px}.sidebar-tip strong{font-size:14px;font-weight:600}.sidebar-tip p{font-size:12px;color:var(--muted);margin-top:7px;line-height:1.9}.sidebar-bottom{border-top:1px solid var(--line);padding:22px 7px 2px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.workspace{margin-left:242px}.topbar{height:75px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px;background:#ffffffb0;font-size:14px;color:#708078}.breadcrumb-divider{color:#c5cec9;margin:0 13px}.text-button{border:0;background:none;display:inline-flex;gap:7px;align-items:center;font-size:14px;padding:8px 0;color:#587268}.text-button:hover{color:var(--green)}main{max-width:1440px;margin:0 auto;padding:34px 44px 20px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;color:#6e8a7c;margin-bottom:12px}.page-heading{margin-bottom:29px}.page-heading p{font-size:15px;color:var(--muted);margin-top:10px}.home-feature{display:grid;grid-template-columns:minmax(0,2.8fr) minmax(238px,1fr);gap:22px}.current-lesson{position:relative;background:#eaf3ec;border:1px solid #dee9e0;border-radius:var(--radius);padding:29px 28px;display:flex;overflow:hidden;min-height:326px;gap:10px}.lesson-copy{z-index:1;flex:1;min-width:240px}.pill{display:inline-block;padding:5px 9px;border-radius:5px;font-size:12px;line-height:1.5;font-weight:600;background:#d5e6cd;color:#47663b;margin-bottom:23px}.lesson-copy .eyebrow{font-size:12px;letter-spacing:1px;margin-bottom:8px}.lesson-copy h2{font-size:29px;line-height:1.55;letter-spacing:.3px}.lesson-copy p{font-size:13px;color:#75877b;margin:10px 0 19px}.primary{background:var(--green);border:1px solid var(--green);border-radius:8px;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:44px;padding:11px 20px;font-size:14px;font-weight:550}.lesson-meta{display:flex;gap:16px;margin-top:17px;font-size:11px;color:#7b8a7e}.lesson-meta span{display:flex;align-items:center;gap:5px}.goals-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px}.panel-kicker{font-size:14px;color:#5d7267;font-weight:550}.goal-item{display:flex;align-items:center;gap:14px;margin-top:24px}.goal-item>span{font-size:12px;font-weight:600;color:#739276;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eff5ec}.goal-item strong{font-size:14px;font-weight:500}.goal-note{display:flex;gap:9px;color:#899389;font-size:12px;line-height:1.9;padding-top:23px;margin-top:24px;border-top:1px solid var(--line)}.goal-note svg{flex-shrink:0;margin-top:3px}.mini-table{position:relative;flex:0 1 285px;min-width:210px;height:230px;align-self:center;background:#d8e7da;border:1px solid #c9dacb;border-radius:90px;margin:20px 0 15px;box-shadow:inset 0 0 0 8px #e0ece1,inset 0 0 0 9px #cadccb}.mini-seat{position:absolute;font-size:12px;color:#476c52;z-index:3;background:#edf4eb;padding:6px 12px;border-radius:20px;white-space:nowrap;text-align:center;box-shadow:0 2px 4px #143a2420}.mini-seat small{display:block;font-size:10px;line-height:1.5;opacity:.8}.mini-seat.north{top:-20px;left:50%;transform:translate(-50%)}.mini-seat.south{bottom:-20px;left:50%;transform:translate(-50%);background:#24573d;color:#fff;min-width:78px}.mini-seat.west{top:46%;left:-13px}.mini-seat.east{top:46%;right:-13px}.mini-cards{display:flex;justify-content:center;align-items:center;position:absolute;top:0;right:0;bottom:0;left:0;gap:5px;transform:rotate(-9deg)}.mini-cards .playing-card:last-child{transform:rotate(18deg) translateY(6px)}.playing-card{position:relative;display:inline-block;flex-shrink:0;width:72px;height:103px;border:1px solid #d9dfdc;border-radius:7px;background:#fffefa;color:#243c35;box-shadow:0 3px 5px #132c2220;vertical-align:middle;font-family:Georgia,Times New Roman,serif;text-align:left;padding:0;-webkit-user-select:none;user-select:none}.playing-card.red{color:#c84844}.card-corner{position:absolute;top:6px;left:7px;display:flex;flex-direction:column;align-items:center;font-size:22px;font-weight:700;line-height:1}.card-corner span{font-size:17px;margin-top:2px}.card-corner.bottom{top:auto;left:auto;bottom:6px;right:7px;transform:rotate(180deg)}.card-pip{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:36px}.playing-card.selected{transform:translateY(-13px);border:2px solid #65ab84;box-shadow:0 0 0 3px #a1cfb044,0 4px 9px #132c2220}.card-check{position:absolute;top:-9px;right:-8px;border-radius:50%;background:#237750;color:#fff;font-size:12px;font-family:Arial;padding:2px 4px}.playing-card.small{width:48px;height:68px}.small .card-corner{font-size:15px;top:4px;left:4px}.small .card-corner span{font-size:12px}.small .card-corner.bottom{bottom:4px;right:4px;top:auto;left:auto}.small .card-pip{font-size:25px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:33px 0 20px}.section-heading h2{font-size:21px}.section-heading p{font-size:13px;margin-top:5px;color:var(--muted)}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.course-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:20px 22px}.course-card.available{border-color:#bdd5c3;box-shadow:0 3px 8px #244a2910}.course-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.course-number{font-size:23px;font-weight:400;color:#8faaa0;font-variant-numeric:tabular-nums}.course-status{font-size:11px;color:#929b97;display:flex;align-items:center;gap:4px}.course-status.open{color:#3c7955;background:#edf5ee;padding:3px 7px;border-radius:4px}.course-card h3{font-size:16px}.course-card p{font-size:13px;color:#839087;margin:7px 0 16px}.course-bottom{border-top:1px solid #f0f2f0;padding-top:14px;font-size:11px;color:#91a096;display:flex;align-items:center;justify-content:space-between;min-height:42px}.circle-button{border:1px solid #d8e6dc;background:#f2f7f2;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;color:var(--green)}.page-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:28px;color:#9aa49f;font-size:11px;line-height:1.8}@media(min-width:1500px){main{padding-top:44px}.current-lesson{padding:35px}.mini-table{flex-basis:310px}.lesson-copy h2{font-size:33px}}@media(max-width:1200px){.sidebar{width:215px;padding:30px 16px 20px}.workspace{margin-left:215px}.topbar{padding:0 28px}main{padding:28px}.home-feature{grid-template-columns:1fr}.goals-panel{display:none}.mini-table{flex-basis:290px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.sidebar{position:relative;width:auto;inset:auto;padding:17px 18px 0;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:17px}.brand small{display:none}.brand-symbol{height:33px;width:31px;font-size:25px;border-radius:8px}.nav-caption,.sidebar-tip,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;margin-top:18px;gap:2px}.nav-link{justify-content:center;font-size:13px;padding:12px 6px;gap:6px;border-radius:7px 7px 0 0;white-space:nowrap}.nav-link svg{width:16px}.nav-active-dot{display:none}.workspace{margin-left:0}.topbar{height:53px;padding:0 20px;font-size:12px}.topbar .text-button{font-size:12px}.breadcrumb-divider{margin:0 6px}main{padding:25px 18px 20px}h1{font-size:28px}.page-heading p{font-size:13px;max-width:290px}.eyebrow{font-size:10px}.page-heading{margin-bottom:23px}.current-lesson{padding:24px;min-height:310px}.lesson-copy{min-width:0}.lesson-copy h2{font-size:27px}.lesson-copy p{font-size:13px;max-width:185px}.lesson-copy .pill{margin-bottom:18px}.mini-table{position:absolute;right:-71px;top:69px;width:210px;min-width:210px;height:179px;transform:rotate(-7deg);opacity:.6}.mini-cards{transform:scale(.8)}.mini-seat.west,.mini-seat.east{display:none}.lesson-copy .primary{position:relative;z-index:4}.lesson-meta{font-size:11px;gap:14px}.section-heading{align-items:start;margin-top:28px}.section-heading h2{font-size:19px}.section-heading .muted{font-size:11px;padding-top:6px;white-space:nowrap}.section-heading p{font-size:12px;max-width:190px}.course-grid{grid-template-columns:1fr;gap:12px}.course-card{padding:18px 21px}.course-card p{margin-bottom:11px}.course-top{margin-bottom:10px}.page-footer{font-size:11px;display:block}.page-footer span{display:block;margin-bottom:4px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.nav-link{text-decoration:none}.skip-link{position:fixed;left:250px;top:-100px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:10px}.sidebar-progress{margin:30px 14px 36px;font-size:12px;color:#7b8c81}.sidebar-progress>div{display:flex;justify-content:space-between;gap:8px}.sidebar-progress strong{color:#42644f;font-weight:500}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;margin-top:12px;width:100%;height:5px;border:0;border-radius:9px;background:#eaf0eb}progress::-webkit-progress-bar{background:#eaf0eb;border-radius:9px}progress::-webkit-progress-value{background:#5c9973;border-radius:9px}progress::-moz-progress-bar{background:#5c9973;border-radius:9px}.storage-warning{padding:12px 25px;background:#fff4d9;border-bottom:1px solid #e8cd83;color:#80601d;display:flex;align-items:start;gap:9px;font-size:14px;line-height:1.7}.storage-warning svg{flex-shrink:0;margin-top:4px}.surface{background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.secondary{background:#fff;border:1px solid #d4e0d8;border-radius:8px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-size:14px}.icon-button{width:38px;height:38px;display:grid;place-items:center;background:#f4f7f5;border:1px solid var(--line);border-radius:8px}.lesson-page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:3px 0 28px}.lesson-page-heading h1{font-size:29px;letter-spacing:0}.lesson-page-heading .eyebrow{font-size:12px;letter-spacing:1px}.level-badge{font-size:14px;padding:9px 12px;background:#e8f1e9;color:#42634a;border:1px solid #d6e3d7;border-radius:7px;white-space:nowrap}.level-badge b{font-family:Georgia,serif;font-size:20px;padding-left:8px}.lesson-steps{display:flex;border-bottom:1px solid var(--line);gap:28px;margin-bottom:28px}.lesson-steps button{padding:0 0 16px;border:0;border-bottom:2px solid transparent;background:none;color:#8c9890;display:flex;align-items:center;gap:9px;font-size:14px;white-space:nowrap}.lesson-steps button>span{display:grid;place-items:center;border:1px solid #dce4df;width:23px;height:23px;border-radius:50%;font-size:12px}.lesson-steps .current{color:var(--green);border-color:var(--green);font-weight:600}.lesson-steps .current>span{background:var(--green);border-color:var(--green);color:#fff}.lesson-steps .visited{color:#70987b}.lesson-steps .visited>span{border:0;background:#e6f0e7}.lesson-columns{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:24px;align-items:start}.coach-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;min-width:0}.coach-heading{display:flex;align-items:center;gap:11px;margin-bottom:27px;padding-bottom:20px;border-bottom:1px solid var(--line)}.coach-icon{display:grid;place-items:center;border-radius:50%;background:#f1f4e8;width:38px;height:38px;color:#7b9853;flex-shrink:0}.coach-heading strong{font-size:15px;font-weight:600}.coach-heading small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.coach-panel h3{font-size:16px;margin-bottom:12px}.coach-panel p{font-size:14px;line-height:1.9;color:#718178}.coach-note{margin-top:24px;padding:15px 17px;background:#eff4f0;border-radius:8px;font-size:13px;line-height:1.8;color:#788b7d}.coach-panel details{border-top:1px solid var(--line);padding-top:17px;margin-top:23px}.coach-panel summary{font-size:14px;color:#587262;cursor:pointer;line-height:1.8}.coach-panel details p{margin-top:10px;font-size:13px}.rank-order{display:flex;gap:9px;color:var(--green);margin:22px 0;font-family:Georgia,serif;font-size:21px}.rank-order span:nth-child(2n){color:#9caf9f}.intro-surface{padding:30px}.intro-surface>.panel-kicker{color:#7e9282;font-size:13px}.intro-surface>h2{font-size:23px;margin:13px 0}.intro-surface>p{font-size:15px;color:#7b8b82}.seat-quiz{position:relative;height:300px;max-width:520px;margin:24px auto}.quiz-table{position:absolute;top:38px;right:48px;bottom:38px;left:48px;border:1px solid #cddfd2;box-shadow:inset 0 0 0 7px #ebf3eb,inset 0 0 0 8px #d7e5d8;background:#e2eee3;border-radius:95px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#7c9880;font-size:13px}.quiz-table strong{font-size:33px;color:#4b7455;font-weight:500;letter-spacing:2px}.quiz-table span{font-size:13px}.quiz-seat{position:absolute;border:1px solid #c8d8cb;background:#fff;border-radius:9px;padding:10px 20px;font-size:14px;min-width:85px;min-height:44px;display:flex;gap:7px;align-items:center;justify-content:center;box-shadow:0 2px 5px #254e3020}.quiz-0{bottom:7px;left:50%;transform:translate(-50%);background:var(--green);color:#fff;border-color:var(--green)}.quiz-2{top:7px;left:50%;transform:translate(-50%)}.quiz-1{right:0;top:43%}.quiz-3{left:0;top:43%}.quiz-seat.chosen{border:2px solid #619e71;background:#f5faf3}.inline-message{background:#f5f7f6;color:#73877a;text-align:center;padding:12px 16px;border-radius:8px;font-size:14px;line-height:1.7}.inline-message.success{background:#e9f5ec;color:#3c7c50}.intro-facts{display:grid;gap:18px;margin:25px 0}.intro-facts b{font-size:15px;font-weight:600}.intro-facts p{font-size:14px;color:#7b8a82;margin-top:6px}.table-topline{display:flex;justify-content:space-between;gap:12px;margin:0 1px 14px;font-size:13px;color:#819085}.table-topline>span:first-child{display:flex;gap:6px;align-items:center}.teaching-table{height:340px;background:#22634f;border:1px solid #185440;position:relative;overflow:hidden;border-radius:var(--radius);color:#fff;box-shadow:inset 0 2px 3px #16433535}.felt-inset{position:absolute;top:56px;right:61px;bottom:61px;left:61px;border:1px solid #bdddc226;border-radius:100px;pointer-events:none}.table-mode{position:absolute;top:15px;left:17px;font-size:10px;letter-spacing:.5px;color:#b4d0bf;opacity:.7}.table-seat{position:absolute;display:flex;gap:9px;align-items:center;z-index:2}.seat-avatar{width:36px;height:36px;border-radius:50%;background:#2d7560;display:grid;place-items:center;color:#c5dfcf;font-size:13px;box-shadow:0 0 0 3px #1e584833;border:1px solid #6c9c853e;flex-shrink:0}.seat-avatar.ally{background:#e2edce;color:#4c704d}.table-seat strong{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:500}.table-seat strong>span{font-size:9px;opacity:.55}.table-seat small{display:block;font-size:11px;color:#adccba;margin-top:4px}.table-seat.current small{color:#efe5ad}.table-seat.current .seat-avatar{outline:2px solid #dacb78;outline-offset:3px}.position-0{bottom:39px;left:50%;transform:translate(-50%)}.position-1{right:17px;top:44%;flex-direction:column;gap:8px;text-align:center}.position-1 strong,.position-3 strong{justify-content:center}.position-2{top:29px;left:50%;transform:translate(-50%)}.position-3{left:17px;top:44%;flex-direction:column;gap:8px;text-align:center}.table-center{position:absolute;top:82px;right:89px;bottom:96px;left:89px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.table-center-label{color:#c7dfcd;font-size:12px}.table-played{display:flex;gap:7px;min-height:103px;align-items:center;justify-content:center}.table-center-hint{font-size:11px;color:#b2cbbb}.lead-label{color:#dee8c9;font-size:19px;letter-spacing:2px;border:1px dashed #bcd5b94a;border-radius:8px;padding:21px 16px}.table-footnote{position:absolute;bottom:11px;left:0;right:0;text-align:center;color:#b7d1be;font-size:10px;letter-spacing:.5px}.demo-caption{display:flex;align-items:center;gap:17px;padding:23px 5px}.step-counter{font-size:27px;color:#95afa0;font-family:Georgia,serif;flex-shrink:0}.demo-caption p{font-size:15px;line-height:1.8}.demo-controls{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:18px 0 8px;border-top:1px solid var(--line)}.demo-controls .primary{margin-left:auto;gap:13px}.branch-actions{padding:20px 23px;background:#fff;border:1px solid #d8e7dc;border-radius:12px;margin-bottom:20px}.branch-actions strong{font-size:15px;font-weight:550}.branch-actions>div{display:flex;gap:12px;margin:15px 0 10px}.branch-actions small{font-size:12px;color:#849389;line-height:1.8}.scene-note{font-size:11px;color:#92a197;margin:13px 0;line-height:1.7}.trick-status{display:grid;grid-template-columns:1fr auto;padding:18px;background:#f4f7f4;border-radius:8px;row-gap:15px;margin-top:23px;font-size:13px}.trick-status span{color:#839487}.trick-status strong{font-weight:500;color:#4d7356}.exercise-strip{display:flex;align-items:center;gap:16px;font-size:13px;color:#778c7d;margin-bottom:25px}.exercise-strip>div{display:flex;gap:9px}.exercise-strip>span:last-child{margin-left:auto;font-size:12px}.exercise-strip button{width:29px;height:29px;border-radius:50%;border:1px solid #dde7df;background:#fff;color:#83958a;font-size:12px;display:grid;place-items:center}.exercise-strip button.current{background:var(--green);color:#fff;border-color:var(--green)}.exercise-strip button.done{background:#e6f0e7;color:#4a8359}.task-banner{margin-bottom:22px}.task-banner .eyebrow{display:block;font-size:12px;letter-spacing:.6px}.task-banner h2{font-size:21px}.task-banner p{font-size:14px;color:#849188;margin-top:8px}.hand-panel{border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;background:#fff;margin-top:16px}.hand-top{display:flex;justify-content:space-between;align-items:center}.hand-top h3{font-size:14px}.hand-top h3 span{font-size:12px;margin-left:8px;color:#92a197;font-weight:400}.hand-top .text-button{font-size:12px}.hand-cards{display:flex;gap:10px;padding:27px 5px 16px;min-height:155px;overflow-x:auto;overflow-y:visible;scrollbar-width:thin}.hand-cards .playing-card{width:64px;height:94px}.hand-cards .card-corner{font-size:21px}.hand-cards .card-pip{font-size:32px}.selected-readout{font-size:12px;color:#7d9484;background:#f5f8f5;border-radius:6px;padding:12px;display:flex;align-items:center;gap:12px;min-height:41px}.selected-readout strong{font-size:12px;font-weight:500;color:#56795f;line-height:1.6}.selected-readout>span{white-space:nowrap;flex-shrink:0}.hand-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.hand-actions .secondary{min-width:92px}.feedback{border-radius:10px;background:#f5f8f4;padding:17px 15px}.feedback-title{display:flex;align-items:center;gap:9px;margin-bottom:10px;color:#658069}.feedback-title h3{margin:0;font-size:15px}.feedback p{font-size:14px;line-height:1.9}.feedback.correct{background:#eaf5ed;border:1px solid #c5e3ce}.feedback.correct .feedback-title,.feedback.correct p{color:#3b7550}.feedback.error{background:#fff4e8;border:1px solid #efddc5}.feedback.error .feedback-title{color:#a76f31}.feedback.error p{color:#937448}.feedback .text-button{font-size:12px;margin-top:7px;line-height:1.8;text-align:left}.feedback.goal,.feedback.unsupported{background:#eff4f7}.hint-area{margin-top:27px}.hint-heading{display:flex;align-items:center;justify-content:space-between}.hint-heading h3{font-size:14px;margin:0}.hint-heading span{font-size:12px;color:#a0aea4}.hint-button{width:100%;margin-top:16px;font-size:13px}.hint-area>small{display:block;margin-top:12px;color:#97a197;font-size:11px;line-height:1.8}.hint-item{display:flex;gap:10px;margin-top:15px}.hint-item b{width:19px;height:19px;border-radius:50%;background:#edf4e8;color:#8d9e75;display:grid;place-items:center;font-size:11px;flex-shrink:0;margin-top:3px}.hint-item p{font-size:13px}.copy-issue{font-size:11px;color:#9eaaa2;margin-top:24px}.flow-question{margin-top:22px}.flow-question h3{font-size:16px;margin-bottom:14px}.answer-option{display:flex;width:100%;align-items:center;gap:12px;text-align:left;border:1px solid #dce7de;background:#fff;border-radius:7px;margin-top:9px;padding:12px;font-size:14px;line-height:1.6}.answer-option>span{color:#819787;font-size:12px}.answer-option.chosen{background:#f0f6ed;border-color:#93b697}.practice-list{display:flex;flex-direction:column;gap:16px}.practice-tile{display:flex;gap:27px;align-items:center;text-align:left;padding:27px;transition:box-shadow .2s,border-color .2s}.practice-tile:hover{border-color:#b6d0be;box-shadow:0 4px 16px #1a44240a}.practice-index{font-size:34px;color:#9eb5a7;font-family:Georgia,serif}.practice-tile .eyebrow{font-size:11px;display:block;letter-spacing:1px;margin-bottom:6px}.practice-tile h2{font-size:20px}.practice-tile p{font-size:14px;color:#859389;margin-top:6px}.practice-state{display:flex;gap:14px;align-items:center;margin-left:auto;white-space:nowrap;font-size:13px;color:#6c8776}.practice-state.done{color:#378055}.summary-surface{max-width:800px;padding:40px 42px;margin:0 auto;text-align:center}.summary-icon{display:grid;place-items:center;margin:0 auto 24px;background:#e3f1e5;border-radius:50%;width:68px;height:68px;color:#4f875c}.summary-surface>.eyebrow{display:block;font-size:12px}.summary-surface h1{font-size:29px}.summary-surface>p{font-size:15px;color:#8a978e;margin:12px 0 28px}.summary-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin-bottom:28px}.summary-metrics>div{border-right:1px solid var(--line)}.summary-metrics>div:last-child{border:0}.summary-metrics b{display:block;font-size:32px;font-weight:500;color:var(--green)}.summary-metrics small{font-size:16px;color:#abb8ae;margin-left:4px}.summary-metrics span{font-size:12px;color:#89998d;display:block;margin-top:9px}.takeaways{text-align:left}.takeaways h2{font-size:18px;margin:0 0 20px}.takeaways p{display:flex;align-items:baseline;gap:16px;font-size:14px;margin-bottom:15px;color:#6d8474}.takeaways p>span{font-family:Georgia,serif;color:#a2b197;font-size:18px}.summary-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:25px;justify-content:center}.summary-surface .coach-note{text-align:left;font-size:12px}.record-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.record-overview>div{padding:24px 28px}.record-overview span{font-size:14px;color:#749080}.record-overview strong{display:block;margin-top:16px;font-size:38px;font-weight:500;color:var(--green)}.record-overview small{font-size:18px;color:#a7b6aa;margin-left:6px}.record-overview p{font-size:12px;color:#96a299;margin-top:9px}.record-list{padding:0 23px}.record-row{display:flex;align-items:center;gap:19px;padding:23px 0;border-bottom:1px solid var(--line)}.record-row:last-child{border-bottom:0}.record-number{font-family:Georgia,serif;font-size:25px;color:#abc0b0}.record-row h3{font-size:16px}.record-row p{font-size:12px;color:#90a095;margin-top:6px}.record-row .text-button{font-size:13px;margin-left:14px;white-space:nowrap}.record-status{font-size:12px;color:#96a59a;margin-left:auto;white-space:nowrap}.record-status.review{color:#af863c}.record-status.complete{color:#5f956d}.backup-panel{margin-top:26px;padding:26px;display:flex;gap:22px;flex-wrap:wrap;align-items:center}.backup-panel h2{font-size:19px}.backup-panel>div:first-child{flex:1;min-width:250px}.backup-panel p{font-size:13px;color:#8b9b90;max-width:600px;margin-top:9px}.backup-actions{display:flex;gap:10px}.backup-panel .backup-message{flex-basis:100%;color:var(--green);margin:0}.backup-message:empty{display:none}.rules-dialog{position:fixed;left:auto;right:0;top:0;bottom:0;margin:0;height:100dvh;max-height:100dvh;width:min(480px,100%);max-width:100%;border:0;border-left:1px solid var(--line);padding:0;color:#304b3b;box-shadow:-10px 0 60px #122e271a}.rules-dialog::backdrop,.confirm-dialog::backdrop{background:#132f295e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.rules-inner{padding:30px}.rules-inner header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:27px}.rules-inner header .eyebrow{display:block;font-size:11px}.rules-inner header h2{font-size:27px}.rule-scope{font-size:12px;line-height:1.8;color:#6f8b77;background:#eff5ed;padding:10px 12px;display:block;border-radius:6px}.rules-inner section{margin-top:26px;padding-bottom:22px;border-bottom:1px solid var(--line)}.rules-inner h3{font-size:16px;margin-bottom:11px}.rules-inner p{font-size:14px;color:#7d8e83}.rule-example{color:var(--green);background:#f6f8f3;padding:14px 10px;border-radius:6px;font-family:Georgia,serif;text-align:center;margin:16px 0;font-size:21px;letter-spacing:2px}.rule-example span{font-size:15px;color:#a6b397}.rules-inner small{display:block;font-size:12px;color:#98a39b;line-height:1.8}.rule-source a{font-size:13px;color:var(--green);display:block;margin:15px 0;text-underline-offset:4px}.rules-inner>.primary{margin-top:23px;width:100%}.confirm-dialog{border:1px solid var(--line);border-radius:16px;padding:29px;max-width:470px;width:calc(100% - 32px);color:var(--dark)}.confirm-dialog h2{font-size:22px}.confirm-dialog p{font-size:15px;margin:17px 0 25px;color:#7f8e84}.confirm-dialog>div{display:flex;justify-content:flex-end;gap:12px}.not-found{text-align:center;padding:60px 30px}.not-found h1{font-size:28px;margin:18px}.not-found p{font-size:15px;color:#829386;margin-bottom:25px}@media(min-width:1600px){.lesson-columns{grid-template-columns:minmax(0,1fr) 330px}.teaching-table{height:390px}.table-center{top:102px;right:99px;bottom:113px;left:99px}.felt-inset{top:60px;right:80px;bottom:65px;left:80px}.hand-cards{gap:15px}.hand-cards .playing-card{width:75px;height:107px}}@media(max-width:1100px){.lesson-columns{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.coach-panel{padding:20px}.hand-panel{padding:17px}.hand-cards{gap:7px}.hand-cards .playing-card{width:57px;height:84px}.hand-cards .card-corner{font-size:18px}.hand-cards .card-corner span{font-size:13px}.hand-cards .card-pip{font-size:28px}.table-seat{gap:6px}.table-seat strong{font-size:12px}.table-seat strong>span{display:none}.position-1{right:12px}.position-3{left:12px}.table-mode{font-size:9px;top:11px}.table-center{left:65px;right:65px}.table-center-hint{font-size:10px}.intro-surface{padding:22px}.intro-surface h2{font-size:21px}.practice-tile{gap:20px;padding:22px}.record-row{gap:13px}.record-status{font-size:11px}}@media(max-width:950px){.lesson-columns{grid-template-columns:1fr}.coach-panel{margin-top:4px}.coach-heading{margin-bottom:18px;padding-bottom:15px}.teaching-table{height:340px}.position-1{right:28px}.position-3{left:28px}.table-center{top:88px;right:90px;bottom:86px;left:90px}.hand-cards{gap:11px}.hand-cards .playing-card{width:64px;height:94px}.hand-cards .card-corner{font-size:21px}.hand-cards .card-pip{font-size:32px}.sidebar-progress{margin-top:30px;margin-bottom:25px}.lesson-steps{gap:20px}.record-row{flex-wrap:wrap}.record-status,.record-row .text-button{margin-left:auto}.record-overview>div{padding:20px}.practice-state{font-size:12px}.practice-tile p{font-size:13px;max-width:340px}.summary-surface{padding:30px}.table-mode{font-size:10px}.table-center-hint{font-size:11px}.table-seat strong{font-size:13px}.table-seat strong>span{display:inline}}@media(max-width:700px){.sidebar-progress{display:none}.skip-link{left:10px}.lesson-page-heading{gap:12px;margin-bottom:21px;align-items:flex-start}.lesson-page-heading h1{font-size:23px}.lesson-page-heading .eyebrow{font-size:11px}.level-badge{font-size:11px;padding:5px 8px}.level-badge b{font-size:18px;padding-left:4px}.lesson-steps{gap:0;justify-content:space-between;margin-bottom:23px;overflow-x:auto}.lesson-steps button{font-size:12px;gap:6px;padding:0 0 13px}.lesson-steps button>span{width:20px;height:20px;font-size:10px}.intro-surface{padding:22px 19px}.intro-surface h2{font-size:20px}.intro-surface>p{font-size:14px}.intro-surface>.primary{width:100%;font-size:14px}.seat-quiz{height:275px;margin:20px 0}.quiz-table{top:38px;right:29px;bottom:38px;left:29px}.quiz-seat{font-size:13px;padding:10px 13px;min-width:67px}.quiz-0{bottom:0}.quiz-2{top:0}.inline-message{font-size:13px}.intro-facts p,.coach-panel p{font-size:14px}.teaching-table{height:328px;border-radius:12px}.felt-inset{top:64px;right:31px;bottom:60px;left:31px;border-radius:65px}.table-mode{font-size:9px;top:10px;left:11px}.position-1{right:10px;top:44%}.position-3{left:10px;top:44%}.position-2{top:35px}.position-0{bottom:38px}.table-seat strong{font-size:12px}.table-seat strong>span{display:none}.table-seat small{font-size:10px}.seat-avatar{width:31px;height:31px;font-size:12px}.table-center{top:90px;right:68px;bottom:86px;left:68px;gap:8px}.table-center-label{font-size:11px}.table-center-hint{font-size:10px;line-height:1.5}.table-played .playing-card{width:60px;height:86px}.table-played .card-corner{font-size:20px}.table-played .card-pip{font-size:30px}.table-played{min-height:86px}.lead-label{font-size:15px;letter-spacing:0;padding:18px 10px}.table-footnote{font-size:9px;letter-spacing:0}.demo-caption{gap:13px;padding:20px 2px;align-items:flex-start}.demo-caption p{font-size:14px}.step-counter{font-size:25px}.demo-controls{gap:10px;flex-wrap:wrap}.demo-controls .secondary,.demo-controls .primary{font-size:13px;padding:10px 12px;gap:7px}.demo-controls .text-button{font-size:12px}.branch-actions{padding:18px}.branch-actions>div{gap:8px}.branch-actions .primary,.branch-actions .secondary{font-size:13px;padding:10px 12px}.task-banner h2{font-size:19px;line-height:1.7}.task-banner p{font-size:13px}.exercise-strip{gap:12px;margin-bottom:20px}.exercise-strip>span:last-child{display:none}.exercise-strip button{width:29px;height:29px}.exercise-strip>div{gap:8px;margin-left:auto}.hand-panel{padding:16px 14px;border-radius:12px}.hand-cards{gap:7px;padding:28px 4px 17px;min-height:139px}.hand-cards .playing-card{width:57px;height:84px}.hand-cards .card-corner{font-size:18px}.hand-cards .card-corner span{font-size:13px}.hand-cards .card-pip{font-size:28px}.hand-actions{justify-content:stretch}.hand-actions>button{flex:1;font-size:13px;padding:10px 11px;gap:9px}.selected-readout{gap:8px;align-items:flex-start;padding:10px;font-size:11px;flex-direction:column}.selected-readout strong{font-size:13px}.coach-panel{padding:22px}.scene-note{font-size:11px}.practice-tile{gap:15px;padding:21px 17px;flex-wrap:wrap}.practice-index{font-size:28px}.practice-tile>div{flex:1}.practice-tile h2{font-size:18px}.practice-tile p{font-size:13px}.practice-state{margin-left:43px;margin-top:6px;font-size:13px}.practice-tile .eyebrow{font-size:10px}.summary-surface{padding:28px 20px}.summary-surface h1{font-size:23px;letter-spacing:0}.summary-surface>p{font-size:14px}.summary-metrics b{font-size:28px}.summary-metrics small{font-size:14px}.summary-metrics span{font-size:11px}.takeaways h2{font-size:16px}.summary-actions>.primary,.summary-actions>.secondary{width:100%}.takeaways p{font-size:14px}.record-overview{gap:8px}.record-overview>div{padding:16px 12px;border-radius:10px}.record-overview span{font-size:12px}.record-overview strong{font-size:28px}.record-overview small{font-size:14px}.record-overview p{font-size:11px;line-height:1.7}.record-list{padding:0 17px}.record-row{gap:12px;padding:19px 0}.record-row h3{font-size:14px}.record-number{font-size:22px}.record-row p{font-size:11px}.record-row>div{flex:1}.record-status{font-size:11px}.record-row .text-button{margin-left:34px;font-size:12px;padding:0}.backup-panel{padding:21px}.backup-panel>div:first-child{min-width:0;flex-basis:100%}.backup-actions{width:100%}.backup-actions>.secondary{flex:1}.backup-panel p{font-size:13px}.rules-inner{padding:26px 23px}.rules-inner p{font-size:15px}.rules-inner h3{font-size:16px}.storage-warning{font-size:12px;padding:13px 18px}}@media(min-width:701px){.page-heading p{font-size:16px}.intro-surface>p{font-size:16px}.coach-panel p{font-size:15px}.course-card p{font-size:14px}.course-status,.course-bottom,.lesson-meta{font-size:12px}.lesson-copy p{font-size:14px}.panel-kicker,.goal-item strong{font-size:15px}.goal-note,.sidebar-tip p{font-size:13px}.practice-tile p{font-size:15px}}.lesson-columns>section{min-width:0}.hand-cards{max-width:100%}.record-overview{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:950px){.lesson-columns{grid-template-columns:minmax(0,1fr)}}@media(max-width:360px){.nav-link{font-size:12px;gap:4px}.nav-link svg{width:14px}.lesson-steps button{font-size:11px;gap:4px}.lesson-page-heading h1{font-size:21px}.record-status{white-space:normal}.record-overview>div{padding:14px 9px}}.hand-scroll-tip{display:none;font-size:12px;color:#859a8b;margin:0 0 12px}@media(max-width:700px){.hand-scroll-tip{display:block}}@media(max-width:360px){.nav-link{flex-direction:column;gap:5px;width:auto;flex:1;min-width:0}.sidebar nav{gap:0;margin-top:14px}}.card-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0}.card-row .playing-card{flex-shrink:0}.hand-cards.wrapping{flex-wrap:wrap;overflow:visible;gap:12px;min-height:0;row-gap:27px}.chapter-filters,.tab-buttons{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 25px}.chapter-filters button,.tab-buttons button{border:1px solid #d6e3db;background:#fff;min-height:40px;border-radius:8px;padding:9px 13px;font-size:14px;display:flex;align-items:center;gap:7px}.chapter-filters .active,.tab-buttons .active{background:var(--green);color:#fff;border-color:var(--green)}.chapter-reading{padding:32px}.chapter-reading>.eyebrow{display:block;font-size:12px;line-height:1.8}.chapter-reading h2{font-size:25px;margin:15px 0 20px}.chapter-reading>p{font-size:16px;line-height:2;color:#627e70;margin:17px 0}.reading-example{margin:24px 0;padding:20px 24px;background:#f1f6f0;border-radius:12px}.reading-example p{font-size:14px;color:#6d8b75;line-height:1.9}.reading-page-dots{display:flex;gap:8px;margin:30px 0 23px}.reading-page-dots button{width:34px;height:34px;border-radius:50%;border:1px solid #dae4dd;background:#fff;font-size:13px}.reading-page-dots .current{background:#e1efe4;color:var(--green);border-color:#adcdb7}.chapter-outline{display:grid;gap:10px;margin-top:22px}.chapter-outline button{text-align:left;border:0;background:transparent;display:flex;gap:10px;align-items:flex-start;padding:10px 8px;border-radius:6px;font-size:14px;line-height:1.7;color:#799384}.chapter-outline .active{background:#eff5ed;color:var(--green)}.chapter-outline span{font-size:12px;color:#9aada0;margin-top:2px}.lab-surface{padding:32px;max-width:1040px;margin:0 auto}.lab-surface>h2{font-size:25px;margin-bottom:16px}.lab-surface>h3{font-size:18px;margin:28px 0 15px}.lab-surface p{font-size:16px;line-height:1.95;color:#668171}.pattern-stage{padding:30px;background:#edf5ee;border-radius:14px;min-height:255px}.pattern-stage>span{font-size:12px;color:#8fa696}.pattern-stage h3{font-size:20px;margin-top:24px}.pattern-stage p{margin-top:10px}.lesson-lab-footer{border-top:1px solid var(--line);margin-top:28px;padding-top:22px;display:flex;gap:18px;justify-content:space-between;align-items:center}.lesson-lab-footer>span{font-size:13px;line-height:1.8;color:#819989}.control-label{display:flex;align-items:center;gap:18px;margin:25px 0;font-size:15px}.control-label select,.inline-controls select{display:block;min-height:43px;min-width:100px;padding:9px 12px;border:1px solid #c9dcd0;border-radius:7px;background:#fff;color:var(--green);font-size:16px}.rank-line{display:flex;flex-wrap:wrap;gap:7px;align-items:center;background:#f1f6f0;border-radius:12px;padding:20px;margin:24px 0;font-size:21px;font-family:Georgia,serif;line-height:1.8}.rank-line small{color:#a3b3a6;font-size:16px;padding-left:5px}.rank-line .highlight{background:#cae3cc;color:#245f3c;border-radius:4px;padding:0 7px}.interpretations{margin:20px 0;border:1px solid #d5e5d9;border-radius:10px;padding:17px;min-width:0}.interpretations legend{font-size:14px;padding:0 7px;color:#62806a}.interpretations label{display:flex;align-items:start;gap:10px;padding:10px 0;font-size:15px;line-height:1.6;cursor:pointer}.interpretations small{display:block;font-size:13px;color:#8b9e90;margin-top:5px}.interpretations input{accent-color:var(--green);margin-top:5px;width:17px;height:17px;flex-shrink:0}.wild-explanation{padding:17px 20px;background:#edf5e9;border:1px solid #d2e2c7;border-radius:9px;margin:20px 0;color:#55763f;font-size:15px;line-height:1.9}.wild-explanation p{font-size:14px;margin-top:9px}.flow-lab-section{padding:26px 0;border-bottom:1px solid var(--line)}.flow-lab-section h3{font-size:18px;margin-bottom:18px}.flow-lab-section p+h3{margin-top:25px}.inline-controls{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin:20px 0}.inline-controls label{font-size:14px;color:#6d8777;display:flex;align-items:center;gap:12px}.calculation-result{padding:17px 21px;border-radius:8px;background:#edf5ee;margin:20px 0;font-size:18px;line-height:1.8;color:#35724d}.check-control{display:flex;align-items:center;gap:9px;font-size:14px;color:#708877;line-height:1.8}.check-control input{accent-color:var(--green);width:17px;height:17px;flex-shrink:0}.tribute-map{display:flex;gap:15px;margin:22px 0;flex-wrap:wrap}.tribute-map span{padding:16px 20px;border:1px solid #ccdfd2;border-radius:9px;background:#f5f9f2;font-size:16px}.grouped-hands{display:flex;gap:13px;flex-wrap:wrap;margin:25px 0}.group-chip{padding:13px;border:1px solid #d7e5d9;background:#f7faf4;border-radius:10px;text-align:left;color:#67816c}.group-chip>span{font-size:13px}.group-chip .card-row{gap:6px;margin:10px 0}.group-chip small{font-size:12px}.lab-surface .inline-message{margin:18px 0;text-align:left}.plan-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.plan-comparison>div{border:1px solid var(--line);padding:22px;border-radius:12px;min-width:0}.plan-comparison strong{font-size:26px;font-weight:500;color:var(--green);display:block;margin:16px 0}.plan-comparison h3{font-size:18px}.plan-groups{padding:10px 0}.plan-groups p{font-size:14px;overflow-wrap:anywhere}.plan-comparison .secondary{display:flex;margin-top:15px;width:100%}.strategy-scene{background:#eff5ef;border-radius:11px;padding:23px;margin:22px 0}.strategy-scene h3{font-size:20px;line-height:1.7;margin-bottom:13px}.strategy-scene .eyebrow{display:block;font-size:12px}.lab-surface>.feedback{margin-top:25px}.lab-surface>.feedback h3{margin-bottom:10px;font-size:18px}.study-task{padding:28px}.study-mode{display:flex;justify-content:space-between;align-items:center;color:#83a08b;font-size:13px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:24px}.study-mode b{font-family:Georgia,serif;font-size:21px;padding-left:5px;color:var(--green)}.previous-hand{background:#eaf3ed;border-radius:10px;padding:18px 21px;margin-bottom:25px}.previous-hand>span{font-size:13px;color:#62816d}.previous-hand .card-row{margin:14px 0 2px}.choice-list .answer-option{font-size:16px;line-height:1.9;padding:16px}.study-task .hand-top h3{font-size:15px}.guide-description{font-size:15px;line-height:1.9;color:#809286;margin-bottom:25px}.game-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.game-card{padding:25px;display:flex;flex-direction:column;align-items:start}.game-card h2{font-size:21px;margin:6px 0 14px}.game-card p{font-size:15px;color:#78917f;line-height:1.9}.game-card>.eyebrow{font-size:11px;letter-spacing:1px}.game-focus{font-size:12px;color:#92a398;margin:20px 0}.game-card>.primary{margin-top:auto;width:100%}.game-done{font-size:12px;display:flex;align-items:center;gap:7px;color:#448763;margin-top:16px}.demo-entry{display:flex;align-items:center;text-align:left;width:100%;gap:20px;margin-bottom:25px;padding:25px;color:var(--green)}.demo-entry h2{font-size:20px}.demo-entry p{font-size:14px;color:#8ca091;margin-top:7px}.demo-entry>svg:last-child{margin-left:auto;flex-shrink:0}.game-feedback{padding:18px 20px;background:#e8f2eb;border:1px solid #d9e8da;border-radius:10px;margin-top:17px;font-size:15px;line-height:1.9;color:#557c60;overflow-wrap:anywhere}.open-hands{margin-top:25px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:20px}.open-hands summary{font-size:14px;color:#6e8d76;cursor:pointer}.open-hands>div{padding:15px 0;border-bottom:1px solid #edf2ed}.open-hands>div:last-child{border-bottom:0}.open-hands strong{font-size:13px;color:#8ba092}.open-hands .card-row{margin-bottom:0;gap:7px}.action-history{margin-top:22px}.action-history ol{padding-left:20px;max-height:440px;overflow:auto;margin-bottom:0}.action-history li{font-size:13px;color:#7b9382;line-height:1.95;margin-bottom:11px;padding-left:3px}.game-recap{padding:26px;margin-top:25px}.game-recap h2{font-size:22px;margin-bottom:18px}.game-recap p{font-size:15px;color:#6f8979}.game-recap li{font-size:15px;line-height:1.9;color:#587960}.game-recap .pill{margin-bottom:17px}.guide-checklist{border:1px solid var(--line);border-radius:10px;padding:15px 20px;margin-top:25px;text-align:left}.guide-checklist p{font-size:14px;display:flex;align-items:center;gap:10px;line-height:2.2;color:#71947c}.chapter-checklist{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 25px}.chapter-checklist button{display:flex;align-items:center;gap:8px;border:1px solid #dbe5df;background:#fff;border-radius:7px;font-size:13px;color:#88a08d;padding:10px 12px}.chapter-checklist .done{color:var(--green);background:#edf5ec;border-color:#bcd8c0}.record-chapter{display:block;color:#8eaa97;font-size:12px;margin-top:3px}.course-card.course-complete{background:#f2f8ef}.quick-patterns{font-size:14px;line-height:1.9}.quick-patterns dt{color:#486e57;margin-top:13px}.quick-patterns dd{margin:4px 0 0;color:#85978a}.bomb-ladder{font-size:15px;line-height:2.2;background:#f0f6ed;padding:17px 20px;border-radius:10px;color:#5b7f62}.joker-label{position:absolute;top:9px;left:6px;font-family:-apple-system,sans-serif;font-size:12px;writing-mode:vertical-rl;letter-spacing:2px}.joker-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:serif;font-size:27px;font-weight:700}.joker-bottom{position:absolute;bottom:7px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:1px}.small .joker-label{font-size:9px;top:5px;left:4px;letter-spacing:0}.small .joker-center{font-size:22px}.small .joker-bottom{font-size:6px;bottom:5px}.table-played{max-width:100%;flex-wrap:wrap;gap:5px}.table-played .small{width:42px;height:61px}.table-played .small .card-corner{font-size:13px}.table-played .small .card-pip{font-size:23px}.table-center-label{line-height:1.5}@media(max-width:1200px){.game-list{grid-template-columns:1fr}.game-card{display:grid;grid-template-columns:1fr auto;column-gap:24px}.game-card>.eyebrow,.game-card h2,.game-card p,.game-card .game-focus{grid-column:1}.game-card>.primary{grid-column:2;grid-row:2/4;align-self:center;width:auto}.game-card .game-done{grid-column:2;grid-row:4;margin:0}.game-focus{margin-bottom:0}.lab-surface,.chapter-reading{padding:26px}}@media(max-width:700px){.chapter-reading,.lab-surface,.study-task{padding:22px 18px}.chapter-reading h2,.lab-surface>h2{font-size:22px;line-height:1.65}.chapter-reading>p,.lab-surface p{font-size:15px}.chapter-reading>.eyebrow{font-size:11px}.reading-example{padding:17px}.reading-example .card-row{gap:7px}.reading-example .playing-card,.pattern-stage .playing-card{width:57px;height:83px}.reading-example .card-corner,.pattern-stage .card-corner{font-size:18px}.reading-example .card-pip,.pattern-stage .card-pip{font-size:28px}.reading-example p{font-size:13px}.chapter-reading .hand-actions{flex-wrap:wrap}.chapter-reading .hand-actions .primary{flex-basis:65%}.lesson-page-heading>.muted{display:none}.tab-buttons,.chapter-filters{gap:7px;margin:18px 0 22px}.tab-buttons button,.chapter-filters button{font-size:13px;padding:9px 10px;min-height:40px}.pattern-stage{padding:22px 17px}.pattern-stage .card-row{gap:7px}.pattern-stage h3{font-size:19px}.lesson-lab-footer{flex-direction:column;align-items:stretch;gap:14px}.lesson-lab-footer .primary{width:100%;font-size:14px}.lesson-lab-footer>span{font-size:12px}.rank-line{padding:17px;font-size:18px;gap:5px}.rank-line small{font-size:13px;padding-left:2px}.card-row{gap:8px;row-gap:15px}.lab-surface>.card-row .playing-card{width:55px;height:81px}.lab-surface>.card-row .card-corner{font-size:17px}.lab-surface>.card-row .card-pip{font-size:27px}.inline-controls{gap:15px;align-items:stretch}.inline-controls label{justify-content:space-between;width:100%}.flow-lab-section h3{font-size:17px}.flow-lab-section .card-row .playing-card{width:52px;height:76px}.flow-lab-section .card-corner{font-size:17px}.flow-lab-section .card-corner span{font-size:12px}.flow-lab-section .card-pip{font-size:27px}.calculation-result{font-size:16px;padding:15px}.tribute-map{gap:9px}.tribute-map span{font-size:14px;padding:13px}.plan-comparison{grid-template-columns:1fr}.plan-comparison>div{padding:19px}.plan-comparison strong{font-size:24px}.grouped-hands{gap:9px}.group-chip{max-width:100%;padding:11px}.group-chip .card-row{gap:5px}.group-chip .playing-card.small{width:37px;height:54px}.group-chip .small .card-corner{font-size:12px}.group-chip .small .card-pip{font-size:21px}.study-task .choice-list .answer-option{font-size:15px;padding:13px}.interpretations{padding:13px}.interpretations label{font-size:14px}.interpretations small{font-size:12px}.study-task .hand-cards{column-gap:10px;row-gap:24px}.study-mode{font-size:12px}.previous-hand{padding:17px}.previous-hand .card-row{gap:7px}.guide-description{font-size:14px}.game-card{display:flex;padding:23px 21px}.game-card h2{font-size:21px}.game-card>.primary{width:100%;margin-top:20px}.game-card .game-done{margin-top:16px}.game-focus{margin-bottom:0}.demo-entry{gap:14px;padding:20px}.demo-entry h2{font-size:18px}.demo-entry p{font-size:13px}.demo-entry>svg:first-child{display:none}.game-feedback{padding:15px 17px;font-size:14px}.game-recap{padding:21px}.game-recap h2{font-size:20px}.game-recap .hand-actions{flex-wrap:wrap}.open-hands{padding:17px}.action-history ol{max-height:340px}.record-chapter{font-size:11px}.chapter-checklist{gap:7px}.chapter-checklist button{font-size:12px;padding:9px 10px}.table-played .small{width:32px;height:47px}.table-played .small .card-corner{font-size:10px;top:3px;left:3px}.table-played .small .card-corner span{font-size:8px}.table-played .small .card-corner.bottom{top:auto;left:auto;bottom:3px;right:3px}.table-played .small .card-pip{font-size:18px}.table-center{overflow:hidden}.table-center-label{font-size:10px}.table-center-hint{font-size:9px}.hand-cards.wrapping{padding-bottom:22px}}.chapter-scope-note{font-size:14px;line-height:1.8;color:#748e7d;margin:-6px 0 23px}.straight-primer{padding:18px 20px;margin:0 0 25px;border:1px solid #d5e4d7;border-radius:10px;background:#f3f8f0}.straight-primer h3{display:flex;gap:9px;align-items:center;font-size:16px;margin:0 0 12px}.straight-primer p{font-size:14px;color:#66826f;line-height:1.9;margin:9px 0}.straight-primer strong{font-weight:600;color:#416e50}.straight-primer small{display:block;font-size:12px;line-height:1.8;color:#869b89;margin-top:10px}.straight-verdicts{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.straight-verdicts span{font-size:12px;line-height:1.6;padding:6px 9px;background:#e5f1e3;color:#4e7854;border-radius:5px}.straight-verdicts .invalid{background:#fbefdf;color:#976b33}.straight-guide{margin:25px 0;padding:23px;border:1px solid #dce7de;border-radius:12px;background:#f8fbf6}.straight-guide h3{font-size:19px;line-height:1.7;margin:0 0 13px}.straight-guide h3:not(:first-child){margin-top:28px}.straight-guide .straight-intro{font-size:15px;line-height:1.95;color:#6c8574;margin:12px 0 20px}.straight-boundaries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.straight-boundaries article{padding:16px 14px;background:#fff;border:1px solid #d8e6da;border-radius:10px;min-width:0}.straight-boundaries article.invalid{border-color:#e5d6bf;background:#fffaf2}.straight-result{display:flex;align-items:flex-start;gap:5px;font-size:12px;line-height:1.7;color:#4f885c;min-height:41px}.straight-result svg{flex-shrink:0;margin-top:2px}.invalid .straight-result{color:#a37e45}.rank-tiles{display:flex;gap:4px;margin:13px 0 18px}.rank-tiles span{display:grid;place-items:center;flex:1;min-width:0;height:43px;font-size:22px;font-family:Georgia,serif;border-radius:5px;background:#eff4ed;color:#54775d}.rank-tiles .ace{background:#dcead6;color:#2e683e;font-weight:700}.invalid .rank-tiles .ace{background:#f4e3c9;color:#96713a}.straight-boundaries h4{font-size:14px;line-height:1.8;margin:0 0 8px;font-weight:600}.straight-guide .straight-boundaries p{font-size:13px;line-height:1.9;color:#7c9080;margin:0}.straight-guide .straight-boundary-note{font-size:14px;line-height:1.9;color:#748d7a;margin:18px 0}.straight-guide .straight-scope{font-size:12px;line-height:1.9;color:#8c9f90;border-top:1px solid #e0eadd;padding-top:14px;margin:20px 0 0}.straight-order{padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:20px 0}.straight-order li{min-width:0}.straight-order button{display:grid;grid-template-columns:22px 1fr 42px;gap:10px;align-items:center;width:100%;padding:13px 12px;border:1px solid #d8e4db;border-radius:8px;background:#fff;text-align:left}.straight-order button[aria-pressed=true]{background:#e7f2e6;border-color:#99bea1}.order-number{color:#9aae9e;font-size:12px}.order-ranks{display:flex;justify-content:space-around;gap:5px;font-size:19px;font-family:Georgia,serif;min-width:0}.order-ranks .last-rank{font-weight:700;color:#216646}.straight-order small{font-size:12px;color:#7b9282;text-align:right}.straight-preview{background:#fff;border:1px solid #dce8de;border-radius:9px;padding:18px 20px}.straight-preview .card-row{margin:0 0 14px}.straight-guide .straight-preview p{font-size:14px;line-height:1.9;color:#5e8167;margin:0}.exercise-level-help{position:relative;color:#6b8c76}.exercise-level-help summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none;white-space:nowrap;font-size:13px}.exercise-level-help summary::-webkit-details-marker{display:none}.exercise-level-help p{position:absolute;right:0;top:100%;width:280px;max-width:calc(100vw - 70px);padding:16px 18px;margin:12px 0;z-index:5;background:#fff;border:1px solid #ccdcd0;border-radius:9px;box-shadow:0 8px 24px #143f231f;font-size:14px;line-height:1.9;color:#66836f;white-space:normal}@media(max-width:1100px){.straight-boundaries{grid-template-columns:1fr}.straight-result{min-height:0}.rank-tiles{max-width:255px}.straight-order{grid-template-columns:1fr}}@media(max-width:700px){.straight-primer{padding:16px 14px}.straight-primer h3{font-size:15px;line-height:1.7;align-items:flex-start}.straight-primer h3 svg{flex-shrink:0;margin-top:4px}.straight-primer p{font-size:14px}.chapter-scope-note{font-size:13px}.straight-guide{padding:18px 14px;margin:23px 0}.straight-guide h3{font-size:17px}.straight-guide .straight-intro{font-size:14px}.straight-boundaries article{padding:16px}.straight-boundaries h4{font-size:15px}.straight-guide .straight-boundaries p{font-size:14px}.straight-order button{gap:7px;padding:12px 9px;grid-template-columns:20px 1fr 38px}.order-ranks{font-size:17px;gap:4px}.straight-order small{font-size:11px}.straight-preview{padding:16px 12px}.straight-preview .card-row{gap:7px}.straight-preview .playing-card.small{width:37px;height:54px}.straight-preview .small .card-corner{font-size:12px}.straight-preview .small .card-pip{font-size:21px}.straight-guide .straight-boundary-note{font-size:13px}.exercise-level-help summary{font-size:12px}}.concept-primer{padding:20px 23px;margin:0 0 24px;border:1px solid #d8e5da;border-radius:12px;background:#f2f7ef}.concept-primer>h3{font-size:15px;line-height:1.8;color:#63826b;margin:0 0 13px;font-weight:550}.concept-primer dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));column-gap:24px;row-gap:17px;margin:0}.concept-primer dl>div{min-width:0}.concept-primer dt{font-size:16px;font-weight:600;line-height:1.8;color:#315f42;margin-bottom:7px}.concept-primer dd{margin:0;font-size:14px;line-height:1.95;color:#698370}.concept-primer dd>span{display:block;margin-top:7px;color:#879a89;font-size:13px;line-height:1.9}.lab-surface>.concept-primer{margin-top:22px;margin-bottom:27px}.flow-lab-section>.concept-primer{margin:18px 0 24px}.guide-description+.concept-primer{margin-top:18px}@media(max-width:700px){.concept-primer{padding:18px 17px;margin-bottom:23px}.concept-primer dl{grid-template-columns:1fr;gap:17px}.concept-primer dt{font-size:15px}.concept-primer dd{font-size:14px}.concept-primer>h3{font-size:14px}.concept-primer dd>span{font-size:13px}.flow-lab-section>.concept-primer{padding:16px 14px}}.intro-rank-order{font-family:Georgia,Times New Roman,serif;font-size:19px;line-height:2.1;color:var(--green);padding:13px 15px;margin:18px 0;background:#f0f6ec;border-radius:8px;overflow-wrap:anywhere}.table-with-history{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:16px;align-items:stretch}.table-with-history>*{min-width:0}.play-history.action-history{margin:0;background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;max-height:340px;overflow:hidden}.play-history header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 15px 0}.play-history header>div{display:flex;align-items:center;gap:7px;color:#52785f}.play-history h3{font-size:15px;margin:0}.play-history header>span{font-size:11px;color:#94a699;white-space:nowrap}.play-history .play-history-caption{font-size:11px;line-height:1.7;color:#92a196;padding:7px 15px 11px;margin:0;border-bottom:1px solid #edf1ed}.history-scroll{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;min-height:0;flex:1;padding:0 13px}.play-history ol{list-style:none;margin:0;padding:0;max-height:none;overflow:visible}.play-history li{padding:12px 2px;margin:0;border-bottom:1px solid #edf2ed;line-height:1.7}.play-history li:last-child{border-bottom:0}.history-who{display:flex;align-items:center;justify-content:space-between;gap:8px}.history-who strong{font-size:13px;font-weight:600;color:#476951}.history-who small{font-size:10px;font-weight:400;color:#91a197;margin-left:5px}.history-who>span{font-size:10px;color:#9caaa0}.history-action-label{font-size:12px;color:#748a7b;margin-top:4px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.history-action-label em{font-size:10px;color:#438155;background:#e8f2e4;border-radius:4px;padding:1px 5px;font-style:normal}.history-cards{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.history-cards .playing-card.small{width:34px;height:48px;border-radius:4px;box-shadow:0 1px 3px #28483714}.history-cards .small .card-corner{font-size:11px;top:3px;left:3px}.history-cards .small .card-corner span{font-size:8px;margin-top:1px}.history-cards .small .card-corner.bottom{top:auto;left:auto;bottom:3px;right:3px}.history-cards .small .card-pip{font-size:18px}.history-cards .small .joker-label{font-size:8px}.history-cards .small .joker-center{font-size:19px}.history-cards .small .joker-bottom{display:none}.play-history li>p{font-size:11px;line-height:1.8;color:#93a28f;margin:7px 0 0}.play-history .history-round,.play-history .history-finish,.play-history .history-end{padding:11px 2px;background:#f6f9f2}.history-round>strong,.history-finish>strong,.history-end>strong{font-size:12px;color:#6c8661;font-weight:550}.history-round>p,.history-finish>p,.history-end>p{margin-top:3px!important}.play-history .current-play{border-left:3px solid #6fa480;margin-left:-7px;padding-left:7px;background:#f5faf1}.play-history .history-empty{font-size:12px;line-height:1.9;color:#98a697;padding:17px 1px;margin:0}.history-toggle{border:0;border-top:1px solid #e2e9e2;background:#f8fbf5;color:#67806c;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;font-size:12px;width:100%}.history-scroll:focus-visible{outline:2px solid #97b989;outline-offset:-2px}@media(min-width:1600px){.play-history.action-history{max-height:390px}}@media(max-width:1399px){.table-with-history{grid-template-columns:1fr}.play-history.action-history{max-height:280px}.play-history header{padding-top:13px}.history-scroll{max-height:205px}.history-cards{display:inline-flex;margin:4px 0 0}.history-who{display:inline-flex;gap:12px;margin-right:13px;vertical-align:top}.history-action-label{display:inline-flex;margin:0 10px 0 0;vertical-align:top}.play-history li{padding-top:10px;padding-bottom:10px}.play-history .history-pass{min-height:39px}}@media(max-width:700px){.table-with-history{gap:12px}.play-history.action-history{border-radius:12px;max-height:258px}.history-scroll{max-height:180px}.play-history h3{font-size:14px}.play-history header>span{font-size:11px}.play-history .play-history-caption{font-size:11px;padding-top:5px;padding-bottom:8px}.history-who{min-width:120px;margin-right:8px}.history-action-label{font-size:12px}.history-cards{display:flex}.history-toggle{min-height:40px}.history-cards .playing-card.small{width:35px;height:49px}}.history-who strong{font-size:14px}.history-action-label{font-size:13px}.history-pass .history-action-label{font-size:14px}.history-cards .playing-card.small{width:40px;height:57px}.history-cards .small .card-corner{font-size:13px}.history-cards .small .card-corner span{font-size:9px}.history-cards .small .card-pip{font-size:21px}.play-history li{padding-top:8px;padding-bottom:8px}.play-history .history-play:not(.wide-hand){display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who cards" "action cards" "detail detail";column-gap:8px;align-items:start}.history-play:not(.wide-hand) .history-who{grid-area:who;display:flex;flex-wrap:wrap;min-width:0;margin:0;column-gap:5px;row-gap:0}.history-play:not(.wide-hand) .history-who strong{white-space:nowrap}.history-play:not(.wide-hand) .history-who>span{white-space:nowrap}.history-play:not(.wide-hand) .history-action-label{grid-area:action;margin:2px 0 0;gap:5px}.history-play:not(.wide-hand) .history-cards{grid-area:cards;margin:0;display:flex;flex-wrap:nowrap}.history-play:not(.wide-hand)>p{grid-area:detail}.play-history .history-pass{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.history-pass .history-who{display:flex;min-width:0;margin:0;justify-content:flex-start;gap:10px}.history-pass .history-action-label{margin:0;white-space:nowrap}.play-history .history-round,.play-history .history-finish,.play-history .history-end{padding-top:8px;padding-bottom:8px}.lesson-steps{gap:clamp(10px,2vw,28px);overflow-x:auto;scrollbar-width:thin}.lesson-steps button{min-height:44px}.micro-check{margin:20px 0 22px;padding:22px;background:#f3f8f3;border:1px solid #d6e6d9;border-radius:12px}.micro-check .eyebrow{font-size:11px;letter-spacing:.5px}.micro-check .micro-intro{color:#365a49;line-height:1.9;margin:8px 0 20px;font-size:16px}.micro-check h3{font-size:18px;margin-bottom:14px}.micro-check .choice-list{margin-bottom:18px}.micro-check .hand-cards{min-height:0;padding:20px 3px}.micro-check .inline-message{text-align:left;margin-top:16px}.reading-detail{border-top:1px solid var(--line);padding-top:16px;margin:18px 0}.reading-detail>summary,.inline-primer>summary{cursor:pointer;color:#426e58;font-size:14px;min-height:44px;display:flex;align-items:center;gap:10px}.reading-detail>summary:before,.inline-primer>summary:before{content:"＋"}.reading-detail[open]>summary:before,.inline-primer[open]>summary:before{content:"−"}.reading-detail>p{color:#60786b;font-size:15px;line-height:1.9;margin:14px 0}.inline-primer{margin:0 0 16px;border:1px solid var(--line);border-radius:10px;padding:0 16px;background:#fff}.inline-primer .concept-primer{margin:8px 0 16px}.selftest-links{display:flex;gap:10px;flex-wrap:wrap;padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:24px}.selftest-links>strong{flex-basis:100%;font-size:15px}.self-test{max-width:900px;margin:12px auto;padding:30px}.self-test h1{font-size:27px;margin-bottom:12px}.self-test>p{color:#62786b;font-size:15px}.selftest-policy{background:#eef4ef;border-radius:9px;padding:13px 17px;margin:20px 0;font-size:14px;line-height:1.8}.self-test .exercise-strip{margin-top:26px}.self-test h2{font-size:21px;margin:18px 0}.test-options{border:0;margin:24px 0;padding:0;min-width:0}.test-options legend{font-size:15px;font-weight:600;margin-bottom:6px}.self-test>small{display:block;color:#657e6e;line-height:1.8;margin-top:16px}.test-result{border-top:1px solid var(--line);padding:24px 0}.test-result .pill{margin-bottom:13px}.test-result p{font-size:14px;line-height:1.9;margin-top:12px;color:#55715f}.assessment-records{padding:25px;margin-top:24px}.assessment-records>p{font-size:14px;color:#657e6e;margin-top:9px}.assessment-record{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.assessment-record:last-child{border:0}.assessment-record strong{font-size:15px}.assessment-record p{font-size:13px;color:#678273;margin-top:7px}.assessment-record button{flex-shrink:0}.resume-detail{font-weight:600;color:#376549!important}.table-aside{display:flex;flex-direction:column;gap:16px;min-width:0}.table-aside .play-history{height:auto;max-height:460px;min-height:180px}.table-aside .history-scroll{max-height:330px;flex:1}.table-aside .coach-panel{padding:20px}.table-aside .coach-heading{margin-bottom:16px;padding-bottom:15px}.table-aside .coach-note{margin-top:15px}.table-aside .hint-area{margin-top:16px}.history-review-button{border:0;background:#eaf3ec;color:#315e48;font-size:11px;padding:7px 9px;border-radius:6px;display:block;margin:0 0 8px;min-height:32px}.history-review-button[aria-pressed=true]{background:#176b52;color:#fff}.play-history li.selected-history{box-shadow:inset 3px 0 #377d60;background:#edf6ee}.review-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;background:#fff4d7;border:1px solid #e9d799;border-radius:10px;margin-bottom:14px;font-size:14px;line-height:1.7;color:#735720}.review-banner button{flex-shrink:0}fieldset.demo-controls{border:0;border-top:1px solid var(--line);margin:16px 0 0;min-width:0;flex-wrap:wrap}fieldset.demo-controls:disabled{opacity:.6}.game-layout .teaching-table,.training-layout .teaching-table,.demo-layout .teaching-table{height:285px}.game-layout .position-0,.training-layout .position-0,.demo-layout .position-0{bottom:29px}.game-layout .position-2,.training-layout .position-2,.demo-layout .position-2{top:24px}.game-layout .table-center,.training-layout .table-center,.demo-layout .table-center{top:75px;right:75px;bottom:73px;left:75px;gap:7px}.game-layout .table-played,.training-layout .table-played,.demo-layout .table-played{min-height:78px;max-width:100%;flex-wrap:wrap;gap:4px}.game-layout .table-played .playing-card,.training-layout .table-played .playing-card,.demo-layout .table-played .playing-card{width:54px;height:78px}.game-layout .table-played .playing-card.small{width:34px;height:49px}.game-layout .hand-panel,.training-layout .hand-panel{margin-top:10px;padding:17px 18px}.game-layout .hand-cards,.training-layout .hand-cards{min-height:0;padding:20px 3px 13px}.game-layout .hand-actions,.training-layout .hand-actions{margin-top:12px}.game-layout .game-feedback{padding:10px 15px;margin-top:10px;font-size:14px}.training-layout .table-with-history,.demo-layout .table-with-history{display:block}.demo-layout .demo-caption{padding:17px 3px}@media(min-width:951px){.game-layout,.training-layout,.demo-layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px}}@media(max-width:950px){.table-aside{margin-top:4px}.table-aside .play-history{max-height:340px}.table-aside .history-scroll{max-height:240px}.game-layout>.table-aside,.training-layout>.table-aside{order:2}}@media(max-width:700px){.self-test{padding:20px 16px}.micro-check{padding:17px 14px}.micro-check .choice-list .answer-option{font-size:14px;padding:12px}.self-test h1{font-size:23px}.lesson-steps{gap:15px}.lesson-steps button{font-size:12px;gap:6px}.selftest-links{padding:16px}.assessment-record{align-items:start}.review-banner{flex-wrap:wrap}.assessment-records{padding:20px 16px}.game-layout .table-center,.training-layout .table-center,.demo-layout .table-center{top:79px;right:62px;bottom:77px;left:62px}.game-layout .hand-actions{position:sticky;bottom:8px;background:#fff;padding:8px;box-shadow:0 2px 16px #123e2320;border-radius:10px;z-index:5}.table-aside .play-history.action-history{max-height:340px}}.game-heading{margin-bottom:12px}.game-heading+.guide-description{margin-bottom:15px}.game-layout .teaching-table{height:265px}.game-layout .hand-cards{padding-top:15px}.game-layout .table-center{top:70px;right:75px;bottom:68px;left:75px}.game-layout .position-0{bottom:26px}.game-layout .table-aside>.inline-primer{margin:0}@media(min-width:951px){.table-aside .play-history .history-who{display:flex;justify-content:space-between;margin:0 0 5px;min-width:0}.table-aside .play-history .history-action-label{display:flex;margin:0 0 6px}.table-aside .history-review-button{width:auto;margin:0 0 8px}.table-aside .play-history li{display:block}.table-aside .history-cards{display:flex;position:static;margin-top:5px}}.choice-feedback{margin-top:20px}.choice-feedback h3{margin-bottom:9px}.choice-feedback p{line-height:1.9;font-size:15px}.content-update-note{padding:12px 16px;background:#f2f5e9;border:1px solid #dbe3c9;border-radius:8px;font-size:13px;color:#53673e;line-height:1.8;margin-bottom:18px}.table-help{padding:13px 17px;background:#fff;border:1px solid var(--line);border-radius:12px;margin:0 0 20px;min-width:0}.table-help summary{cursor:pointer;font-size:14px;font-weight:600;color:#416856;line-height:1.8}.table-help summary small{display:block;font-weight:400;color:#778b80;font-size:11px;margin-top:4px}.table-help p{font-size:13px;color:#5e7568;line-height:1.9;margin-top:14px}.table-help strong{color:#365f4b}.table-aside .table-help{margin:0}.record-directory-link{display:flex;gap:16px;align-items:center;margin:20px 0;font-size:13px;color:#607b6c;flex-wrap:wrap}.archived-results{padding:20px 24px;margin-top:26px}.archived-results summary{cursor:pointer;font-weight:600;color:#597348}.archived-results p{font-size:13px;line-height:1.8;margin-top:12px;color:#65816e}.motion-speed{display:flex;align-items:center;gap:9px;color:#607d6b;font-size:12px}.motion-speed select{border:1px solid #cdded2;border-radius:7px;background:#fff;color:#38634c;padding:8px 10px;min-height:36px;font:inherit;max-width:145px}.teaching-table{--deal-duration:.65s;--card-duration:.45s;--turn-duration:.35s;--deal-x:0px;--deal-y:0px}.teaching-table.slow-motion{--deal-duration:975ms;--card-duration:675ms;--turn-duration:525ms}.table-played{position:relative}.dealt-hand,.previous-table-hand{display:flex;justify-content:center;align-items:center;gap:4px;flex-wrap:wrap;max-width:100%}.dealt-hand{position:relative;z-index:2;transform-origin:center}.dealt-card{display:inline-flex}.previous-table-hand{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;animation:table-old-away .34s ease both}.deal-enter{animation:table-deal var(--deal-duration) cubic-bezier(.18,.72,.22,1) both;will-change:transform,opacity}.deal-enter .dealt-card{animation:table-card-settle var(--card-duration) ease-out both;animation-delay:calc(var(--card-index) * 20ms)}.table-in-motion .acting .seat-avatar{box-shadow:0 0 0 6px #f0d88922;outline-color:#f3d68a}.table-seat .seat-avatar{transition:box-shadow var(--turn-duration),outline-color var(--turn-duration)}.seat-pass-bubble{position:absolute;z-index:6;top:-24px;left:50%;transform:translate(-50%);padding:4px 10px;border-radius:14px;background:#fff6dc;color:#705b25;font-size:12px;font-weight:650;white-space:nowrap;animation:pass-notice .5s ease-out both;box-shadow:0 2px 9px #173e2e22}.position-2 .seat-pass-bubble{top:38px}.position-1 .seat-pass-bubble{left:auto;right:0;transform:none}.position-3 .seat-pass-bubble{left:0;transform:none}.clearing-hand{animation:table-trick-clear .6s ease both}.lead-arriving{animation:table-lead-in .85s ease both}.table-transition-note{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:8;padding:7px 13px;max-width:90%;border:1px solid #dcd6a1;border-radius:7px;background:#f8f1d5;color:#566031;text-align:center;font-size:12px;line-height:1.6;box-shadow:0 4px 12px #132f2529;animation:table-note-in .3s ease-out both}.table-transition-note.is-finish{background:#e2efd8;border-color:#baceaa}.table-in-motion .table-mode{opacity:.25}@keyframes table-deal{0%{opacity:0;transform:translate(var(--deal-x),var(--deal-y)) scale(.65) rotate(-5deg)}30%{opacity:1}82%{transform:translateY(-3px) scale(1.015) rotate(0)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes table-card-settle{0%{transform:rotate(-3deg)}to{transform:rotate(0)}}@keyframes table-old-away{to{opacity:0;transform:translateY(-15px) scale(.93)}}@keyframes table-trick-clear{0%{opacity:1}30%{opacity:.7}to{opacity:0;transform:translateY(-28px) scale(.65)}}@keyframes table-lead-in{0%,45%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pass-notice{0%{opacity:0;margin-top:8px}to{opacity:1;margin-top:0}}@keyframes table-note-in{0%{opacity:0;margin-top:-5px}to{opacity:1;margin-top:0}}@media(max-width:700px){.choice-feedback{padding:16px}.motion-speed{flex-basis:100%;justify-content:flex-end}.table-transition-note{font-size:11px;min-width:210px;max-width:95%;padding:6px 9px}.game-layout .table-center{top:70px;right:60px;bottom:66px;left:60px}.dealt-hand{gap:3px}.table-help{padding:12px 14px}}@media(prefers-reduced-motion:reduce){.teaching-table *{animation:none!important;transition:none!important}.previous-table-hand{display:none}.dealt-hand{transform:none!important}.lead-arriving{opacity:1}}.question-cards{margin:18px 0 22px;flex-wrap:wrap}.table-transition-note{top:50%;transform:translate(-50%,-50%);font-weight:600}.table-in-motion:has(.table-transition-note) .table-center{opacity:.18;transition:opacity .15s}.position-2 .seat-pass-bubble{top:-18px;left:100%;transform:none;margin-left:8px}.pass-a-guide{margin:20px 0;padding:20px;background:#f4f8ef;border:1px solid #d9e5cf;border-radius:12px}.pass-a-guide h3{font-size:17px;margin-bottom:15px}.pass-a-guide table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.pass-a-guide th,.pass-a-guide td{padding:10px 9px;border-bottom:1px solid #dce5d7;line-height:1.6}.pass-a-guide th{color:#537447;font-weight:600}.pass-a-guide td:last-child{font-weight:600;color:#286349}.pass-a-guide p{font-size:14px!important;line-height:1.9;margin:13px 0 0!important;color:#48644f!important}@media(max-width:700px){.pass-a-guide{padding:16px 12px}.pass-a-guide th,.pass-a-guide td{font-size:12px;padding:9px 5px}.pass-a-guide h3{font-size:16px}}
