/* ==========================================================================
   Game-page extras: panel tour band. Loaded on game pages only, after style.css and themes.css.
   ========================================================================== */

/* ---------- Panel tour band ---------- */
.panel-tour{position:relative;background:var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;}
.panel-tour::before{content:"";position:absolute;inset:-30% auto auto -10%;width:60%;height:120%;background:radial-gradient(ellipse at 30% 40%,rgba(61,92,255,.13),transparent 62%);pointer-events:none;}
.pt-head{position:relative;max-width:760px;margin:0 0 40px;}
.pt-head h2{font-size:clamp(28px,4vw,44px);text-transform:uppercase;font-weight:900;line-height:1.05;margin:6px 0 14px;text-wrap:balance;}
.pt-head p{color:var(--muted);font-size:17px;margin:0;}
.pt-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px;align-items:center;}
.pt-window{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#16191f;box-shadow:0 50px 100px -30px rgba(0,0,0,.8),0 0 0 1px rgba(61,92,255,.12);}
.pt-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;background:#0f1116;border-bottom:1px solid rgba(255,255,255,.07);}
.pt-bar i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.16);display:block;}
.pt-bar span{margin-left:10px;flex:1;max-width:260px;font-family:var(--font-mono);font-size:11px;color:var(--muted);background:rgba(255,255,255,.05);border-radius:999px;padding:4px 12px;}
.pt-slides{display:grid;}
.pt-slide{grid-area:1 / 1;margin:0;position:relative;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s;}
.pt-slide.is-active{opacity:1;visibility:visible;}
.pt-slide img{display:block;width:100%;height:auto;}
.pt-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px;}
.pt-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--border-bright);background:transparent;color:var(--text);font-size:17px;cursor:pointer;transition:background .2s ease,border-color .2s ease;}
.pt-btn:hover{background:rgba(61,92,255,.16);border-color:var(--blue-bright);}
.pt-btn:focus-visible{outline:2px solid var(--blue-bright);outline-offset:3px;}
.pt-count{font-family:var(--font-mono);font-size:13px;color:var(--muted);min-width:84px;text-align:center;}
.pt-count b{color:var(--text);font-weight:600;}
.pt-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;counter-reset:none;}
.pt-list li{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:18px 20px;border:1px solid var(--border);border-radius:14px;background:rgba(14,17,23,.6);}
.pt-num{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--blue-bright);padding-top:2px;}
.pt-list b,.pt-card b{display:block;font-family:var(--font-display);font-weight:800;font-size:17px;color:var(--text);margin-bottom:4px;}
.pt-list span:not(.pt-num),.pt-card span:not(.pt-num){display:block;color:var(--muted);font-size:14px;line-height:1.55;}
.pt-cards{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.pt-card{padding:24px;border:1px solid var(--border);border-top:2px solid var(--blue-bright);border-radius:14px;background:rgba(14,17,23,.6);}
.pt-card .pt-num{display:block;margin-bottom:10px;}
.pt-actions{position:relative;display:flex;gap:14px;flex-wrap:wrap;margin-top:34px;}
@media (max-width:900px){
  .pt-grid{grid-template-columns:minmax(0,1fr);gap:26px;}
  .pt-cards{grid-template-columns:minmax(0,1fr);}
  .pt-slide .mp-tag{font-size:8px;padding:3px 8px;right:8px;letter-spacing:.06em;}
}

@media (prefers-reduced-motion:reduce){
  .pt-slide{transition:none;}
}