/* Learning uses the existing felt, paper, brass and card geometry. */
.tutorial-page{margin:0;padding:0 24px 28px;background:#f7f1e3;color:#0b2e24;font:15px/1.6 system-ui,sans-serif;min-width:280px}
.tutorial-page *{box-sizing:border-box}.tutorial-page [hidden]{display:none!important}
.tutorial-page-header{max-width:1120px;margin:auto;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.tutorial-page-header>a{font:600 32px Georgia,serif;letter-spacing:-1px;text-decoration:none;color:inherit}.tutorial-page-header>a span{font:10px system-ui;letter-spacing:2px;margin-left:16px}
.tutorial-page-header button{min-height:44px;padding:10px 18px;background:none;border:1px solid #9d967f;border-radius:8px;color:#0b2e24;font:inherit}
.tutorial-page main{max-width:1120px;margin:auto}.tutorial-loading{min-height:360px;display:grid;place-content:center;text-align:center}
.tutorial{--card-width:72px}.tutorial h1{font:500 31px/1.18 Georgia,serif;margin:12px 0 18px;letter-spacing:-.4px}.tutorial p{line-height:1.65;margin:14px 0}.tutorial a{text-decoration:none}.tutorial button{cursor:pointer}.tutorial button:disabled{opacity:1;color:#a8b3a8;border-color:#596951;background:#24483a;cursor:default}.tutorial h1:focus{outline:none}
.tutorial-toolbar{display:flex;align-items:center;gap:12px;min-height:58px;padding:8px 24px;border-bottom:1px solid #46604c;font-size:11px;letter-spacing:.05em}.tutorial-toolbar>a{margin-left:auto}.tutorial-toolbar>span{color:#d9bd7b}.tutorial-toolbar button,.tutorial-toolbar a{font-size:12px;padding:6px 12px;min-height:40px}
.tutorial-menu{display:grid;grid-template-columns:1.05fr 1fr;min-height:610px}.tutorial-intro{padding:56px 48px;border-right:1px solid #46604c}.tutorial-intro h1{font-size:58px;margin-bottom:18px}.tutorial-intro>p:first-of-type{font-size:21px;line-height:1.5;color:#e5e6d9}.tutorial-kicker,.tutorial-section-label{color:#dfc580;font-size:10px;font-weight:600;letter-spacing:.12em}.tutorial-intro-cards{display:flex;gap:12px;margin:30px 0}.tutorial-intro-cards>span{display:block;width:76px;height:107px;border-radius:5px;overflow:hidden;box-shadow:0 8px 18px #0004}.tutorial-intro-cards img{width:100%;height:100%}.tutorial-intro>a{display:block;width:max-content;margin-top:12px;background:none;border:0;padding-left:0;color:#d3d8c9;font-size:12px}
.tutorial-syllabus{padding:50px 36px}.tutorial-syllabus>h2{font:500 23px Georgia,serif;margin:0 0 24px}.tutorial-lessons{display:grid}.tutorial-lessons button{display:flex;justify-content:flex-start;text-align:left;gap:17px;min-height:59px;padding:12px 0;border:0;border-bottom:1px solid #365544;border-radius:0;background:none;font-size:14px}.tutorial-lessons button[aria-current]{color:#fbe5ab}.tutorial-ordinal{font:12px monospace;color:#d9bd7b;min-width:22px}.tutorial-syllabus>button{margin-top:28px}.tutorial-muted{font-size:12px;color:#c6d0bd}
.tutorial-layout{display:grid;grid-template-columns:clamp(260px,32%,360px) minmax(0,1fr);min-height:650px}.tutorial-guide{padding:30px 28px;border-right:1px solid #46604c}.tutorial-guide>p{font-size:14px;color:#e0e3d5}.tutorial-help{display:flex;gap:8px;margin:20px 0 10px}.tutorial-help button{font-size:12px;min-height:44px}.tutorial-feedback{min-height:66px;font-size:13px;color:#f2deb1;padding:12px 0;line-height:1.6}.tutorial-feedback.is-correct{border-top:1px solid #55704d;color:#c9e6ca}.tutorial-desktop-progress{margin-top:28px}.tutorial-desktop-progress .tutorial-lessons button{font-size:12px;min-height:41px;padding:8px 0}.tutorial-choices{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.tutorial-choices button{flex:1 1 40%;font-weight:600;min-height:48px}
.tutorial-table-zone{padding:24px 24px 28px;min-width:0}.tutorial-table-meta{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:11px;color:#cbd5c2}.tutorial-table-meta strong{font-weight:500;color:#efd695}.tutorial .match-board{max-width:380px;margin:22px auto 0}.tutorial .match-seat{min-height:50px}.tutorial .match-felt{inset:15% 12%}.tutorial .match-trick{inset:14%}.tutorial .match-play{width:60px;height:84px}.tutorial .match-winner{bottom:-4%;font-size:12px}.tutorial .match-hand{height:126px;margin:10px auto 0}.tutorial .match-hand-card{width:72px;height:101px}.tutorial .match-hand-card:disabled{background:#f7f1e3;color:#163426;opacity:1}.tutorial .match-hand-card{z-index:calc(var(--card-index) + 1)}.tutorial .match-hand-card[aria-pressed=true]{z-index:calc(var(--card-index) + 1)}.tutorial .match-hand-card.tutorial-legal{border-top:4px solid #f3d484!important}.tutorial .match-hand-card:focus-visible{outline-offset:1px}.tutorial-play{margin:10px auto 0;max-width:490px;text-align:center}.tutorial-play>button{width:100%;min-height:48px}.tutorial-play small{display:block;margin:8px 0;color:#c8d1bd;font-size:11px}
.tutorial-question-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;text-align:center;padding:40px;color:#d2c79f}.tutorial-suit{font:210px/1 Georgia,serif;color:#b3995766}.tutorial-question-art>span:last-child{max-width:27ch;font:24px/1.5 Georgia,serif}
.tutorial-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #46604c;padding:12px 24px;font-size:11px;color:#c2ccb9}.tutorial-footer a{background:none;border:0;min-height:36px;font-size:11px;padding:6px 0}.tutorial-storage{padding:14px 24px;background:#314a35;font-size:13px}.tutorial-storage button{margin-left:10px}
.tutorial-finish{max-width:650px;margin:auto;padding:64px 36px;text-align:center;min-height:500px}.tutorial-finish h1{font-size:40px}.tutorial-finish>button,.tutorial-finish>a{margin:8px 5px}.tutorial-scores{margin:28px 0;text-align:left}.tutorial-scores>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #46604c}.tutorial-scores dd{margin:0;color:#d0d9c8}.tutorial-scores strong{display:inline-block;min-width:55px;text-align:right;font:22px monospace;color:#f4d794}
.tutorial-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.tutorial-invitation{display:flex;align-items:center;gap:14px;padding:14px 18px;margin-bottom:20px;border:1px solid #b4b99f;border-radius:10px;background:#ecebdc;color:#123b2d}.tutorial-invitation p{margin:0 auto 0 0;font-size:13px}.tutorial-invitation strong{display:block;font:600 18px Georgia,serif;margin-bottom:4px}.tutorial-invitation a,.tutorial-invitation button{padding:10px 12px;min-height:44px;border:1px solid #71846b;background:none;border-radius:7px;font:12px system-ui;text-decoration:none;color:#123b2d}.tutorial-invitation a{background:#123b2d;color:#f7f1e3}
@media(max-width:767px){.tutorial-page{padding:0 10px 16px}.tutorial-page-header{min-height:66px}.tutorial-page-header>a{font-size:27px}.tutorial-page-header>a span{display:none}.tutorial-page-header button{font-size:12px;min-height:42px;padding:8px 12px}.tutorial{border-radius:12px}.tutorial-toolbar{padding:8px 12px;gap:6px}.tutorial-toolbar>span{font-size:9px;letter-spacing:.02em}.tutorial-toolbar>a,.tutorial-toolbar button{font-size:11px;padding:6px 9px}.tutorial-menu{display:block}.tutorial-intro{padding:30px 24px;border-right:0;border-bottom:1px solid #46604c}.tutorial-intro h1{font-size:43px}.tutorial-intro>p:first-of-type{font-size:18px}.tutorial-intro-cards{margin:22px 0}.tutorial-syllabus{padding:26px 24px}.tutorial-layout{display:flex;flex-direction:column;min-height:0}.tutorial-guide{padding:20px 18px 8px;border-right:0;border-bottom:1px solid #46604c}.tutorial h1{font-size:25px;margin:8px 0 12px}.tutorial-guide>p{font-size:13px;margin:10px 0}.tutorial-help{margin:10px 0 0}.tutorial-help button{padding:6px 12px}.tutorial-feedback{min-height:0;padding:10px 0;font-size:12px}.tutorial-feedback:empty{display:none}.tutorial-guide>.match-primary{margin-bottom:12px}.tutorial-desktop-progress{display:none}.tutorial-table-zone{padding:14px 12px 20px}.tutorial-table-meta{font-size:10px}.tutorial .match-board{max-width:285px;margin:14px auto 0}.tutorial .match-seat{min-height:38px;width:94px;padding:5px 4px;gap:1px}.tutorial .match-seat-left,.tutorial .match-seat-right{width:66px}.tutorial .match-seat strong{font-size:9px}.tutorial .match-seat small{font-size:9px}.tutorial .match-felt{inset:13% 8%;border-width:7px}.tutorial .match-play{width:48px;height:67px}.tutorial .match-trick{inset:17% 14%}.tutorial .match-winner{bottom:-10%;font-size:10px}.tutorial .match-hand{height:119px;margin-top:8px}.tutorial-hands .match-hand+.match-hand{margin-top:-4px}.tutorial-question-art{display:none}.tutorial-choices{margin:15px 0}.tutorial-footer{padding:10px 14px;gap:0}.tutorial-footer a{padding:6px 0}.tutorial-finish{padding:38px 20px}.tutorial-finish h1{font-size:31px}.tutorial-invitation{flex-wrap:wrap;gap:9px;padding:14px}.tutorial-invitation p{flex:1 1 100%}.tutorial-invitation a,.tutorial-invitation button{flex:1;text-align:center}}
@media(prefers-reduced-motion:reduce){.tutorial *{transition:none!important;scroll-behavior:auto!important}}.tutorial[data-reduced=true] *{transition:none!important}