#mission-tutorial-highlight{position:fixed;z-index:3250;border:2px solid #d8b64b;border-radius:8px;box-shadow:0 0 0 9999px rgba(3,4,4,.34),0 0 28px rgba(216,182,75,.5);opacity:0;pointer-events:none;transition:opacity .18s,left .18s,top .18s,width .18s,height .18s}
#mission-tutorial-highlight.visible{opacity:1}
#mission-tutorial-panel{position:fixed;left:50%;bottom:24px;z-index:3300;width:min(520px,calc(100vw - 32px));transform:translate(-50%,14px);background:rgba(9,11,11,.94);border:1px solid rgba(216,182,75,.38);border-radius:8px;color:#eff7f3;padding:16px 18px;box-shadow:0 20px 60px rgba(0,0,0,.42);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;font-family:"Rajdhani",sans-serif}
#mission-tutorial-panel.visible{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.mission-tutorial-kicker{font-family:"Orbitron",sans-serif;color:#7dc7c9;font-size:.68rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px}
#mission-tutorial-panel h3{font-family:"Orbitron",sans-serif;color:#d8b64b;font-size:1rem;letter-spacing:1px;margin:0 0 8px}
.mission-tutorial-body{font-size:.95rem;line-height:1.3;color:#dbe9e2}
.mission-tutorial-body p{margin:0 0 7px}
.mission-tutorial-body p:last-child{margin-bottom:0}
.mission-tutorial-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}
.mission-tutorial-actions button{border:1px solid rgba(216,182,75,.42);border-radius:6px;background:rgba(216,182,75,.14);color:#eff7f3;padding:7px 12px;font-family:"Orbitron",sans-serif;font-size:.68rem;letter-spacing:1px;cursor:pointer}
.mission-tutorial-actions button:hover,.mission-tutorial-actions button:focus-visible{background:rgba(125,199,201,.18);outline:none}
#mission-tutorial-skip{background:rgba(125,199,201,.08);border-color:rgba(125,199,201,.32);color:#c7d7d1}
#mission-tutorial-media{position:fixed;top:96px;right:24px;z-index:3280;width:min(360px,calc(100vw - 48px));margin:0;padding:10px;background:rgba(9,11,11,.92);border:1px solid rgba(125,199,201,.34);border-radius:10px;box-shadow:0 18px 44px rgba(0,0,0,.32);opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .18s,transform .18s,border-color .18s,box-shadow .18s;cursor:zoom-in;outline:none}
#mission-tutorial-media.visible{opacity:1;transform:translateY(0);pointer-events:auto}
#mission-tutorial-media:hover,#mission-tutorial-media:focus-visible{border-color:rgba(216,182,75,.5);box-shadow:0 18px 44px rgba(0,0,0,.32),0 0 0 1px rgba(216,182,75,.28)}
#mission-tutorial-media.expanded{top:50%;left:50%;right:auto;bottom:auto;width:min(760px,calc(100vw - 42px));padding:14px;transform:translate(-50%,-50%);z-index:3350;cursor:zoom-out}
#mission-tutorial-media img{display:block;width:100%;height:auto;border-radius:6px;background:#bcd1ef}
#mission-tutorial-media.expanded img{max-height:calc(100vh - 180px);object-fit:contain}
#mission-tutorial-media figcaption{margin-top:7px;font-family:"Rajdhani",sans-serif;font-size:.83rem;line-height:1.2;color:#dbe9e2}
body.mission-tutorial-running #factory-tooltip{opacity:0}
@media (max-width:700px){
  #mission-tutorial-panel{bottom:14px;padding:14px;width:calc(100vw - 24px)}
  .mission-tutorial-actions{justify-content:space-between}
  #mission-tutorial-media{top:auto;right:12px;bottom:102px;width:min(300px,calc(100vw - 24px))}
  #mission-tutorial-media.expanded{width:calc(100vw - 20px);padding:10px}
  #mission-tutorial-media.expanded img{max-height:calc(100vh - 210px)}
}