.tutorial-hub{max-width:1120px;margin:auto;padding:48px 28px 80px}.tutorial-hub header{max-width:740px;margin:42px 0 26px}.tutorial-hub h1{font-size:clamp(30px,4vw,48px);line-height:1.35}.tutorial-hub p{font-size:18px;line-height:1.8}.tutorial-start-actions{display:flex;gap:12px;margin:24px 0}.tutorial-start-actions button{padding:16px 30px;font-size:19px}.tutorial-chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0 32px}.tutorial-chapters button{text-align:left;display:flex;flex-direction:column;gap:10px;padding:24px;min-height:160px}.tutorial-chapters button>span{font-size:28px;color:#8a774b}.tutorial-chapters strong{font-size:19px}.tutorial-chapters small{font-size:15px}.tutorial-table{padding-right:368px!important;max-width:none!important}.tutorial-coach{position:fixed;right:14px;top:105px;width:334px;max-height:calc(100dvh - 125px);overflow:auto;z-index:45;border:2px solid #a69054;background:#fffaf0;color:#393133;box-shadow:0 12px 36px #0003;border-radius:16px;padding:18px;box-sizing:border-box;font-size:16px}.coach-top{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:13px;color:#61695e}.coach-top button{padding:5px 10px;font-size:13px;white-space:nowrap;min-height:44px}.tutorial-coach h2{font-size:22px;line-height:1.4;margin:14px 0}.coach-body>p{font-size:16px;line-height:1.8;margin:10px 0}.coach-action{display:flex;flex-direction:column;gap:10px;margin-top:14px}.coach-action>span{font-size:15px;color:#4c6261;padding:6px}.tutorial-coach button{min-height:44px}.coach-tools{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;padding-top:12px;border-top:1px solid #bdcecd}.coach-tools button{font-size:14px;padding:8px 10px}.coach-tools details{width:100%;font-size:14px}.coach-tools summary{cursor:pointer;padding:10px}.coach-tools label{display:flex;gap:8px;align-items:center}.tutorial-coach .coach-hint,.tutorial-coach .tutorial-trace{padding:10px;border-radius:7px;background:#e4ecd9;color:#473e40;font-size:15px}.coach-error{background:#fbe5cc;padding:10px;border-radius:6px;color:#6d341d;font-size:16px;line-height:1.6}.action-math{padding:12px;background:#eee3c8;border-radius:9px;font-size:22px}.action-math small{font-size:12px}.practice-controls{display:flex;flex-wrap:wrap;gap:6px}.tutorial-coach [data-tutorial-id="tutorial.completion"]{display:flex;gap:10px;flex-direction:column}.tutorial-coach [data-tutorial-id="tutorial.quiz"] button{margin:6px 0;display:block;width:100%}.tutorial-focus{outline:4px solid #e0262b!important;outline-offset:4px;box-shadow:0 0 0 8px #e0262b33,0 0 18px 4px #e0262b88!important;scroll-margin:120px 0 320px!important;animation:tutorial-focus-pulse 1.1s ease-in-out infinite}@keyframes tutorial-focus-pulse{0%,to{outline-color:#e0262b;box-shadow:0 0 0 6px #e0262b33,0 0 14px 2px #e0262b77}50%{outline-color:#ff5a4f;box-shadow:0 0 0 10px #e0262b22,0 0 24px 6px #e0262baa}}@media(prefers-reduced-motion:reduce){.tutorial-focus{animation:none}}.tutorial-table .supply{display:grid!important}.tutorial-table .supply-switch{display:none!important}.tutorial-table .results details{display:block}.tutorial-table .table-status small{display:none}.tutorial-table .hand-panel{scroll-margin-top:100px}.tutorial-table .duration-area{display:none}.tutorial-table .preview{font-size:12px}.tutorial-table .masthead{padding-right:0}.tutorial-table .supply-choice-bar{position:relative;top:0}.opponent-play{display:flex;flex-wrap:wrap;gap:6px;font-size:14px}.opponent-play button{font-size:14px;padding:5px 9px}@media(max-width:1100px) and (min-width:900px){.tutorial-table{padding-right:324px!important}.tutorial-coach{width:298px;right:10px}.tutorial-table .board-grid{grid-template-columns:1fr}.tutorial-table .sidebar{max-height:180px;overflow:auto}}@media(max-width:899px){.tutorial-hub{padding:24px 18px 60px}.tutorial-chapters{grid-template-columns:1fr 1fr;gap:10px}.tutorial-chapters button{padding:16px;min-height:150px}.tutorial-table{padding-right:12px!important;padding-left:12px!important;padding-bottom:350px!important}.tutorial-coach{top:auto;bottom:0;right:0;width:100%;max-height:40dvh;border-radius:16px 16px 0 0;padding:12px 16px}.tutorial-coach h2{font-size:19px;margin:5px 0}.coach-body{max-height:14dvh;overflow:auto}.coach-body>p{margin:6px 0;font-size:16px;line-height:1.65}.coach-top{font-size:12px}.coach-action{margin-top:7px;gap:6px}.coach-tools{margin-top:7px;padding-top:7px;gap:5px}.coach-tools button{font-size:13px;padding:5px 8px}.coach-tools details{width:auto}.coach-tools details[open]{flex-basis:100%}.tutorial-coach.collapsed{max-height:185px}.tutorial-coach.collapsed .coach-action{margin-top:4px}.tutorial-table .masthead{position:relative}.tutorial-table .supply{grid-template-columns:repeat(3,minmax(0,1fr))}.tutorial-table .sidebar{max-height:200px;overflow:auto}.tutorial-focus{scroll-margin-top:24px!important}.tutorial-table .header-right{flex-wrap:wrap}.tutorial-table .table-status{min-width:0}.tutorial-table .players{margin-bottom:15px}}@media(max-width:400px){.tutorial-chapters{grid-template-columns:1fr}.tutorial-table .supply{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-start-actions button{padding:14px 19px}.coach-tools button{font-size:12px}}@media(prefers-reduced-motion:reduce){.tutorial-table *{scroll-behavior:auto!important}}.tutorial-table .basic-supply{display:flex!important}.tutorial-table .phase-panel p{font-size:15px}.tutorial-table .connection,.tutorial-table .preview{display:none}.tutorial-table .brand{flex-shrink:0}.tutorial-coach{display:flex;flex-direction:column;overflow:hidden}.coach-action,.coach-tools,.coach-top,.tutorial-coach h2{flex-shrink:0}.coach-body{min-height:0;overflow:auto}.tutorial-coach .coach-tools details[open]{max-height:120px;overflow:auto}@media(max-width:899px){.tutorial-coach.collapsed{max-height:min(60dvh,290px)}.coach-body{max-height:none;flex:1 1}.tutorial-coach{max-height:43dvh}.coach-tools details summary{min-height:44px;padding:8px}}@media(max-height:500px) and (min-width:600px){.tutorial-table{padding-right:318px!important;padding-bottom:30px!important}.tutorial-coach,.tutorial-coach.collapsed{width:296px;right:8px;top:8px;bottom:auto;max-height:calc(100dvh - 16px);border-radius:14px;padding:10px}.tutorial-coach h2{font-size:18px}.coach-body{flex:1 1;max-height:none}.coach-tools{gap:3px}.coach-tools button{font-size:12px;padding:5px 7px}.coach-top button{font-size:12px;padding:5px}.tutorial-table .board-grid,.tutorial-table .hand-workspace{grid-template-columns:1fr}.tutorial-table .supply{grid-template-columns:repeat(3,minmax(0,1fr))}.tutorial-table .sidebar{max-height:160px}}.tutorial-hub{background:#fffdf5f5;border:1px solid #d5c4a0;border-radius:16px;margin:24px auto;box-shadow:0 12px 40px #0003}.tutorial-hub a{color:#4e4446}.tutorial-entry p{margin:0;font-size:16px}.cycle-caption,.physical-pile>small{font-size:16px}@media(max-height:500px) and (min-width:600px){.tutorial-table .hand-workspace{display:flex;flex-direction:column;gap:14px}.tutorial-table .hand-cards-area{order:1;width:100%;min-width:0}.tutorial-table .turn-controls{order:0;position:static;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.tutorial-table .turn-controls .action-bar,.tutorial-table .turn-controls .choice,.tutorial-table .turn-controls>.text-button{grid-column:1/-1}.tutorial-table .turn-controls .action-bar{flex-direction:row;flex-wrap:wrap}.tutorial-table .turn-controls .action-bar button{flex:1 1;min-width:100px}.tutorial-table .hand-header{align-items:start;flex-wrap:wrap}}html body.readable-theme .tutorial-current{padding-right:340px}.tutorial-current .tutorial-coach{top:12px;right:10px;width:320px;max-height:calc(100dvh - 24px);z-index:45}.tutorial-current .tutorial-focus{scroll-margin:24px!important}.tutorial-current .table-right{grid-column:3}.tutorial-current .table-events{min-height:70px}@media(max-width:1100px){html body.readable-theme .tutorial-current{padding-right:0;height:auto;overflow:visible;padding-bottom:340px}.tutorial-current .tutorial-coach{top:auto;bottom:0;right:0;width:100%;max-height:36dvh;border-radius:14px 14px 0 0}.tutorial-current .tutorial-coach.collapsed{max-height:185px}.tutorial-current .single-table{min-height:680px;flex:none}.tutorial-current .tutorial-focus{scroll-margin:90px 0 350px!important}.tutorial-current .table-right{grid-column:1/-1}.tutorial-current .coach-body{flex:1 1;min-height:0;overflow:auto}}.intro-anatomy{display:flex;gap:12px;align-items:center;margin:10px 0 0}.intro-anatomy-card{position:relative;flex:0 0 132px}.intro-anatomy-card img{display:block;width:100%;border-radius:8px;box-shadow:0 4px 12px #0003}.intro-anatomy-card b{position:absolute;transform:translate(-50%,-50%);width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#b3261a;color:#fff8e7;font-size:12px;box-shadow:0 0 0 2px #fff8e7}.intro-anatomy ol{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-weight:700;color:#393133}.intro-anatomy li{display:flex;align-items:center;gap:8px}.intro-anatomy li b{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#b3261a;color:#fff8e7;font-size:12px}.intro-kinds{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.intro-kinds figure{margin:0;text-align:center}.intro-kinds img{display:block;width:100%;border-radius:6px;box-shadow:0 3px 10px #0003}.intro-kinds strong{display:block;margin-top:5px;font-size:13px;color:#3b3335}.intro-kinds small{display:block;font-size:11px;color:#5b6b58}@media(max-width:899px){.intro-anatomy-card{flex-basis:96px}.intro-kinds{max-width:320px}}html body.wanxiang-theme .tutorial-film{box-sizing:border-box;height:100dvh;max-width:none;margin:0;padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));display:grid;grid-template-rows:36px minmax(0,1fr) auto;gap:10px;background:linear-gradient(#fff7e5c9,#f4e7ceba),url(/wanxiang/brand/background.webp) 50%/cover;color:#514239}.tutorial-film footer,.tutorial-film header{display:flex;align-items:center;justify-content:space-between;gap:16px}.tutorial-film header a{color:#903c33;text-decoration:none;font-weight:700}.tutorial-film header span{color:#80633c;font-size:14px}.tutorial-film-player{min-height:0;display:flex;justify-content:center}.tutorial-film video{display:block;width:100%;height:100%;max-width:1100px;object-fit:contain;background:#211c18;border-radius:10px}.tutorial-film h1{font-size:20px;margin:0 0 4px;color:#674a31}.tutorial-film p{font-size:14px;margin:0;line-height:1.5}.tutorial-film footer button{min-height:44px;padding:8px 16px;flex:none}@media(max-height:400px){html body.wanxiang-theme .tutorial-film{padding-top:6px;padding-bottom:6px;grid-template-rows:28px minmax(0,1fr) auto;gap:6px}.tutorial-film h1{font-size:16px}.tutorial-film p{font-size:12px}.tutorial-film footer{gap:8px}.tutorial-film footer button{font-size:13px;padding:6px 10px}}@media(orientation:portrait){.tutorial-film footer{align-items:stretch;flex-direction:column}.tutorial-film-player{align-items:center}.tutorial-film video{height:auto;max-height:100%;aspect-ratio:16/9}}html body.wanxiang-theme .tutorial-hub .tutorial-replay{min-height:30px;margin-top:8px;padding:4px 10px;font-size:12px;background:#fff6e6;color:#893b31;border:1px solid #c8b08a;border-radius:6px}