.tutorial-entry{display:flex;align-items:center;gap:6px;width:auto;height:auto;min-height:44px;padding:8px 11px;border:1px solid #d5e7df;border-radius:12px;background:#f8fcf9;font-size:12px;white-space:nowrap}
#app[data-tutorial] .app-header,#app[data-tutorial] .app-footer,
#app[data-tutorial] .canvas-workspace > :not(.build-stage):not(.build-tutorial),
#app[data-tutorial] .build-stage > :not(#world){visibility:hidden!important;pointer-events:none!important}
.build-tutorial{position:absolute;inset:0;z-index:85;pointer-events:none;color:#294c49}
.build-tutorial[hidden]{display:none}
.tutorial-top{position:absolute;top:16px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.tutorial-top strong{font-size:17px}.tutorial-top button{pointer-events:auto;min-height:44px;border:1px solid #d4e6df;border-radius:12px;background:#f9fcf9;padding:8px 14px;font-size:13px}
.tutorial-top button span{margin-left:8px;font-size:20px}
.tutorial-coach{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);width:min(460px,calc(100% - 32px));text-align:center;background:#fafdf9f5;border:1px solid #d5e7df;border-radius:20px;padding:16px 18px;box-shadow:0 8px 32px #284f4814}
.tutorial-instruction{font-size:16px;line-height:1.5;margin:10px 0 16px}
.tutorial-progress{display:flex;gap:6px;justify-content:center}.tutorial-progress i{width:24px;height:4px;border-radius:5px;background:#dce7e1}.tutorial-progress .is-done{background:#418e83}
.tutorial-actions{display:flex;justify-content:center;gap:12px;align-items:stretch}
.tutorial-actions button{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:9px;min-width:104px;min-height:52px;border:1px solid #b9d9cd;border-radius:12px;background:#e6f3eb;padding:10px 16px;font-size:15px;color:#285d53;touch-action:none}
.tutorial-actions button:disabled{opacity:.45;cursor:default}.tutorial-actions button[hidden]{display:none}
.tutorial-actions .tutorial-material{background:#fff;border-color:#7bc8d2}.tutorial-material svg{width:34px;height:34px}
.tutorial-actions kbd{font-size:10px;border:1px solid #bed6cb;padding:2px 4px;border-radius:3px}
.tutorial-actions .tutorial-done{background:#347e72;color:#fff;border-color:#347e72}
.tutorial-actions .tutorial-accessible-place:not(:focus){position:absolute;width:1px;height:1px;min-width:0;min-height:0;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%)}
.build-tutorial button:focus-visible{outline:3px solid #a68ae0;outline-offset:3px}
@media(max-width:1100px){.app-header .brand-copy{display:none}}
@media(pointer:coarse){.tutorial-actions kbd{display:none}}
@media(max-width:600px){.tutorial-top{top:8px;left:12px;right:12px}.tutorial-coach{bottom:14px;padding:12px 14px}.tutorial-instruction{font-size:14px}.tutorial-top strong{font-size:15px}}
@media(max-height:520px){.tutorial-coach{bottom:8px;padding:8px 14px}.tutorial-instruction{margin:6px 0;font-size:13px}.tutorial-actions button{min-height:44px;padding:6px 12px}.tutorial-top{top:6px}}