.tutorial-overlay{position:fixed;inset:0;z-index:16000;color:#e4d9c1;font-family:Georgia,serif;isolation:isolate}.tutorial-overlay[hidden],.tutorial-hint[hidden]{display:none}.tutorial-overlay:before{content:'';position:absolute;inset:var(--tutorial-world,0);background:#05090970;pointer-events:none}.tutorial-card{position:absolute;display:flex;flex-direction:column;box-sizing:border-box;border-style:solid;border-color:transparent;border-width:88px 38px 45px;border-image:url('./assets/ui/tutorial/panel.webp') 125 64 100 fill / 88px 38px 60px;filter:drop-shadow(0 8px 22px #000b);min-width:0;outline:none}.tutorial-card-scroll{overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;text-align:center;padding:0 10px;scrollbar-color:#8c7548 #171918}.tutorial-eyebrow{font:12px/1.5 system-ui,sans-serif;letter-spacing:.16em;color:#aaa38f;margin:0 0 14px}.tutorial-card h2{font:26px/1.2 Georgia,serif;color:#dabb75;margin:0 0 22px}.tutorial-body{font:18px/1.48 Georgia,serif;margin:0 0 20px}.tutorial-illustration{width:100%;aspect-ratio:864/344;position:relative;margin:15px auto;overflow:hidden;border:1px solid #b0934b40;background:#13171188;border-radius:3px}.tutorial-illustration img{display:block;width:100%;height:100%;object-fit:contain}.tutorial-rest-art{aspect-ratio:432/140}.tutorial-rest-art img{position:absolute;max-width:none;width:129.63%;height:auto;left:-14.815%;top:-270%;object-fit:initial}.tutorial-tip{font:16px/1.4 Georgia,serif;color:#bcb49f;margin:10px 0}.tutorial-task{font:16px/1.4 Georgia,serif;color:#e1c686;margin:12px 0 4px}.tutorial-card footer{flex:none;padding:7px 8px 0;text-align:center}.tutorial-dots{display:flex;justify-content:center;gap:8px;margin:8px 0 14px}.tutorial-dots i{width:5px;height:5px;border-radius:50%;background:#5d594b}.tutorial-dots .current{background:#dabc76}.tutorial-buttons{display:grid;grid-template-columns:85px 1fr;gap:12px}.tutorial-card button{font:17px/1.2 Georgia,serif;min-height:40px;padding:7px 14px;color:#d9bf83;background:transparent;border:8px solid transparent;border-image:url('./assets/ui/tutorial/Button_normal.svg') 9 12 fill / 8px;box-shadow:none;border-radius:0;cursor:pointer;clip-path:none;text-transform:none}.tutorial-card button:hover{border-image-source:url('./assets/ui/tutorial/Button_hover.svg')}.tutorial-card button:active{border-image-source:url('./assets/ui/tutorial/Button_pressed.svg')}.tutorial-card button:focus-visible{border-image-source:url('./assets/ui/tutorial/Button_focus.svg');outline:2px solid #e6c578;outline-offset:2px}.tutorial-card button:disabled{opacity:.5;border-image-source:url('./assets/ui/tutorial/Button_disabled.svg');cursor:default}.tutorial-card .tutorial-skip{border:0;border-image:none;background:none;font:13px system-ui,sans-serif;min-height:32px;color:#aaa38f;text-decoration:underline;margin-top:7px}.tutorial-card.compact{border-top-width:68px;border-bottom-width:25px;border-image-width:68px 30px 40px;border-left-width:30px;border-right-width:30px}.tutorial-card.compact h2{font-size:23px;margin-bottom:12px}.tutorial-card.compact .tutorial-body{font-size:16px;line-height:1.42;margin-bottom:10px}.tutorial-card.compact .tutorial-eyebrow{margin-bottom:8px}.tutorial-card.compact .tutorial-illustration{max-width:280px;margin:10px auto}.tutorial-card.compact .tutorial-dots{margin:4px 0 7px}.tutorial-card.compact .tutorial-tip,.tutorial-card.compact .tutorial-task{font-size:16px}.tutorial-hint{position:fixed;z-index:100;display:flex;align-items:center;gap:10px;padding:9px 13px;color:#e5cf9d;background:#0d1414ed;border:1px solid #8f784a;box-shadow:0 4px 18px #0008;font:16px/1.35 Georgia,serif;box-sizing:border-box;max-width:min(530px,90vw)}.tutorial-hint img{width:32px;height:32px;object-fit:contain}.tutorial-hint button{color:#d7c49c;background:none;border:none;padding:4px 8px;box-shadow:none}.tutorial-target{outline:3px solid #d5b46c!important;outline-offset:5px;animation:tutorial-pulse 1.2s ease-in-out infinite alternate}.tutorial-help-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.tutorial-help-list button{display:flex;align-items:center;gap:12px;text-align:left}.tutorial-help-list img{width:64px;height:42px;object-fit:contain}.tutorial-help-list small{display:block;font-size:12px;color:#beb49c}.admin-tutorial-preview{max-width:440px;padding:20px;background:#111714;border:1px solid #927342}.admin-tutorial-preview img{max-width:100%;max-height:200px;object-fit:contain}.admin-tutorial-preview h2{color:#d8b56c}.admin-tutorial-preview p{font:18px/1.5 Georgia,serif}.admin-tutorial-note{border-left:3px solid #b39156;padding:12px 18px;background:#141c1c}.admin-fields textarea[data-field="body"],.admin-fields textarea[data-field="touchBody"]{min-height:130px}@keyframes tutorial-pulse{to{outline-color:#e5c77f99}}@media(prefers-reduced-motion:reduce){.tutorial-target{animation:none}}@media(max-width:600px){.tutorial-help-list{grid-template-columns:1fr}.tutorial-card{border-left-width:24px;border-right-width:24px}.tutorial-card h2{font-size:22px}.tutorial-card-scroll{padding:0 4px}.tutorial-buttons{grid-template-columns:70px 1fr;gap:8px}.tutorial-card button{font-size:16px;padding:5px}.tutorial-hint img{display:none}}

.tutorial-card:not(.compact) .tutorial-illustration{max-width:350px}.tutorial-card h2{margin-bottom:14px}.tutorial-eyebrow{margin-bottom:10px}.tutorial-body{line-height:1.42;margin-bottom:14px}.tutorial-touch-art{display:grid;justify-items:center;gap:14px;background:#11171088;border:1px solid #b0934b40;padding:18px;margin:14px 0;color:#d4b673;font:16px/1.4 system-ui,sans-serif}.tutorial-touch-art img{width:64px;height:64px}