/* GuitarPath consolidated styles — preserving source order from 4.10.0. */

/* ---- chord-highway-487.css ---- */
/* GuitarPath 4.8.7: Yousician-like readable chord highway; fret guidance above lanes. */
#highwayCard .chord-banner.chord-name-only{
  z-index:7;width:116px;min-height:68px;padding:8px 16px;
  display:flex;justify-content:center;align-items:center;clip-path:polygon(10% 0,100% 0,93% 100%,0 100%);
  border-radius:15px;background:linear-gradient(160deg,var(--chord-banner1),var(--chord-banner2));
  border:2px solid var(--chord-border);box-shadow:0 10px 25px #0008,0 0 12px var(--chord-shadow);
}
#highwayCard .chord-banner.chord-name-only span{
  margin:0;text-align:center;max-width:108px;overflow:hidden;text-overflow:clip;
  font-size:clamp(23px,2.9vw,40px);font-weight:950;line-height:1.05;letter-spacing:-.04em;
  text-shadow:0 3px 3px #0008,0 0 4px #0008;white-space:nowrap;
}
#highwayCard .chord-banner.chord-name-only.chord-long-name span{font-size:clamp(22px,2.3vw,30px)}
#highwayCard .chord-banner.chord-name-only.chord-very-long span{font-size:clamp(17px,1.8vw,22px);letter-spacing:-.06em}
#highwayCard .chord-banner.chord-name-only.current{filter:brightness(1.18);box-shadow:0 0 0 3px #ffffff4d,0 0 20px var(--chord-shadow)}
#highwayCard .chord-banner.chord-name-only.hit{border-color:#7ee787}
#highwayCard .chord-banner.chord-name-only.miss{border-color:#ff9d91}
#highwayCard .chord-coach-card{
  margin:0;padding:8px 13px 10px!important;background:linear-gradient(100deg,#101e31,#151b32 60%,#0f1829);
  border:0;border-bottom:1px solid #3b5269;box-shadow:none;border-radius:0;
}
#highwayCard .chord-coach-card .chord-coach-intro{font-size:12px;letter-spacing:.04em;font-weight:850;margin:0 0 7px;color:#d6eafa}
#highwayCard .chord-coach-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0!important}
#highwayCard .chord-box{border-radius:13px;min-height:0;padding:8px 10px;background:linear-gradient(135deg,#142c51,#142035);border-color:#476993}
#highwayCard .chord-box-current{border-color:#8ac6ff;box-shadow:inset 3px 0 0 #7dbaff,0 0 12px #579fff1d}
#highwayCard .chord-box-next{opacity:.82}
#highwayCard .chord-box-head{margin:0;gap:6px;align-items:center}
#highwayCard .chord-box-head .muted.small{font-size:10px;letter-spacing:.1em}
#highwayCard .chord-name{font-size:clamp(23px,2.7vw,34px);line-height:1.04;color:#fff;font-weight:950}
#highwayCard .chord-box button{font-size:11px;padding:5px 7px;white-space:nowrap}
#highwayCard .chord-diagram{min-height:0;height:115px;display:grid;place-items:center}
#highwayCard .chord-diagram svg{height:115px;max-width:290px;width:100%;object-fit:contain}
#highwayCard .chord-empty{font-size:11px;padding:8px}
#highwayCard .coach-note{margin:0;color:#a6bcd7;font-size:10px;text-align:right}
#highwayCard .chord-coach-card.chord-memory-mode{padding:9px 12px 10px!important}
#highwayCard .chord-memory-mode .chord-coach-grid{grid-template-columns:1fr 1fr}
#highwayCard .chord-memory-mode .chord-box{min-height:57px;padding:8px 12px}
#highwayCard .chord-memory-mode .chord-diagram,#highwayCard .chord-memory-mode .coach-note{display:none!important}
#highwayCard .arcade-hud.arcade-chords-compact{margin:0;padding:8px 12px 6px;border-radius:0;border-left:0;border-right:0;border-top:0}
#highwayCard .arcade-chords-compact .arcade-hud-row>div:first-child{min-width:0}
#highwayCard .arcade-chords-compact .arcade-hud-row .muted.small{font-size:11px}
#highwayCard .arcade-chords-compact .arcade-hud-chip{min-width:68px;padding:4px 7px}
#highwayCard .arcade-chords-compact .arcade-hud-progress{margin-top:4px;height:4px}
/* Expert tests chord memory only: no backdoor fret hints in TAB or the additional fretboard. */
#trainer.chord-memory-expert .classic-tab-card,
#trainer.chord-memory-expert .fretboard-card{display:none!important}
@media(max-width:700px){
 #highwayCard .chord-coach-card{padding:8px!important}
 #highwayCard .chord-coach-grid{gap:5px}
 #highwayCard .chord-box{padding:6px}
 #highwayCard .chord-box button{font-size:9px;padding:4px}
 #highwayCard .chord-name{font-size:23px}
 #highwayCard .chord-diagram{height:99px}
 #highwayCard .chord-diagram svg{height:99px}
 #highwayCard .chord-banner.chord-name-only{width:103px;padding:5px 11px}
}
@media(prefers-reduced-motion:reduce){#highwayCard .chord-banner.chord-name-only{transition:none!important}}


/* ---- pentatonic-488.css ---- */
/* GuitarPath 4.8.8 — wyrazne oceny akordow + trening pentatoniki. */
/* Only chord blocks use red/green status. Never recolor their inactive neighbors. */
#highwayCard .chord-banner.chord-name-only.hit,
#highwayCard .chord-banner.chord-name-only.hit.current{
 background:linear-gradient(145deg,#2dd46a,#08733f)!important;
 border-color:#b6ffd2!important;
 box-shadow:0 0 0 3px #2cdd7e70,0 0 28px #33fa8777!important;
 filter:none!important;
 animation:none!important;
}
#highwayCard .chord-banner.chord-name-only.miss,
#highwayCard .chord-banner.chord-name-only.miss.current{
 background:linear-gradient(145deg,#ff665e,#a81332)!important;
 border-color:#ffd0ce!important;
 box-shadow:0 0 0 3px #ff4c6270,0 0 28px #f4435977!important;
 filter:none!important;
 animation:none!important;
}
#highwayCard .chord-banner.chord-name-only.hit span,
#highwayCard .chord-banner.chord-name-only.miss span{color:#fff!important;text-shadow:0 2px 6px #001b14!important}
/* Pentatonic in Rytm i teoria: all essential information directly next to the highway. */
.pentatonic-lab-heading{display:flex;justify-content:space-between;align-items:start;gap:14px;flex-wrap:wrap}
.pentatonic-lab-controls{display:grid;grid-template-columns:minmax(130px,1fr) minmax(130px,1fr) minmax(125px,.8fr) auto;align-items:end;gap:12px;margin-top:12px}
.pentatonic-lab-controls .field{min-width:0}
.pentatonic-lab-controls button{min-height:43px;white-space:nowrap}
#highwayCard .arcade-hud.pentatonic-compact-hud{display:block!important;margin:0!important;padding:9px 12px!important;border:0!important;border-bottom:1px solid #334c62!important;border-radius:0!important;background:linear-gradient(90deg,#0e2938,#161e35)!important;box-shadow:none!important;animation:none!important}
.pentatonic-hud-main{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;font-size:13px}
.pentatonic-hud-main>span{white-space:nowrap;color:#b7cce1}
.pentatonic-hud-main strong{color:#f1f7ff}
.pentatonic-hud-main>span:first-child strong{font-size:15px;color:#a0f1c8}
.pentatonic-hud-main button{padding:5px 8px;font-size:12px}
#trainer.pentatonic-practice .chord-coach-card,#trainer.pentatonic-practice .classic-tab-card,#trainer.pentatonic-practice .fretboard-card,
#trainer.pentatonic-practice .pentatonic-hidden-settings{display:none!important}
/* Save vertical space and keep the performance tools from interrupting this drill. */
#trainer.pentatonic-practice .trainer-details-tabs,#trainer.pentatonic-practice .trainer-detail-panel{display:none!important}
#trainer.pentatonic-practice #highwayCard{scroll-margin-top:6px}
#trainer.pentatonic-practice #highwayCard .highway-transport{gap:5px;padding:7px 11px}
#trainer.pentatonic-practice #highwayCard .song-navigator{padding:6px 10px}
#trainer.pentatonic-practice #highwayCard .song-nav-actions,#trainer.pentatonic-practice #highwayCard .song-nav-hint{display:none!important}
@media(max-width:800px){.pentatonic-lab-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.pentatonic-lab-controls button{grid-column:1/-1}.pentatonic-hud-main{justify-content:flex-start}}
@media(max-width:440px){.pentatonic-lab-controls{grid-template-columns:1fr}}


/* ---- technique-heist-489.css ---- */
/* GuitarPath 4.8.9 — lesson HUDs and playable Rhythm Heist chase beside highway */
.technique-lab-controls{display:grid;grid-template-columns:minmax(165px,1.3fr) minmax(105px,.75fr) minmax(115px,.8fr) minmax(110px,.7fr) auto;gap:10px;align-items:end;margin:12px 0}
.technique-lab-controls .field{min-width:0}.technique-lab-controls button{min-height:43px;white-space:nowrap}
#highwayCard .arcade-hud.technique-compact-hud,#highwayCard .arcade-hud.heist-compact-hud{display:block!important;margin:0!important;padding:7px 12px!important;border:0!important;border-bottom:1px solid #3d5262!important;border-radius:0!important;background:linear-gradient(100deg,#102535,#132337)!important;box-shadow:none!important;animation:none!important}
.technique-hud-main,.heist-hud-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:7px 14px;font-size:12px;color:#c5d7e6}
.technique-hud-main strong,.heist-hud-top strong{color:#f3faff}.technique-hud-main button{padding:5px 9px;font-size:12px}
#trainer.technique-practice .chord-coach-card,#trainer.technique-practice .classic-tab-card,#trainer.technique-practice .fretboard-card,#trainer.technique-practice .technique-hidden-settings,#trainer.technique-practice .trainer-details-tabs,#trainer.technique-practice .trainer-detail-panel{display:none!important}
#trainer.heist-chase-play .chord-coach-card,#trainer.heist-chase-play .classic-tab-card,#trainer.heist-chase-play .fretboard-card,#trainer.heist-chase-play .trainer-details-tabs,#trainer.heist-chase-play .trainer-detail-panel{display:none!important}
#trainer.technique-practice #highwayCard,#trainer.heist-chase-play #highwayCard{scroll-margin-top:5px}
#trainer.technique-practice #highwayCard .highway-transport,#trainer.heist-chase-play #highwayCard .highway-transport{padding:6px 10px;gap:6px}
#trainer.technique-practice #highwayCard .song-navigator,#trainer.heist-chase-play #highwayCard .song-navigator{padding:6px 10px}
#trainer.technique-practice #highwayCard .song-nav-actions,#trainer.technique-practice #highwayCard .song-nav-hint,#trainer.heist-chase-play #highwayCard .song-nav-actions,#trainer.heist-chase-play #highwayCard .song-nav-hint{display:none!important}
.heist-hud-top>strong:first-child{color:#ffdc94;letter-spacing:.07em}.heist-gap{color:#8bf6c8!important;font-weight:900}
.heist-chase-track{position:relative;margin:5px 1px 3px;height:35px;border-radius:10px;overflow:hidden;border:1px solid #3c617d;background:repeating-linear-gradient(90deg,#122b39 0px,#163240 45px,#15313a 48px);isolation:isolate}
.heist-chase-track:after{content:'';position:absolute;left:0;right:0;bottom:6px;border-bottom:2px dashed #7fa7a9;opacity:.6;z-index:-1}
.heist-chaser,.heist-runner{position:absolute;bottom:1px;transform:translateX(-50%);font-size:24px;line-height:1;transition:left .28s ease;filter:drop-shadow(0 0 6px #5fc4df)}
.heist-runner{filter:drop-shadow(0 0 6px #ffc070)}.heist-trail{position:absolute;bottom:10px;height:5px;border-radius:999px;background:linear-gradient(90deg,#5ac6ed55,#ffbd5a99);transition:width .28s ease}
.heist-goal-marker{position:absolute;right:8px;top:3px;font-size:17px}
.heist-hud-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#d8dee9;font-size:11px}.heist-hud-bottom strong{color:#ffda8a}
@media(max-width:980px){.technique-lab-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.technique-lab-controls button{grid-column:1/-1}.heist-hud-top{gap:6px 10px}}
@media(max-width:520px){.technique-lab-controls{grid-template-columns:1fr}.heist-chase-track{height:34px}.heist-hud-top{font-size:11px}}
@media(prefers-reduced-motion:reduce){.heist-chaser,.heist-runner,.heist-trail{transition:none!important}}


/* 4.30.2 — sustained notes are left-anchored exactly at the musical onset.
   A previous -17px visual shift made beat-one notes look as if they belonged to
   the previous measure, even though imported Guitar Pro timestamps were correct. */
/* 4.15.5 — Yousician-like duration blocks on the scrolling highway. */
#highwayCard .note-chip.sustain-note{
  min-width:0;height:34px;box-sizing:border-box;border-radius:11px;
  transform:translate(0,-50%);display:flex;align-items:center;justify-content:flex-start;
  padding:0 8px 0 9px;text-align:left;font-variant-numeric:tabular-nums;
  box-shadow:0 3px 10px #000a, inset 0 2px 0 #ffffff3f;
  white-space:nowrap;overflow:hidden;
}
#highwayCard .note-chip.sustain-note.current{z-index:6;filter:brightness(1.25);box-shadow:0 0 0 3px #ffffff55,0 0 20px #a3d5ff66}
#highwayCard .note-chip.sustain-note.hit[data-string]{background:#1caa62!important;color:white!important;border-color:#adffd0!important}
#highwayCard .note-chip.sustain-note.miss[data-string]{background:#d84848!important;color:white!important;border-color:#ffc4c4!important}
#highwayCard .note-tail.sustain-chord-tone{
  height:19px;transform:translateY(-50%);border-radius:0 11px 11px 0;
  background:var(--gp-string-4);opacity:.92;box-shadow:inset 0 2px 0 #ffffff30,0 1px 7px #000a;
  z-index:4;
}
#highwayCard .note-tail.sustain-chord-tone[data-string="1"]{background:var(--gp-string-1)}
#highwayCard .note-tail.sustain-chord-tone[data-string="2"]{background:var(--gp-string-2)}
#highwayCard .note-tail.sustain-chord-tone[data-string="3"]{background:var(--gp-string-3)}
#highwayCard .note-tail.sustain-chord-tone[data-string="4"]{background:var(--gp-string-4)}
#highwayCard .note-tail.sustain-chord-tone[data-string="5"]{background:var(--gp-string-5)}
#highwayCard .note-tail.sustain-chord-tone[data-string="6"]{background:var(--gp-string-6)}
#highwayCard .note-tail.sustain-chord-tone.hit{background:#21b879!important;opacity:1}
#highwayCard .note-tail.sustain-chord-tone.miss{background:#e05a59!important;opacity:1}


/* 4.30.2 — stronger measure divisions on the scrolling highway. */
#tabCanvas .bar-marker{width:2px;background:rgba(149,177,205,.27);z-index:2;pointer-events:none}
#tabCanvas .bar-label{color:#b4c8dc;font-weight:800}