/* v1.0.6 — New player guided tutorial / tablet-safe focus layer */
#mbtTutorial{position:fixed;inset:0;z-index:60000;pointer-events:none;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#f7faff;isolation:isolate}
#mbtTutorial .mbt-tutorial-shade{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
#mbtTutorial .mbt-tutorial-ring{position:fixed;z-index:1;border:3px solid #ffd777;border-radius:14px;box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 18px rgba(255,203,96,.85),inset 0 0 16px rgba(255,212,97,.25);animation:mbtTutorialPulse 1.8s ease-in-out infinite;pointer-events:none}
#mbtTutorial .mbt-tutorial-ring[hidden]{display:none}
#mbtTutorial .mbt-tutorial-card{position:fixed;z-index:2;pointer-events:auto;max-height:calc(100dvh - 16px);overflow:auto;border:1px solid #f0c879;border-radius:20px;background:linear-gradient(148deg,#142f4d,#071827 88%);box-shadow:0 22px 70px #000e,0 0 28px #f2c66b38;padding:18px 19px 16px;line-height:1.5}
#mbtTutorial .mbt-tutorial-kicker{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}
#mbtTutorial .mbt-tutorial-progress{font-size:10px;font-weight:900;letter-spacing:1.5px;color:#f5c87a}
#mbtTutorial button{cursor:pointer;font:inherit}
#mbtTutorial .mbt-tutorial-skip{background:#18394f;border:1px solid #477693;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:750;color:#eff8ff;white-space:nowrap}
#mbtTutorial .mbt-tutorial-skip:hover{background:#295570}
#mbtTutorial .mbt-tutorial-header{display:flex;align-items:center;gap:12px}
#mbtTutorial .mbt-tutorial-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border:1px solid #f6ce7e;border-radius:13px;background:linear-gradient(135deg,#6f471e,#352922);font-size:27px}
#mbtTutorial .mbt-tutorial-title{font-size:19px;line-height:1.25;color:#fff0c5;margin:0 0 9px;font-weight:850}
#mbtTutorial .mbt-tutorial-dots{display:flex;gap:4px;flex-wrap:wrap}
#mbtTutorial .mbt-tutorial-dots i{width:12px;height:4px;border-radius:20px;background:#31546a}
#mbtTutorial .mbt-tutorial-dots .done{background:#59b5a5}
#mbtTutorial .mbt-tutorial-dots .here{background:#ffca65;box-shadow:0 0 6px #fcd15b}
#mbtTutorial .mbt-tutorial-body{font-size:13px;color:#e2f2fc;line-height:1.65;margin:15px 0 9px}
#mbtTutorial .mbt-tutorial-body b{color:#ffdf99}
#mbtTutorial .mbt-tutorial-hint{font-size:11px;line-height:1.55;color:#b9d3e5;background:#0b283e;border-left:3px solid #5ec3d0;padding:9px 10px;border-radius:5px;margin:0 0 15px}
#mbtTutorial .mbt-tutorial-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}
#mbtTutorial .mbt-tutorial-footer>span{font-size:10px;color:#8fb3cc;max-width:160px}
#mbtTutorial .mbt-tutorial-next{border:1px solid #ffe19b;border-radius:10px;background:linear-gradient(135deg,#edb53d,#b07017);color:#241a0e;padding:10px 13px;font-size:12px;font-weight:900;min-height:40px}
#mbtTutorial .mbt-tutorial-next[hidden]{display:none}
#mbtTutorial .mbt-tutorial-next:hover{filter:brightness(1.13)}
body.mbt-tutorial-active{user-select:none}
@keyframes mbtTutorialPulse{0%,100%{box-shadow:0 0 0 1px #fff9,0 0 14px #ffcb6699}50%{box-shadow:0 0 0 2px #fff8,0 0 26px #ffd580ee}}
@media(max-width:570px){#mbtTutorial .mbt-tutorial-card{padding:13px 14px;border-radius:16px}#mbtTutorial .mbt-tutorial-title{font-size:16px}#mbtTutorial .mbt-tutorial-body{font-size:12px}#mbtTutorial .mbt-tutorial-hint{font-size:10px;margin-bottom:11px}#mbtTutorial .mbt-tutorial-icon{height:40px;flex-basis:40px;font-size:23px}}
@media(prefers-reduced-motion:reduce){#mbtTutorial .mbt-tutorial-ring{animation:none}}