/* ═══ WELCOME WIZARD — guided tour shown after the terminal is closed ═══
   Chrome (titlebar, body, buttons) inherits the site's XP-Luna popup-win
   skin automatically. This file only adds the two-pane wizard layout. */

#wizard-win{
  width:500px;
}
#wizard-win .popup-body{
  display:flex;
  padding:0;
  min-height:280px;
}

.wiz-art{
  width:150px;
  flex-shrink:0;
  background:radial-gradient(120% 90% at 50% 25%,#6e5236 0%,#4a3018 55%,#241408 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:0;
}
.wiz-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  display:block;
}

.wiz-main{
  flex:1;
  display:flex;
  flex-direction:column;
  padding:18px 20px 14px;
  min-width:0;
}

.wiz-step{ display:none; flex:1; }
.wiz-step.active{ display:flex; flex-direction:column; }

.wiz-title{
  font-size:15px;
  font-weight:700;
  color:#00309c;
  margin:0 0 10px;
  line-height:1.3;
}
.wiz-body{
  font-size:12px;
  color:#000;
  line-height:1.65;
  flex:1;
}
.wiz-body b{ color:#00309c; }

.wiz-progress{
  font-size:10px;
  color:#666;
  margin-top:10px;
  letter-spacing:0.5px;
}

.wiz-footer{
  border-top:1px solid #aca899;
  padding:10px 20px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
.wiz-footer .xp-btn{
  min-width:74px;
}
.wiz-footer .xp-btn:disabled{
  opacity:0.5;
  cursor:default;
  pointer-events:none;
}

@media (max-width:560px){
  #wizard-win{ width:calc(100vw - 24px); max-width:420px; }
  .wiz-art{ width:100px; }
}