/* A quiet, in-world coach: the actual table remains the tutorial. */
.tutorial-entry{display:flex;flex-wrap:wrap;gap:2px 18px;align-items:center;margin-top:17px;position:relative;z-index:4;max-width:460px}
.tutorial-entry>span{font:400 11px/1.7 var(--sans);color:var(--muted)}
.tutorial-entry .text-button{display:flex;align-items:center;gap:7px;font-size:11px;padding:7px 0;min-height:38px}
.tutorial-entry .glyph{width:14px;height:14px}
.manual-tutorial{margin-bottom:24px}
.tutorial-mode .game-heading{padding-block:15px;max-width:1160px;margin-inline:auto}
.tutorial-mode .game-heading h1{font-size:20px}
.tutorial-mode .round-counter{visibility:hidden}
.tutorial-mode .game-layout{grid-template-columns:170px minmax(0,1fr) 300px;gap:22px;max-width:1360px;margin:20px 3.5% 32px}
.tutorial-mode .table{grid-column:2;grid-row:1}
.tutorial-mode .game-layout>.tutorial-coach{grid-column:3;grid-row:1;position:sticky;top:18px;margin:0;padding:18px}
.tutorial-mode .guest-list{position:sticky;top:18px}
.tutorial-mode .witness{display:none}
.tutorial-mode .table:after{display:none}
.tutorial-coach{position:relative;border:1px solid #b39464;background:linear-gradient(120deg,#241b1d,#121114 72%);padding:19px 23px 13px;margin-bottom:22px;box-shadow:0 10px 34px #0005;color:var(--cream)}
.tutorial-coach:before{content:'';position:absolute;inset:5px;border:1px solid #d4b27816;pointer-events:none}
.lesson-top{display:flex;align-items:center;gap:12px}
.lesson-seal{border:1px solid var(--dim-gold);width:38px;height:44px;display:grid;place-items:center;transform:rotate(-6deg);color:var(--gold);flex-shrink:0}
.lesson-seal .glyph{width:24px;height:24px;transform:rotate(6deg)}
.lesson-top .eyebrow{font-size:8px;letter-spacing:2.5px;color:var(--muted);margin:0 0 7px}
.lesson-chapters{display:flex;gap:18px;font:500 11px var(--serif);color:#938b82}
.lesson-chapters span.current{color:var(--cream);font-weight:800;text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:6px;text-decoration-thickness:2px}
.lesson-chapters span.done{color:var(--gold)}
.lesson-exit{display:flex;align-items:center;justify-content:center;gap:6px;margin-left:auto;align-self:flex-start;color:#c2b3a6;font:400 11px var(--sans);min-height:36px;min-width:54px;position:relative;z-index:1}
.lesson-exit .glyph{width:14px;height:14px}.lesson-exit:hover{color:var(--cream)}
.lesson-copy{margin-top:18px}.lesson-copy h2{font:800 22px/1.4 var(--serif);letter-spacing:.4px;outline:none}
.lesson-copy p{font:400 14px/1.9 var(--sans);color:#d7cdc3;margin:9px 0 14px;max-width:64ch}
.lesson-bottom{display:flex;gap:14px;justify-content:space-between;align-items:center;min-height:30px}
.lesson-goal{display:flex;gap:9px;align-items:center;font:600 12px/1.65 var(--sans);color:#edd3a4}
.lesson-goal .glyph{height:18px;width:18px;flex-shrink:0}
.lesson-next{font-size:12px;min-height:44px;padding:10px 14px;gap:13px;flex-shrink:0}
.lesson-progress{height:2px;background:#d4b27826;margin-top:17px}.lesson-progress>span{display:block;height:100%;background:var(--gold);transition:width .35s}
.lesson-footnote{display:block;margin-top:8px;color:#aaa096;font:400 10px/1.6 var(--sans)}.lesson-footnote i{font-style:normal;margin:0 7px}
.lesson-focus{outline:2px solid #eed29d!important;outline-offset:4px;box-shadow:0 0 0 7px #d4b2780d!important}
button.lesson-focus:not(:disabled){animation:lesson-glow 2.2s ease-in-out infinite}
.lesson-locked{opacity:.4!important;cursor:default!important}
.tutorial-mode .village-risk>strong{font:500 12px var(--sans);color:var(--muted)}
.tutorial-mode .village-risk>.glyph{display:none}.tutorial-mode .village-card .balance{color:var(--gold)}
.tutorial-mode .village-card.lesson-locked{opacity:.55!important}.tutorial-mode .village-card.selected{opacity:1!important}
.tutorial-mode .reveal-area{min-height:146px;padding:16px 0;margin-block:11px 14px}
.tutorial-mode .villager-portrait{height:75px;max-height:75px}
.tutorial-mode .inventory{margin-top:18px}
.lesson-modal-note{border-left:2px solid var(--gold);padding:8px 12px;margin-bottom:20px;color:var(--gold);font:400 12px/1.8 var(--sans)}
.tutorial-mode .offer-risk{font-size:11px!important}
.tutorial-graduation h2{font-size:28px;line-height:1.6;margin-top:13px}
.graduation-seal{color:var(--gold);display:block;margin:25px 0 10px}.graduation-seal .glyph{width:50px;height:50px}
.lesson-recap{border-block:1px solid var(--line);padding:8px 0;margin-block:21px}
.lesson-recap p{display:flex;gap:16px;align-items:flex-start;margin:18px 0}.lesson-recap .glyph{color:var(--gold);width:26px;height:26px;flex-shrink:0}
.lesson-recap b{font:700 15px/1.6 var(--serif)}.lesson-recap small{display:block;margin-top:5px;color:#b9aea4;font:400 12px/1.8 var(--sans)}
.graduation-goals{display:flex;gap:22px;flex-wrap:wrap}.graduation-goals>span{display:flex;align-items:center;gap:8px;color:#cbbeb3;font-size:12px}.graduation-goals b{font:500 27px var(--condensed);color:var(--cream)}.graduation-goals .glyph{width:19px;height:19px;color:var(--gold)}
.tutorial-graduation>.text-button{margin-right:24px;min-height:44px}.tutorial-graduation .fine-print{font-size:12px;line-height:1.9}
.lesson-card-key{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;color:#cbbeb3;font-size:11px}.lesson-card-key>span{display:flex;gap:8px;align-items:center}.lesson-card-key .suit{height:20px;width:20px;color:var(--gold)}.lesson-card-key>p{grid-column:1/-1;font-size:11px;line-height:1.8;color:var(--muted)}
@keyframes lesson-glow{50%{outline-color:#fff0d5;box-shadow:0 0 0 7px #d4b27818,0 0 22px #d4b27825}}
@media(max-width:1240px){.tutorial-mode .game-layout,.tutorial-mode .game-heading{margin-inline:4%}}
@media(min-width:1001px){.lesson-bottom{flex-wrap:wrap}.lesson-chapters{gap:10px;font-size:10px}.lesson-top{gap:9px}.lesson-seal{display:none}.lesson-copy p{font-size:13px;line-height:1.9}.lesson-copy h2{font-size:21px}.lesson-goal{font-size:11px}.tutorial-mode .game-heading{max-width:none;margin-inline:3.5%}}
@media(min-width:761px) and (max-width:1000px){.tutorial-mode .game-layout{grid-template-columns:170px minmax(0,1fr);gap:18px}.tutorial-mode .game-layout>.tutorial-coach{grid-column:2;grid-row:1;position:sticky;top:0;z-index:8}.tutorial-mode .table{grid-column:2;grid-row:2}.tutorial-mode .guest-list{grid-column:1;grid-row:1/span 2}.tutorial-mode [data-action]{scroll-margin-block:280px 24px}}
@media(max-width:760px){
 .tutorial-mode .game-layout{display:flex;flex-direction:column;gap:15px}
 .tutorial-mode .guest-list{position:static;display:flex;flex-direction:row;width:100%;gap:9px}
 .tutorial-mode .guest-list .panel-label{display:none}.tutorial-mode .player{flex:1;min-width:0;height:106px;padding:10px 12px}
 .tutorial-mode .player-heading small{display:none}.tutorial-mode .player-stats{margin-top:14px;gap:18px;justify-content:flex-start}
 .tutorial-mode .player-stats small{display:inline;font-size:9px}.tutorial-mode .meter{margin-top:8px}.tutorial-mode .toxin-pips{display:none}
 .tutorial-mode .game-heading h1{font-size:17px}.tutorial-mode .game-heading{padding-block:12px}
 .tutorial-mode .game-layout{margin-top:12px}.tutorial-mode .game-heading .eyebrow{font-size:7px}
 .tutorial-mode .game-layout>.tutorial-coach{width:100%;padding:14px 16px 10px;margin:0;position:sticky;top:0;z-index:8;background:linear-gradient(120deg,#241b1d,#121114 72%)}
 .lesson-copy{margin-top:13px}.lesson-copy h2{font-size:18px}.lesson-copy p{font-size:12px;line-height:1.8;margin:7px 0 10px}
 .lesson-top .eyebrow{font-size:7px;letter-spacing:1.5px}.lesson-chapters{gap:13px;font-size:10px}
 .lesson-seal{width:29px;height:34px}.lesson-seal .glyph{width:20px;height:20px}.lesson-top{gap:9px}
 .lesson-goal{font-size:11px}.lesson-bottom{gap:9px;flex-wrap:wrap}.lesson-next{min-height:42px;font-size:11px;padding:9px 12px}
 .lesson-footnote{font-size:9px}.lesson-progress{margin-top:12px}.lesson-exit{font-size:10px;min-width:45px;min-height:32px}
 .tutorial-mode .villager-portrait{height:43px;max-height:43px}.tutorial-mode .village-card{padding:8px}.tutorial-mode .village-info{padding-top:6px}
 .tutorial-mode .village-risk{margin-top:6px}.tutorial-mode .village-risk>strong{font-size:9px}.tutorial-mode .stack-chips{margin-top:6px}
 .tutorial-mode .reveal-area{min-height:128px;padding:10px 0;gap:15px;margin-block:8px 12px}
 .tutorial-mode .drawn-card{height:97px;width:60px}.tutorial-mode .drawn-card .suit{width:27px;height:27px}.tutorial-mode .card-name{font-size:9px}.tutorial-mode .reveal-cards{min-width:120px}
 .tutorial-mode .outcome-kicker{font-size:6px}.tutorial-mode .reveal-result>strong b{font-size:37px}
 .tutorial-mode .back-card{width:57px;height:88px}.tutorial-mode .empty-reveal h3{font-size:16px}.tutorial-mode .empty-reveal{gap:20px}
 .tutorial-mode .table-title{margin-bottom:10px}.tutorial-mode .controls{min-height:55px}.tutorial-mode .controls .drink-action{font-size:16px}.tutorial-mode .action-square{min-width:63px;padding:9px}
 .tutorial-mode .inventory{padding-top:12px;margin-top:14px}.tutorial-mode .inventory-heading{font-size:10px}.tutorial-mode .item-list{margin-top:10px}
 .tutorial-mode [data-action]{scroll-margin-block:250px 24px}.tutorial-mode .reveal-area{scroll-margin-top:240px}
 .tutorial-graduation h2{font-size:22px}.lesson-recap b{font-size:13px}.lesson-recap small{font-size:11px}
}
@media(max-width:650px){.tutorial-entry{gap:1px;margin-top:12px;align-items:flex-start;flex-direction:column}.tutorial-entry .text-button{font-size:10px}.hero-facts{margin-top:17px}.hero{padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){button.lesson-focus:not(:disabled){animation:none}.lesson-progress>span{transition:none}}