#tutorialDialog{width:min(1320px,calc(100vw - 38px));max-width:none;max-height:min(96dvh,1050px);padding:0;overflow:auto;background:#0c1b19;color:#e5eedf;border:1px solid #8d7950;border-radius:14px;box-shadow:0 24px 90px #000b;font-family:inherit;scrollbar-color:#7c7355 #0c1b19}#tutorialDialog::backdrop{background:#020807e8}#tutorialDialog *{box-sizing:border-box}.tutorial-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;background:#102a22}.tutorial-top small{color:#d9b95e;font-size:12px;letter-spacing:.16em}.tutorial-top h2{font-size:clamp(22px,2.1vw,30px);line-height:1.25;margin:6px 0 0}.tutorial-top button,.tutorial-controls button{font:inherit;color:#e5eedf;background:#17372d;border:1px solid #496151;border-radius:8px;min-height:44px;padding:8px 18px;cursor:pointer;white-space:nowrap}.tutorial-top button:hover,.tutorial-controls button:hover{background:#285140}.tutorial-controls .primary{background:#d9b95e;color:#111b14;border-color:#d9b95e;font-weight:700}.tutorial-controls button:disabled{opacity:.45;cursor:not-allowed}.tutorial-dialog button:focus-visible{outline:3px solid #f0cf72;outline-offset:3px}.tutorial-visual{overflow-x:auto;overflow-y:hidden;scrollbar-color:#d9b95e #20352c;background:#06100e}.tutorial-board{position:relative;width:100%;margin:0;overflow:hidden;isolation:isolate}.tutorial-board img{display:block;width:100%;height:auto;user-select:none}.tutorial-focus,.tutorial-secondary{position:absolute;pointer-events:none;border:3px solid #ffdb70;border-radius:9px;box-shadow:0 0 0 2000px rgba(2,7,8,.67),0 0 24px #ffdb70bb;transition:left .5s ease,top .5s ease,width .5s ease,height .5s ease;z-index:1}.tutorial-secondary{border-color:#7ceac9;box-shadow:0 0 17px #7ceac999;z-index:2}.tutorial-focus::after{content:'';position:absolute;inset:-7px;border:2px solid #ffdb70;border-radius:12px;animation:tutorialPulse 1.7s ease-in-out infinite}.tutorial-bottom{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:12px 22px 14px}.tutorial-explanation{max-width:710px}.tutorial-count{color:#d9b95e;font-size:13px;font-weight:700;letter-spacing:.08em;margin:0 0 8px}#tutorialCopy{font-size:16px;line-height:1.65;margin:0}.tutorial-controls{display:flex;gap:9px;align-items:center}.tutorial-track{display:flex;gap:5px;padding:0 22px 12px}.tutorial-track span{height:4px;flex:1;background:#395044;border-radius:9px}.tutorial-track .active{background:#f0cf72;box-shadow:0 0 9px #f0cf72}.tutorial-track .passed{background:#8ba790}@keyframes tutorialPulse{50%{opacity:.3;transform:scale(1.025)}}@media(min-width:851px){.tutorial-board{width:min(100%,calc(177.78dvh - 500px));margin-inline:auto}}@media(max-width:850px){#tutorialDialog{width:calc(100vw - 12px);max-height:98dvh;border-radius:8px}.tutorial-top{padding:14px 16px}.tutorial-board{width:900px}.tutorial-bottom{display:block;padding:15px 16px}.tutorial-controls{justify-content:space-between;margin-top:18px}.tutorial-controls button{padding:8px 11px}.tutorial-track{padding:0 16px 14px}#tutorialCopy{font-size:15px}.tutorial-visual{scroll-snap-type:x proximity}}@media(prefers-reduced-motion:reduce){.tutorial-focus,.tutorial-secondary{transition:none}.tutorial-focus::after{animation:none}}body.no-motion .tutorial-focus,body.no-motion .tutorial-secondary{transition:none}body.no-motion .tutorial-focus::after{animation:none}
#tutorialDialog{width:min(1320px,calc(100vw - 38px));max-width:none;max-height:calc(100dvh - 20px);top:10px;margin:0 auto;padding:0;overflow:auto;background:#0c1b19;color:#e5eedf;border:1px solid #8d7950;border-radius:14px;box-shadow:0 24px 90px #000b;font-family:inherit;scrollbar-color:#7c7355 #0c1b19}#tutorialDialog::backdrop{background:#020807e8}#tutorialDialog *{box-sizing:border-box}.tutorial-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;background:#102a22}.tutorial-top small{color:#d9b95e;font-size:12px;letter-spacing:.16em}.tutorial-top h2{font-size:clamp(22px,2.1vw,30px);line-height:1.25;margin:6px 0 0}.tutorial-top button,.tutorial-controls button{font:inherit;color:#e5eedf;background:#17372d;border:1px solid #496151;border-radius:8px;min-height:44px;padding:8px 18px;cursor:pointer;white-space:nowrap}.tutorial-top button:hover,.tutorial-controls button:hover{background:#285140}.tutorial-controls .primary{background:#d9b95e;color:#111b14;border-color:#d9b95e;font-weight:700}.tutorial-controls button:disabled{opacity:.45;cursor:not-allowed}.tutorial-dialog button:focus-visible{outline:3px solid #f0cf72;outline-offset:3px}.tutorial-visual{overflow-x:auto;overflow-y:hidden;scrollbar-color:#d9b95e #20352c;background:#06100e}.tutorial-board{position:relative;width:100%;margin:0;overflow:hidden;isolation:isolate}.tutorial-board img{display:block;width:100%;height:auto;user-select:none}.tutorial-highlights{position:absolute;inset:0;pointer-events:none}.tutorial-focus,.tutorial-secondary{position:absolute;pointer-events:none;border:3px solid #ffdb70;border-radius:9px;box-shadow:0 0 0 2000px rgba(2,7,8,.57),0 0 24px #ffdb70bb;z-index:1}.tutorial-secondary{border-color:#7ceac9;box-shadow:0 0 17px #7ceac999;z-index:2}.tutorial-bottom{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:12px 22px 14px}.tutorial-explanation{max-width:710px}.tutorial-count{color:#d9b95e;font-size:13px;font-weight:700;letter-spacing:.08em;margin:0 0 8px}#tutorialCopy{font-size:16px;line-height:1.65;margin:0}.tutorial-controls{display:flex;gap:9px;align-items:center}.tutorial-track{display:flex;gap:5px;padding:0 22px 12px}.tutorial-track span{height:4px;flex:1;background:#395044;border-radius:9px}.tutorial-track .active{background:#f0cf72;box-shadow:0 0 9px #f0cf72}.tutorial-track .passed{background:#8ba790}@media(min-width:851px){.tutorial-board{width:min(100%,calc(177.78dvh - 500px));margin-inline:auto}}@media(max-width:850px){#tutorialDialog{width:calc(100vw - 12px);max-height:calc(100dvh - 8px);top:4px;border-radius:8px}.tutorial-top{padding:14px 16px}.tutorial-board{width:900px}.tutorial-bottom{display:block;padding:15px 16px}.tutorial-controls{justify-content:space-between;margin-top:18px}.tutorial-controls button{padding:8px 11px}.tutorial-track{padding:0 16px 14px}#tutorialCopy{font-size:15px}.tutorial-visual{scroll-snap-type:x proximity}}

