/* First-run tour overlay styles */
.frt-overlay{position:fixed;inset:0;z-index:9999;pointer-events:auto}
.frt-overlay.hidden{display:none!important}
.frt-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(2px)}
.frt-spotlight{position:fixed;border-radius:12px;box-shadow:0 0 0 9999px rgba(0,0,0,.72);border:2px solid var(--gold,#c9a84c);pointer-events:none;z-index:10000;transition:all .25s ease}
.frt-card{position:fixed;z-index:10001;width:min(360px,calc(100vw - 24px));background:var(--card,#1a1a24);border:1px solid var(--gold-dim,#7a6530);border-radius:16px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.frt-card-center{top:50%!important;left:50%!important;transform:translate(-50%,-50%)}
.frt-card:not(.frt-card-center){transform:none}
.frt-icon{font-size:2rem;margin-bottom:8px}
.frt-card h2{font-size:1.1rem;margin-bottom:8px;color:var(--gold-light,#e8c97a)}
.frt-card p{font-size:.88rem;line-height:1.55;color:#d0d0d4;margin-bottom:16px}
.frt-progress{height:4px;background:#1a1a2a;border-radius:99px;overflow:hidden;margin-bottom:14px}
.frt-progress-bar{height:100%;background:var(--gold,#c9a84c);transition:width .3s}
.frt-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.frt-nav{display:flex;gap:8px;margin-left:auto}
body.frt-active{overflow:hidden}
/* Keep tour above nav so mid-tour nav clicks can't open Upload under the overlay */
body.frt-active #nav{z-index:1}
.frt-pulse{animation:frtPulse .6s ease 2;outline:2px solid var(--gold,#c9a84c);outline-offset:4px;border-radius:10px}
@keyframes frtPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@media(max-width:600px){
  .frt-card{width:calc(100vw - 20px);left:10px!important;right:10px;transform:none!important}
  .frt-card-center{top:auto!important;bottom:20px!important;left:10px!important}
}