.tutorial-step.guided{display:grid;gap:10px;padding:14px;border:1px solid rgba(220,178,99,.34);border-radius:14px;background:linear-gradient(145deg,rgba(71,51,27,.82),rgba(31,25,18,.9))}
.tutorial-step.guided .guide-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.tutorial-step.guided .guide-head span{font-size:.66rem;letter-spacing:.13em;color:#dcb263}
.tutorial-step.guided .guide-head strong{display:block;margin-top:3px;font:700 1rem Georgia,serif;color:#fff4d6}
.tutorial-step.guided p{margin:0;color:#e5d6b7;line-height:1.45}
.tutorial-step.guided .guide-reason{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border-radius:9px;background:rgba(0,0,0,.2);font-size:.76rem;color:#cdbf9f}
.tutorial-step.guided .guide-reason b{color:#e6c77e}
.tutorial-step.guided .guide-action{display:flex;align-items:center;justify-content:space-between;gap:10px}
.tutorial-step.guided .guide-action button{border:1px solid #d1a451;border-radius:9px;background:#9d642f;color:#fff7df;font-weight:800;padding:8px 12px;cursor:pointer}
.tutorial-step.guided .guide-action small{color:#bfaf90}
.tutorial-progress{height:5px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.09)}
.tutorial-progress i{display:block;height:100%;background:linear-gradient(90deg,#b87333,#e5c36e)}
.build-category{display:flex;align-items:center;gap:8px;padding:0 8px;color:#d5bc89;font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.build-category::before{content:"";width:18px;height:1px;background:rgba(213,188,137,.45)}
.build-category:first-child{padding-left:2px}
.buildings .build{min-width:166px}
.advisor-panel .advisor:nth-of-type(n+4){display:none}
.guidance-disabled #tutorial,.guidance-disabled .guidance-coach{display:none!important}
.guidance-toggle>span:first-child{font-size:1.05rem}
.guidance-toggle:not(.active){opacity:.68}

.guidance-coach{position:absolute;z-index:8;left:86px;top:96px;width:min(390px,calc(100% - 440px));padding:18px;border-radius:16px;display:grid;gap:11px;box-shadow:0 22px 54px rgba(0,0,0,.42),0 0 0 1px rgba(255,225,163,.08) inset}
.guidance-coach[hidden]{display:none}
.guidance-coach.founding{border-color:rgba(237,196,112,.82);background:linear-gradient(150deg,rgba(71,45,24,.97),rgba(29,22,15,.98))}
.coach-kicker{font-size:10px;font-weight:900;letter-spacing:.18em;color:#e3bc70}
.coach-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.coach-heading span{font-size:11px;font-weight:900;color:#f1d493;letter-spacing:.09em}
.coach-heading b{padding:5px 8px;border:1px solid rgba(144,194,112,.48);border-radius:999px;background:rgba(71,112,52,.3);color:#c9e5ad;font-size:9px;letter-spacing:.08em}
.guidance-coach h2{margin:0;font:700 27px/1.08 Georgia,serif;color:#fff3d2;text-shadow:0 2px 12px rgba(0,0,0,.32)}
.coach-command{margin:0;color:#f0dfbd;font-size:14px;line-height:1.55}
.coach-reason{display:grid;gap:3px;padding:10px 12px;border-radius:10px;background:rgba(7,5,3,.34);border-left:3px solid #d5a455}
.coach-reason strong{color:#e6bd70;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.coach-reason span{color:#cdbd9e;font-size:12px;line-height:1.45}
.coach-progress{height:7px;border-radius:999px;background:rgba(8,6,4,.62);overflow:hidden;border:1px solid rgba(255,255,255,.06)}
.coach-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a85c36,#f0ca74);box-shadow:0 0 18px rgba(238,194,103,.35)}
.coach-primary{min-height:46px;border:1px solid #efc06f;border-radius:11px;background:linear-gradient(180deg,#c88738,#8e4f26);color:#fff8e5;font-weight:900;font-size:14px;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.24);transition:transform .16s ease,filter .16s ease}
.coach-primary:hover{transform:translateY(-1px);filter:brightness(1.08)}
.coach-primary:focus-visible{outline:3px solid #ffe3a7;outline-offset:3px}
.guidance-coach>small{color:#ad9c7e;font-size:10px;line-height:1.4}

.build.recommended{border-color:#f2cf78!important;box-shadow:0 0 0 2px rgba(242,207,120,.2),0 0 22px rgba(239,184,80,.36),inset 0 0 0 1px rgba(255,236,191,.2);animation:recommendedPulse 1.7s ease-in-out infinite}
.build.coach-pulse{animation:coachPulse .7s ease-out}
@keyframes recommendedPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes coachPulse{0%{filter:brightness(1)}45%{filter:brightness(1.5)}100%{filter:brightness(1)}}

.onboarding-active .panel-tabs [data-panel]:not([data-panel="mandate"]){display:none}
.onboarding-active #tutorial{display:none}
.onboarding-active .utility-dock{display:none}
.onboarding-active .metrics{grid-template-columns:repeat(3,minmax(92px,1fr))}
.onboarding-active .metrics .metric:nth-child(2),.onboarding-active .metrics .metric:nth-child(5),.onboarding-active .metrics .metric:nth-child(6){display:none}
.onboarding-active .build-dock{width:min(720px,calc(100% - 430px));grid-template-columns:150px minmax(0,1fr)}
.onboarding-active .buildings{justify-content:center;overflow:visible}
.onboarding-active .buildings .build{flex:1 1 132px;max-width:150px;min-width:120px}
.onboarding-active .buildings .build.onboarding-hidden{display:none}
.onboarding-active .hint{display:none}
.onboarding-active .mission-panel{box-shadow:0 18px 46px rgba(0,0,0,.38),inset 0 1px rgba(255,239,199,.1)}

@media(max-width:1250px){
  .guidance-coach{top:148px;left:78px;width:min(370px,calc(100% - 390px))}
  .onboarding-active .build-dock{width:calc(100% - 36px);grid-template-columns:150px minmax(0,1fr)}
}
@media(max-width:900px){
  .tutorial-step.guided .guide-action{align-items:stretch;flex-direction:column}
  .tutorial-step.guided .guide-action button{width:100%}
  .build-category{min-width:max-content}
  .buildings .build{min-width:150px}
  .guidance-coach{left:70px;top:142px;width:calc(100% - 330px);padding:14px;gap:8px}
  .guidance-coach h2{font-size:22px}
  .coach-command{font-size:12px}
  .coach-reason span{font-size:11px}
  .onboarding-active .build-dock{grid-template-columns:1fr}
  .onboarding-active .build-label{display:none}
}
@media(max-width:620px){
  .guidance-coach{left:8px;right:8px;top:136px;width:auto;max-height:calc(100% - 220px);overflow:auto;padding:13px}
  .guidance-coach h2{font-size:21px}
  .coach-reason{display:none}
  .coach-primary{min-height:42px}
  .onboarding-active .metrics{grid-template-columns:repeat(3,1fr)}
  .onboarding-active .build-dock{width:auto}
  .onboarding-active .buildings{justify-content:flex-start;overflow-x:auto}
  .onboarding-active .buildings .build{flex:0 0 112px;min-width:112px}
}