/* Tap a tutorial screenshot to inspect its original 1280×720 detail. */
#tutorialDialog .tutorial-visual{cursor:zoom-in}
#tutorialDialog .tutorial-visual:focus-visible{outline:3px solid #f0cf72;outline-offset:-3px}
#tutorialZoom[open]{position:fixed;inset:0;display:flex;flex-direction:column;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#06100e;color:#f2ead5;overflow:hidden}
#tutorialZoom::backdrop{background:#020807ed}
.tutorial-zoom-top{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:max(8px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left));background:#102a22;border-bottom:1px solid #776c4f}
.tutorial-zoom-top strong{font-size:16px;line-height:1.3}
.tutorial-zoom-top button{flex:0 0 auto;min-height:44px;padding:8px 13px;border:1px solid #9c8956;border-radius:6px;background:#233e32;color:#f5e7bf;font:inherit;cursor:pointer}
.tutorial-zoom-top button:focus-visible{outline:3px solid #f0cf72;outline-offset:3px}
.tutorial-zoom-view{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;scrollbar-color:#d9b95e #20352c}
.tutorial-zoom-view img{display:block;width:1280px;max-width:none;height:720px;max-height:none;margin:0 auto;user-select:none;-webkit-user-drag:none}
.tutorial-zoom-help{margin:0;padding:8px max(14px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:#102a22;color:#c9d7c7;font-size:12px;text-align:center}