.tutorial-overlay-root{position:fixed;inset:0;z-index:2147480000;pointer-events:none;isolation:isolate;font-family:inherit;color:#fff0cf}
body.dragging-card .tutorial-guide,body.mobile-dragging-card .tutorial-guide{pointer-events:none}
body.tutorial-pick .draft-card{grid-template-rows:32px minmax(10px,1fr) auto 34px auto}
body.tutorial-pick .draft-card .tutorial-pick-glance{grid-column:1/-1;grid-row:5;position:relative;z-index:2;color:#fff0cb;background:#10202ac9;padding:3px 5px;border:1px solid #9b865c;border-radius:3px;font:600 11px/1.35 system-ui;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
body.tutorial-pick .draft-card .draft-info{width:40px;min-width:40px;font:700 11px/1 system-ui}
.tutorial-pick-summary-modal{box-sizing:border-box;width:min(500px,calc(100vw - 20px));max-height:calc(100dvh - 20px);overflow-y:auto;overflow-x:hidden}
.tutorial-pick-summary-modal h2{margin:6px 0 10px;overflow-wrap:anywhere}
.tutorial-pick-summary-text{font:600 15px/1.6 system-ui;color:#f7e2b4;overflow-wrap:anywhere}
.tutorial-pick-summary-modal .modal-actions{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:1180px) and (max-height:600px) and (orientation:landscape){
  body.tutorial-pick .draft-card{grid-template-rows:32px minmax(10px,1fr) auto 34px}
  body.tutorial-pick .draft-card .tutorial-pick-glance{display:none}
  body.tutorial-pick .draft-card .draft-info{width:38px;min-width:38px;min-height:32px}
  .tutorial-pick-summary-modal{padding:12px;max-height:calc(100dvh - 12px)}
  .tutorial-pick-summary-text{font-size:13px;line-height:1.45;margin:4px 0}
}
.tutorial-safe-bounds{position:absolute;left:max(10px,env(safe-area-inset-left),var(--tutorial-test-safe-left,0px));right:max(10px,env(safe-area-inset-right),var(--tutorial-test-safe-right,0px));top:max(8px,env(safe-area-inset-top));bottom:max(8px,env(safe-area-inset-bottom));pointer-events:none}
.tutorial-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.tutorial-spotlight{position:absolute;box-sizing:border-box;border:2px solid #ffe19a;border-radius:8px;box-shadow:0 0 0 2px #19150dcc,0 0 16px #ffdf7888;pointer-events:none}
.tutorial-guide{position:fixed;box-sizing:border-box;pointer-events:auto;background:linear-gradient(135deg,#222938,#10151ff7);border:1px solid #d8b66a;border-radius:13px;padding:11px 14px;box-shadow:0 9px 26px #0008;line-height:1.5;max-height:calc(100dvh - 58px)}
.tutorial-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#d9b86f}.tutorial-step{flex:none;font-variant-numeric:tabular-nums}.tutorial-chapter{font-weight:700}
.tutorial-copy{font-size:15px;font-weight:600;margin:6px 0 9px;line-height:1.55;color:#fff4db;overflow-wrap:anywhere}
.tutorial-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.tutorial-button{pointer-events:auto;border:1px solid #66717c;border-radius:7px;background:#1f2734;color:#e5eaf0;min-height:34px;padding:5px 12px;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}.tutorial-button.primary{background:#ead298;color:#272016;border-color:#fff0bd;font-weight:800;margin-right:auto}.tutorial-button:disabled{opacity:.5;cursor:default}.tutorial-button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.tutorial-target{outline:2px solid #ffe19a!important;outline-offset:-2px}.tutorial-free-guide{opacity:.98}.tutorial-free-guide .tutorial-copy{font-size:13px}.tutorial-checks{font-size:12px;margin:6px 0;color:#c9d0db}.tutorial-checks summary{cursor:pointer}.tutorial-checklist{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin:8px 0}.tutorial-checklist .done{color:#f4d687}
.tutorial-card-attribute{position:absolute;left:5px;bottom:25px;z-index:4;padding:2px 5px;border:1px solid var(--attr);border-radius:4px;background:#0b1425f0;color:#fff0cf;font:600 12px/1.25 system-ui;pointer-events:none}
.tutorial-king-conditions{display:grid;gap:3px;margin:6px 0 9px;font-size:12px;color:#f1dfb8}
.tutorial-celebration{margin:5px 0 8px;color:#ffe09a;font-size:19px;font-weight:750;letter-spacing:.03em}
.tutorial-dice-guide .tutorial-copy{font-size:13px}.tutorial-dice-guide .tutorial-checks{display:none}.tutorial-dice-guide .tutorial-chapter{font-size:10px}.tutorial-dice-guide .tutorial-heading{gap:4px}
.tutorial-crisis-guide{border-color:#be846b;background:linear-gradient(135deg,#30252b,#111924)}
body.tutorial-danger .combatant.you .life-block{box-shadow:inset 0 -2px #b9765a;background:linear-gradient(0deg,#a653352b,transparent);border-radius:4px}
.tutorial-catalog{width:min(940px,96%);margin:auto;box-sizing:border-box}.tutorial-catalog h1{font-size:28px;margin:0 0 8px}.tutorial-catalog p{margin:6px 0 16px;color:#c8d0d9}.tutorial-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tutorial-chapter-card{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;border:1px solid #a78b57;border-radius:12px;background:#121c2ae8;padding:15px;color:#fff0cf;font:inherit;cursor:pointer}.tutorial-chapter-card span{color:#cfb77d;font-size:12px;white-space:nowrap}.tutorial-chapter-card:disabled{opacity:.55;cursor:default}.tutorial-catalog-actions{display:flex;gap:10px;margin:14px 0}.tutorial-completion{text-align:center;max-width:700px;margin:auto}.tutorial-completion .profile-actions{display:flex;justify-content:center;gap:12px}
@media(max-width:1180px) and (max-height:600px) and (orientation:landscape){
 .tutorial-guide{padding:7px 11px;border-radius:10px}.tutorial-copy{font-size:13px;margin:3px 0 6px;line-height:1.45}.tutorial-heading{font-size:10px;gap:6px}.tutorial-button{min-height:32px;padding:4px 9px;font-size:11px}
 body.tutorial-dialog-open .modal-backdrop{padding-left:max(38vw,calc(env(safe-area-inset-left) + 280px))!important;padding-right:max(8px,env(safe-area-inset-right))!important;padding-top:calc(var(--shared-header-height,28px) + 6px)!important;padding-bottom:6px!important;box-sizing:border-box}
 body.tutorial-dialog-open .modal-backdrop>.modal{width:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;box-sizing:border-box}
 body.tutorial-dialog-open .face-selection-modal{height:100%!important;display:flex!important;flex-direction:column!important;padding:10px!important;gap:7px!important}
 body.tutorial-dialog-open .face-selection-modal header h2{font-size:15px!important;margin:0!important}body.tutorial-dialog-open .face-selection-modal header p{font-size:11px!important;margin:3px 0 0!important}
 body.tutorial-dialog-open .face-choice-note{font-size:11px!important;line-height:1.3!important;padding:5px!important}
 body.tutorial-dialog-open .face-selection-modal .choice-grid,body.tutorial-dialog-open .face-selection-modal .shared-choice-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;flex:1!important;min-height:0!important;gap:5px!important;margin:0!important;overflow:visible!important}
 body.tutorial-dialog-open .face-choice-option{min-width:0!important;min-height:0!important}body.tutorial-dialog-open .face-choice-select{min-height:0!important;width:100%!important;height:100%!important;padding:4px!important}body.tutorial-dialog-open .face-choice-heading{font-size:12px!important}body.tutorial-dialog-open .face-choice-preview{font-size:10px!important;line-height:1.25!important}body.tutorial-dialog-open .face-choice-preview small{display:none!important}
 body.tutorial-dialog-open .face-selection-modal>.modal-actions:not(.shared-choice-actions){flex:none!important;min-height:36px!important;margin:0!important}body.tutorial-dialog-open .modal-actions .btn{font-size:11px!important;min-height:36px!important;padding:5px 8px!important}
 body.tutorial-dialog-open .card-detail-modal{grid-template-columns:30% minmax(0,1fr)!important;padding:9px!important;gap:8px!important;height:100%!important}body.tutorial-dialog-open .detail-title-row h2{font-size:17px!important}body.tutorial-dialog-open .detail-text{font-size:12px!important}body.tutorial-dialog-open .card-action-modal{grid-template-columns:32% minmax(0,1fr)!important;padding:10px!important;gap:8px!important}body.tutorial-dialog-open .action-copy h2{font-size:17px!important}
 .tutorial-catalog{width:96%}.tutorial-catalog h1{font-size:21px;margin:0}.tutorial-catalog p{font-size:12px;margin:3px 0 8px}.tutorial-chapters{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tutorial-chapter-card{padding:9px;font-size:12px;min-height:47px}.tutorial-chapter-card span{font-size:10px}.tutorial-catalog-actions{margin:8px 0}.tutorial-catalog-actions .btn{padding:7px 12px;min-height:34px;font-size:12px}.tutorial-completion h1{font-size:25px}
}
@media(prefers-reduced-motion:reduce){.tutorial-spotlight,.tutorial-target{animation:none!important;transition:none!important}}
/* Tutorial-only layouts keep the production Pick cards, detail and confirmation. */
.tutorial-prologue-screen{box-sizing:border-box;min-height:calc(100dvh - var(--shared-header-height,50px));max-width:1320px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:34px}
.tutorial-prologue-copy h1{font-size:clamp(22px,2.8vw,38px);line-height:1.4;color:#ffe2a1;margin:12px 0}.tutorial-prologue-copy>p{font-size:17px;line-height:1.9;color:#f0e5d2;margin:14px 0 24px}.tutorial-prologue-copy>small{color:#ccaf73}.tutorial-prologue-copy .tutorial-button{font-size:14px;min-height:42px}
.tutorial-concept-cards{display:flex;justify-content:center;gap:12px}.tutorial-concept-card{background-image:var(--card-art);background-size:cover;background-position:center;width:30%;aspect-ratio:3/4;position:relative;border:1px solid #c1a875;border-radius:12px;box-shadow:0 12px 30px #0008;overflow:hidden}.tutorial-concept-card span,.tutorial-concept-card b{position:absolute;left:0;right:0;padding:8px;background:#111b29df;color:#fff0cb;text-align:center;font-size:13px}.tutorial-concept-card span{top:0}.tutorial-concept-card b{bottom:0}.tutorial-concept-visual>p{font-size:14px;line-height:1.6;color:#d9c08b;text-align:center;margin:18px 0 0}
.tutorial-six-faces{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tutorial-concept-face{aspect-ratio:1.2;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#142231;border:1px solid #796e57;border-radius:14px;color:#d9c490}.tutorial-concept-face strong{font-size:34px}.tutorial-concept-face.strengthened{background-image:linear-gradient(#10151f33,#10151faa),var(--card-art);background-size:cover;border:2px solid #ffe0a0;box-shadow:0 0 18px #dfb35044;color:#fff4d4}.tutorial-concept-face small{background:#0c1728d9;padding:4px;border-radius:5px}
body.tutorial-pick .draft-screen{box-sizing:border-box;margin-right:330px;width:calc(100% - 330px);min-height:0}body.tutorial-pick .draft-hover-layer{display:none}body.tutorial-pick .draft-grid,body.tutorial-pick .acquired-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body.tutorial-pick .draft-complete-panel{width:100%;box-sizing:border-box}body.tutorial-pick .draft-complete-panel>h1{font-size:25px}body.tutorial-pick .draft-screen.complete{display:block}
@media(max-width:1180px) and (max-height:600px) and (orientation:landscape){
 .tutorial-prologue-screen{min-height:0;height:calc(100dvh - var(--shared-header-height,28px));grid-template-columns:.85fr 1.15fr;padding:12px 20px;gap:22px}.tutorial-prologue-copy h1{font-size:21px;margin:5px 0}.tutorial-prologue-copy>p{font-size:13px;line-height:1.65;margin:6px 0 10px}.tutorial-prologue-copy>small{font-size:11px}.tutorial-prologue-copy .tutorial-button{font-size:12px;min-height:34px}.tutorial-concept-cards{gap:7px}.tutorial-concept-card{border-radius:7px}.tutorial-concept-card span,.tutorial-concept-card b{padding:4px;font-size:10px}.tutorial-concept-visual>p{font-size:11px;margin:9px 0 0}.tutorial-six-faces{gap:8px;max-width:300px;margin:auto}.tutorial-concept-face{aspect-ratio:1.4;border-radius:8px}.tutorial-concept-face strong{font-size:27px}.tutorial-concept-face small{font-size:10px}
 body.tutorial-pick .draft-screen{margin:0 252px 0 0!important;width:calc(100% - 252px)!important;padding:6px 10px!important;height:calc(100dvh - var(--shared-header-height,28px))!important;display:flex!important;flex-direction:column!important;gap:5px!important;overflow:auto}
 body.tutorial-pick .draft-head{flex:none!important;margin:0!important;padding:0!important;gap:8px!important}body.tutorial-pick .draft-head h1{font-size:18px!important;margin:0!important}body.tutorial-pick .draft-head p{font-size:10px!important;line-height:1.25!important;margin:2px 0!important}body.tutorial-pick .draft-head .kicker{font-size:9px!important}body.tutorial-pick .pick-counter{min-width:50px!important;padding:4px!important}body.tutorial-pick .pick-counter strong{font-size:25px!important}body.tutorial-pick .pick-counter small{display:none}
 body.tutorial-pick .draft-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;flex:1!important;min-height:140px!important;gap:5px!important;margin:0!important;overflow:visible!important}body.tutorial-pick .draft-card{min-height:0!important;height:100%!important;aspect-ratio:auto!important}body.tutorial-pick .draft-card-copy{padding:4px!important}body.tutorial-pick .draft-card-copy>b{font-size:11px!important;line-height:1.2!important}body.tutorial-pick .draft-effects,body.tutorial-pick .draft-card-copy>small{display:none!important}body.tutorial-pick .draft-cost{font-size:12px!important;width:23px!important;height:23px!important}body.tutorial-pick .draft-attr b{display:none}body.tutorial-pick .draft-info{min-width:28px!important;min-height:28px!important}body.tutorial-pick .draft-footer{flex:none!important;margin:0!important;padding:0!important;min-height:34px!important}body.tutorial-pick .draft-footer .btn{font-size:12px!important;min-height:34px!important;padding:4px 12px!important}body.tutorial-pick .draft-progress{font-size:10px!important}
 body.tutorial-pick .draft-complete-panel{height:100%;padding:0!important;display:flex;flex-direction:column;gap:5px}body.tutorial-pick .draft-complete-panel>h1{font-size:18px!important;margin:0!important}body.tutorial-pick .draft-complete-panel>p{font-size:11px!important;margin:0!important}body.tutorial-pick .draft-complete-panel>.kicker,body.tutorial-pick .owned-total-note{display:none}body.tutorial-pick .acquired-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;min-height:120px!important;flex:1;gap:5px!important;margin:0!important}body.tutorial-pick .deck-math{margin:0!important;padding:5px!important;font-size:11px!important}body.tutorial-pick .deck-math strong{font-size:19px!important}
}
@media(max-width:600px) and (orientation:portrait){.tutorial-prologue-screen{grid-template-columns:1fr;padding:20px;gap:16px}.tutorial-concept-visual{max-width:330px;margin:auto}.tutorial-prologue-copy>p{font-size:15px}}
@media(max-width:1180px) and (max-height:600px) and (orientation:landscape){
 body.tutorial-pick .draft-footer{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:4px 8px!important}body.tutorial-pick .mobile-pick-status{grid-column:1 / -1!important;width:auto!important;min-width:0!important;white-space:nowrap!important;font-size:11px!important;line-height:16px!important}body.tutorial-pick .draft-footer .btn{min-width:0!important;width:100%!important}
}
body.tutorial-pick #draftNext[hidden]{display:none!important}
body.tutorial-pick .deck-math{display:flex!important;flex:none}

/* Chapter boundaries are explicit on the very first visit as well as replay. */
.tutorial-chapter-card b{display:flex;flex-direction:column;gap:4px}.tutorial-chapter-card b small{font-size:11px;font-weight:500;color:#cdb77f}.tutorial-catalog .tutorial-progress-note{font-size:12px;line-height:1.5;margin:12px 0 0}.tutorial-completion>small{display:block;color:#d0bc90;margin-top:18px}.tutorial-completion .profile-actions{flex-wrap:wrap}.tutorial-actions:has([data-tutorial-answer]){flex-wrap:wrap}.tutorial-actions [data-tutorial-answer]{white-space:normal;text-align:left}
@media(max-width:1180px) and (max-height:600px) and (orientation:landscape){.tutorial-chapter-card{align-items:flex-start;min-height:56px;padding:7px 9px;gap:5px}.tutorial-chapter-card b{gap:2px;font-size:11px;line-height:1.25}.tutorial-chapter-card b small{font-size:10px}.tutorial-chapter-card span{font-size:9px}.tutorial-catalog .tutorial-progress-note{font-size:10px;margin-top:7px}.tutorial-completion .coin-emblem{font-size:25px;margin-bottom:5px}.tutorial-completion>small{margin-top:10px}.tutorial-completion p{font-size:13px}.tutorial-completion .profile-actions .btn{min-height:34px;font-size:12px;padding:6px 12px}.tutorial-guide .tutorial-actions{gap:5px}.tutorial-guide .tutorial-actions .tutorial-button{padding-left:7px;padding-right:7px}}
/* The shared mode menu assumes four grid rows; chapter completion has six. */
@media(max-width:1180px) and (max-height:600px) and (orientation:landscape){
 .general-mobile-active .mode-select-panel.tutorial-completion{display:flex;flex-direction:column;justify-content:center;gap:8px;height:auto;max-height:100%;overflow:auto}
 .tutorial-completion>.coin-emblem{width:48px;height:48px;min-height:48px;margin:0 auto;flex:none}
 .tutorial-completion>p{margin:0;line-height:1.45;flex:none}.tutorial-completion>.profile-actions{margin:0;gap:8px;flex:none}.tutorial-completion>small{margin:0;line-height:1.4;flex:none}
}

.tutorial-replacement-result{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 8px;font-size:12px}.tutorial-replacement-result span{border:1px solid #bfa66d;background:#382f1c;padding:4px 7px;border-radius:5px}.tutorial-replacement-result .tutorial-discard-result{border-color:#79808b;background:#252a32;color:#cbd0d8}.tutorial-catalog-actions{flex-wrap:wrap}

/* Full reading width while the guide is temporarily out of the way. */
body.tutorial-detail-open .modal-backdrop{padding-left:max(10px,env(safe-area-inset-left))!important;padding-right:max(10px,env(safe-area-inset-right))!important}
body.tutorial-detail-open .card-detail-modal{width:min(820px,100%)!important;max-width:100%!important;margin:auto!important}

/* Short rule recap shared by the lesson and the first CPU game transition. */
.tutorial-carryover { display:grid; grid-template-columns:1fr 1.3fr; gap:6px 12px; text-align:left; font-size:12px; line-height:1.45; }
.tutorial-carryover strong { color:#f4d693; font-size:12px; }
.tutorial-carryover ul { margin:3px 0; padding-left:16px; }
.tutorial-carryover-note { grid-column:1/-1; font-size:11px; opacity:.9; }
.tutorial-guide:has(.tutorial-carryover) { width:min(560px, calc(100vw - 24px)); }
.tutorial-guide .tutorial-carryover { grid-template-columns:1fr; gap:4px; font-size:11px; line-height:1.25; }
.tutorial-guide .tutorial-carryover strong { font-size:11px; }
.tutorial-guide .tutorial-carryover ul { margin:2px 0; }
.tutorial-guide:has(.tutorial-carryover) { overflow-y:auto; }
.gameover:has(.tutorial-carryover) { max-height:calc(100dvh - 16px); overflow-y:auto; }
.gameover .tutorial-carryover { margin:8px 0; }
@media (orientation:landscape) and (max-height:600px) {
  .gameover:has(.tutorial-carryover) { max-width:650px; padding:12px 18px; }
  .gameover:has(.tutorial-carryover) h1 { margin:2px 0; font-size:24px; }
  .gameover:has(.tutorial-carryover) p { margin:4px 0; }
  .gameover:has(.tutorial-carryover) .modal-actions { margin-top:8px; }
}
@media(max-width:1180px) and (max-height:600px) and (orientation:landscape) {
  .gameover:has(.tutorial-carryover) { max-width:720px!important; padding:10px 12px!important; display:grid!important; grid-template-columns:.9fr 1.1fr!important; gap:4px 14px!important; }
  .gameover:has(.tutorial-carryover)>.kicker { grid-column:1/-1!important; grid-row:1!important; font-size:10px!important; }
  .gameover:has(.tutorial-carryover)>h1 { grid-column:1!important; grid-row:2!important; margin:0!important; font-size:24px!important; }
  .gameover:has(.tutorial-carryover)>.result { grid-column:1!important; grid-row:3!important; margin:0!important; font-size:16px!important; }
  .gameover:has(.tutorial-carryover)>.mini-match-score { grid-column:1!important; grid-row:4!important; margin:0!important; }
  .gameover:has(.tutorial-carryover)>p { grid-column:1!important; grid-row:5!important; margin:0!important; font-size:11px!important; line-height:1.3!important; }
  .gameover:has(.tutorial-carryover)>.result-next-note { grid-column:1!important; grid-row:6!important; margin:0!important; padding:4px!important; font-size:10px!important; line-height:1.3!important; }
  .gameover:has(.tutorial-carryover)>.tutorial-carryover { grid-column:2!important; grid-row:2/7!important; margin:0!important; align-self:center; font-size:11px; line-height:1.3; }
  .gameover:has(.tutorial-carryover)>.modal-actions { grid-column:1/-1!important; grid-row:7!important; margin:4px 0 0!important; }
  .gameover:has(.tutorial-carryover)>.modal-actions .btn { min-height:36px!important; padding:4px 10px!important; }
}

/* Explicit chapter boundaries and a persistent, optional Home invitation. */
.tutorial-reward{margin:12px 0!important;font:700 clamp(28px,4vh,42px)/1.15 Georgia,serif!important;color:#f6d382!important}
.tutorial-reward small{font:600 16px/1.4 system-ui}
.tutorial-reward-note{font-size:13px!important;color:#d5c8af!important;margin:6px 0!important}
.tutorial-start h1{color:#f6d382}
body .tutorial-home-entry{position:absolute;z-index:3;right:5%;top:44%;width:min(30%,340px);box-sizing:border-box;padding:17px;border:1px solid #c6a76d;background:linear-gradient(125deg,#1a303eef,#0c1822f5);border-radius:5px;box-shadow:0 6px 22px #0005}
body .tutorial-home-entry strong{font-size:19px;color:#ffe3a2}
body .tutorial-home-entry p{font-size:13px;line-height:1.65;margin:7px 0 12px;color:#e8e0d0}
body .tutorial-home-entry>div{display:flex;flex-wrap:wrap;gap:7px}
body .tutorial-home-entry .btn{min-height:38px;font-size:13px;padding:8px 11px}
body .tutorial-home-entry.compact{padding:9px;background:#0b1c28e8}
@media(max-width:1180px) and (max-height:600px) and (orientation:landscape){
 body .tutorial-home-entry{right:4%;top:37%;width:36%;padding:9px 11px}
 body .tutorial-home-entry strong{font-size:14px}
 body .tutorial-home-entry p{font-size:11px;line-height:1.45;margin:4px 0 7px}
 body .tutorial-home-entry .btn{min-height:34px;font-size:11px;padding:5px 8px}
 body .tutorial-home-entry>div{gap:4px}
 body .title-app:has(.tutorial-home-entry) .title-menu-actions-v2317{width:51%;gap:8px}
 .tutorial-completion .coin-emblem{width:42px;height:42px;margin:0 auto 8px;font-size:26px}
 .tutorial-completion h1{font-size:24px;margin:5px 0}
 .tutorial-completion p{margin:8px 0}
}

/* Optional short introduction stays separate from saved Chapter progress. */
.tutorial-quick-entry{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;margin:12px 0;border:1px solid #cfb77d;border-radius:12px;background:#182234}.tutorial-quick-entry strong{color:#ffe4a2}.tutorial-quick-entry p{font-size:13px;margin:5px 0 0}.tutorial-quick-entry .btn{flex-shrink:0}.tutorial-quick-note{display:block;color:#ceb98c;font-size:11px;line-height:1.4;margin:6px 0}.tutorial-start p{line-height:1.7}
@media(max-width:600px){.tutorial-quick-entry{align-items:flex-start;flex-direction:column;gap:9px;padding:12px}.tutorial-quick-entry .btn{width:100%}}
@media(orientation:portrait) and (max-width:720px){body.battle-screen-active .tutorial-overlay-root[data-chapter="quick"]{display:none}}
@media(max-width:1180px) and (max-height:600px) and (orientation:landscape){body.tutorial-practice-active.battle-screen-active .hand-head>div{min-width:0}body.tutorial-practice-active.battle-screen-active .hand-head span{display:inline;font-size:7px;line-height:1.3;overflow-wrap:anywhere}body.tutorial-practice-active.battle-screen-active .hand-head>div:after{display:none}}
/* A tall completion needs scrolling. Safe centering keeps its first item in
   reach when the content is taller than the short landscape panel. */
@media(max-width:1180px) and (max-height:600px) and (orientation:landscape){.general-mobile-active .mode-select-panel.tutorial-completion{justify-content:safe center}}