.v011-tutorial-shade {position:fixed;inset:0;z-index:202;pointer-events:none;overflow:visible}
.v011-tutorial-shade-part{position:fixed;background:rgba(2,12,22,.62);pointer-events:none}
.v011-tutorial-spotlight{position:fixed;border:2px solid #79ffce;border-radius:14px;box-shadow:0 0 18px rgba(70,255,190,.45);pointer-events:none}
.v011-tutorial-spotlight[hidden]{display:none!important}
/* V0.11 P4.3 educational coach — safe mobile, concise action + scrollable field guide.
 * Opt-in only; mandatory real gameplay remains disabled until P4.4–P4.6. */
.v011-tutorial-target {
  position:relative; z-index:201!important;
  outline:3px solid #f7dc83!important; outline-offset:3px;
  box-shadow:0 0 0 7px rgba(255,209,102,.22),0 0 27px rgba(255,204,103,.3)!important;
}
.v011-tutorial-coach {
  position:fixed; z-index:205; left:50%; transform:translateX(-50%);
  bottom:calc(80px + env(safe-area-inset-bottom,0px));
  width:min(520px,calc(100vw - 20px));
  max-height:min(54dvh,360px);
  display:flex; flex-direction:column; gap:8px;
  padding:13px 15px 12px;
  border:1px solid #68d5b9; border-radius:18px;
  background:linear-gradient(160deg,#0b3040,#071c2b 75%);
  color:#f4faff; box-shadow:0 6px 35px rgba(0,0,0,.65);
  font:500 14px/1.5 system-ui,-apple-system,sans-serif;
  overflow:hidden;
  touch-action:pan-y;
}
.v011-tutorial-coach[data-placement="top"],.v011-tutorial-coach[data-placement="bottom"]{transform:none}
.v011-tutorial-coach [data-tutorial-scroll]{-webkit-overflow-scrolling:touch;touch-action:pan-y}
.v011-tutorial-head {display:flex;flex-shrink:0;gap:10px;align-items:center;color:#88f0d2}
.v011-tutorial-head [data-tutorial-progress]{font-size:12px;border:1px solid #4c9c8c;padding:3px 9px;border-radius:999px;white-space:nowrap}
.v011-tutorial-head strong {font-size:15px;line-height:1.35}
.v011-tutorial-scroll {overflow-y:auto;overflow-x:hidden;min-height:0;flex:1 1 auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:2px}
.v011-tutorial-scroll>p {margin:2px 0 10px;color:#fff;font:inherit}
.v011-tutorial-tip {padding:10px 11px;border-left:3px solid #76dab4;border-radius:10px;background:rgba(99,214,187,.10)}
.v011-tutorial-tip strong {display:block;color:#a5ffe0;font-size:12px;margin:0 0 4px}
.v011-tutorial-tip p {margin:0;color:#d7ecf5;font:400 13px/1.5 system-ui,-apple-system,sans-serif}
.v011-tutorial-qualities {margin:9px 0 0;padding:9px 11px;border-radius:10px;background:rgba(255,255,255,.06)}
.v011-tutorial-qualities[hidden]{display:none!important}
.v011-tutorial-qualities>strong {font-size:12px;display:block;color:#c9dcea;margin-bottom:7px}
.v011-tutorial-quality-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.v011-tutorial-quality {border:1px solid currentColor;border-radius:9px;padding:5px 7px;text-align:center;font-size:12px;font-weight:800;line-height:1.3;overflow-wrap:anywhere}
.v011-tutorial-quality[data-quality="Q1"]{color:#fff}
.v011-tutorial-quality[data-quality="Q2"]{color:#76e08b}
.v011-tutorial-quality[data-quality="Q3"]{color:#72bdff}
.v011-tutorial-quality[data-quality="Q4"]{color:#d49aff}
.v011-tutorial-quality[data-quality="Q5"]{color:#ffd166}
.v011-tutorial-quality[data-quality="Q6"]{border-color:#ffd166;color:#ffd166;background:linear-gradient(95deg,#ff8a8a,#ffd36e,#86e9a3,#7cbaff,#d59cff,#ff8a8a);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:v011-tutorial-rainbow 5s linear infinite}
@keyframes v011-tutorial-rainbow{0%{background-position:0% 50%}100%{background-position:220% 50%}}
.v011-tutorial-state {flex-shrink:0;font-size:12px;color:#b8d7e3;line-height:1.35}
.v011-tutorial-next {flex-shrink:0;width:100%;min-height:44px;border:0;border-radius:10px;background:#66dab8;color:#07252d;font:800 14px system-ui,-apple-system,sans-serif}
.v011-tutorial-next[hidden] {display:none!important}
@media(max-height:650px){
  .v011-tutorial-coach{padding:9px 11px}
  .v011-tutorial-tip{padding:8px}
}
@media(prefers-reduced-motion:reduce){
  .v011-tutorial-target,.v011-tutorial-coach,.v011-tutorial-quality[data-quality="Q6"]{animation:none!important;transition:none!important}
}

/* Unobstructed result reveal while the tutorial waits for domain completion. */
.v011-tutorial-coach[hidden],.v011-tutorial-shade[hidden]{display:none!important}
/* Portalled original Keep button, handler and inventory transaction are unchanged. */
.v011-tutorial-target.v011-tutorial-docked{
 position:fixed!important;z-index:204!important;min-height:48px!important;
 max-height:88px!important;margin:0!important;transform:none!important;
 box-sizing:border-box!important;touch-action:manipulation;
}
