/* GuitarNexus online tuner. Entirely namespaced: does not touch metronome or GP styles. */
.gntu-stage {
  --gntu-ivory:#f4e8d0; --gntu-soft:#b9a998; --gntu-dark:#21100b;
  --gntu-wood:#361c12; --gntu-copper:#c47a3a; --gntu-amber:#e0a84a; --gntu-green:#76d7a0;
  box-sizing:border-box;max-width:1132px;margin:0 auto 12px;padding:clamp(10px,2vw,24px);
  background:#f7f1e7;color:#24150f;border-radius:25px;border:1px solid rgba(255,255,255,.4);
  box-shadow:0 18px 45px rgba(0,0,0,.17);font-family:inherit;
}
.gntu-stage *, .gntu-stage *::before, .gntu-stage *::after {box-sizing:border-box;}
.gntu-stage button,.gntu-stage select,.gntu-stage input {font:inherit;}
.gntu-stage button {cursor:pointer;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .13s;}
.gntu-stage button:focus-visible,.gntu-stage select:focus-visible,.gntu-stage input:focus-visible {outline:3px solid #d7a84e;outline-offset:3px;}
.gntu-stage button:disabled {cursor:default;opacity:.5;}
.gntu-stage [hidden] {display:none!important;}
.gntu-instrument-row {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 15px;}
.gntu-instrument {min-width:0;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;background:#fffaf2;border:2px solid #dfd1be;border-radius:17px;padding:10px 5px 12px;color:#321c14;}
.gntu-instrument:hover {border-color:#b48456;background:#fffbf7;}
.gntu-instrument.is-selected {border-color:var(--gntu-copper);background:#f7ebd9;box-shadow:inset 0 0 0 1px rgba(196,122,58,.15);}
.gntu-instrument-image {width:min(100%,160px);height:102px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:11px;background:#efeeeb;}
.gntu-instrument-image img {display:block;width:100%;height:100%;object-fit:contain;object-position:center;}
.gntu-instrument strong {font-size:15px;line-height:1.15;color:#321c14;}
.gntu-instrument small {font-size:11px;font-weight:700;color:#7a5c45;}
.gntu-workspace {display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:16px;}
.gntu-headstock-box {min-width:0;text-align:center;border:1px solid rgba(196,122,58,.3);border-radius:20px;padding:18px 14px 19px;color:var(--gntu-ivory);background:radial-gradient(circle at 50% 9%,#512c1c,#20100b 70%);}
.gntu-eyebrow {display:block;text-transform:uppercase;font-size:11px;letter-spacing:.11em;font-weight:800;color:var(--gntu-amber);margin:0 0 8px;}
.gntu-headstock-box h2,.gntu-panel h2 {font-size:clamp(20px,2.2vw,23px);line-height:1.2;color:var(--gntu-ivory);margin:0 0 6px;font-weight:750;}
.gntu-headstock-box>p {color:var(--gntu-soft);font-size:13px;line-height:1.55;margin:0;}
.gntu-main-art {min-height:300px;display:flex;justify-content:center;align-items:center;margin:10px auto 0;}
.gntu-headstock-variant {width:100%;display:flex;align-items:center;justify-content:center;}
.gntu-notes {display:grid;grid-template-columns:repeat(var(--gntu-strings,6),minmax(0,1fr));gap:6px;margin:9px 0 0;}
.gntu-note {display:flex;min-height:57px;min-width:0;align-items:center;justify-content:center;flex-direction:column;gap:0;color:var(--gntu-ivory);background:#361c12;border:1px solid rgba(196,122,58,.45);border-radius:12px;padding:6px 2px;}
.gntu-note strong {color:var(--gntu-ivory);font-weight:800;line-height:1.2;font-size:clamp(13px,1.6vw,19px);white-space:nowrap;}
.gntu-note span {font-size:10px;color:var(--gntu-soft);line-height:1.3;white-space:nowrap;}
.gntu-note.is-highlighted,.gntu-chroma.is-highlighted {border-color:var(--gntu-green);box-shadow:0 0 0 1px rgba(118,215,160,.32);background:#214036;}
.gntu-note.is-highlighted strong,.gntu-note.is-highlighted span {color:var(--gntu-green);}
.gntu-note:hover,.gntu-chroma:hover {border-color:var(--gntu-amber);}
.gntu-string-note {margin:10px 0 0!important;font-size:12px!important;color:var(--gntu-soft)!important;}
.gntu-panel {min-width:0;display:flex;flex-direction:column;gap:12px;background:var(--gntu-dark);border-radius:20px;color:var(--gntu-ivory);padding:clamp(17px,2vw,26px);}
.gntu-field {display:flex;flex-direction:column;gap:7px;margin:0;min-width:0;}
.gntu-field>span,.gntu-field-label {color:var(--gntu-soft);display:block;font-size:13px;font-weight:700;line-height:1.4;}
.gntu-field select {display:block;max-width:100%;min-width:0;width:100%;border:1px solid #755139;border-radius:11px;background:#361e14;color:var(--gntu-ivory);padding:12px 10px;font-size:14px;line-height:1.2;min-height:45px;}
.gntu-field select option {background:#361e14;color:#f4e8d0;}
.gntu-play-area {border-top:1px solid rgba(196,122,58,.25);padding-top:14px;display:flex;flex-direction:column;gap:9px;}
.gntu-playing {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;padding:4px 0;}
.gntu-playing strong {font-size:clamp(22px,2.5vw,28px);font-weight:800;line-height:1.3;color:var(--gntu-green);overflow-wrap:anywhere;}
.gntu-playing span {font-size:13px;color:var(--gntu-soft);white-space:nowrap;}
.gntu-controls {display:flex;flex-wrap:wrap;gap:8px;}
.gntu-action {border:1px solid rgba(224,168,74,.45);border-radius:999px;padding:12px 16px;font-size:13px;font-weight:800;color:var(--gntu-ivory);background:#361e14;min-height:44px;}
.gntu-action:hover:not(:disabled) {background:#513020;}
.gntu-action.gntu-primary {background:var(--gntu-amber);border-color:var(--gntu-amber);color:#21110b;}
.gntu-action.gntu-primary:hover {background:#f0b95d;}
.gntu-check {display:flex;align-items:center;gap:10px;font-weight:650;font-size:13px;color:var(--gntu-ivory);cursor:pointer;margin:2px 0;}
.gntu-check input {width:19px;height:19px;accent-color:#c47a3a;margin:0;}
.gntu-volume>span {display:flex;justify-content:space-between;gap:10px;}
.gntu-volume input {width:100%;accent-color:var(--gntu-amber);height:23px;cursor:pointer;margin:0;}
.gntu-note-tip {font-size:12px!important;line-height:1.55!important;margin:0!important;color:#c3b09b!important;}
.gntu-live-status {font-size:12px!important;line-height:1.45!important;min-height:17px;margin:0!important;color:var(--gntu-green)!important;}
.gntu-chromatic {padding-top:14px;border-top:1px solid rgba(196,122,58,.25);}
.gntu-chromatic h3 {color:var(--gntu-ivory);font-size:16px;line-height:1.3;margin:0 0 11px;font-weight:800;}
.gntu-octave {max-width:150px;margin:0 0 12px;}
.gntu-octave select {padding:8px 10px;min-height:38px;}
.gntu-chromatic-grid {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;}
.gntu-chroma {min-width:0;min-height:43px;border:1px solid rgba(196,122,58,.32);border-radius:8px;background:#392016;color:var(--gntu-ivory);font-size:12px;font-weight:800;padding:8px 1px;text-align:center;overflow-wrap:anywhere;}
.gntu-muted {color:var(--gntu-soft);font-size:12px!important;line-height:1.5!important;margin:10px 0 0!important;}
@media (max-width:850px) {
  .gntu-workspace {grid-template-columns:1fr;}
  .gntu-main-art {min-height:250px;}
}
@media (max-width:600px) {
  .gntu-stage {padding:8px;border-radius:17px;}
  .gntu-instrument-row {gap:6px;margin-bottom:8px;}
  .gntu-instrument {min-height:131px;border-radius:12px;padding:5px 2px 8px;}
  .gntu-instrument-image {height:86px;}
  .gntu-instrument strong {font-size:12px;line-height:1.2;}
  .gntu-instrument small {font-size:9px;}
  .gntu-workspace {gap:8px;}
  .gntu-headstock-box {padding:14px 8px;border-radius:13px;}
  .gntu-notes {gap:3px;}
  .gntu-note {min-height:51px;border-radius:8px;}
  .gntu-note strong {font-size:13px;}
  .gntu-note span {font-size:9px;}
  .gntu-panel {border-radius:13px;padding:16px 12px;}
}
@media (prefers-reduced-motion:reduce) {.gntu-stage button {transition:none;}}

/* 0.3.3: generated headstock assets + responsive vector light overlay. */
.gntu-headstock-canvas {position:relative;flex:0 1 280px;width:min(100%,280px);margin:0 auto;aspect-ratio:926/1150;isolation:isolate;}
.gntu-headstock-image {position:absolute;inset:0;z-index:0;width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.34));user-select:none;-webkit-user-drag:none;}
.gntu-headstock-overlay {position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;pointer-events:none;overflow:visible;}
.gntu-visual-string-layer {pointer-events:none;}
.gntu-visual-string-line {fill:none;stroke:#85efb4;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .15s,stroke-width .15s;}
.gntu-visual-peg-ring {fill:rgba(102,238,172,.08);stroke:#85efb4;stroke-width:7;opacity:0;transition:opacity .15s,stroke-width .15s;}
.gntu-visual-string-post {fill:rgba(122,241,181,.38);stroke:#a7ffd1;stroke-width:4;opacity:0;transition:opacity .15s;}
.gntu-visual-string.is-selected .gntu-visual-string-line {opacity:.78;stroke-width:7;filter:drop-shadow(0 0 12px #72e3aa);}
.gntu-visual-string.is-selected .gntu-visual-peg-ring {opacity:.88;filter:drop-shadow(0 0 16px #72e3aa);}
.gntu-visual-string.is-selected .gntu-visual-string-post {opacity:.72;filter:drop-shadow(0 0 12px #72e3aa);}
.gntu-visual-string.is-playing .gntu-visual-string-line {opacity:1;stroke-width:9;filter:drop-shadow(0 0 20px #65efa8);}
.gntu-visual-string.is-playing .gntu-visual-peg-ring {opacity:1;stroke-width:9;filter:drop-shadow(0 0 22px #65efa8);}
.gntu-visual-string.is-playing .gntu-visual-string-post {opacity:.95;filter:drop-shadow(0 0 18px #65efa8);}
.gntu-peg-button {position:absolute;z-index:3;transform:translate(-50%,-50%);width:46px;height:46px;display:flex;align-items:center;justify-content:center;padding:0!important;background:rgba(24,13,9,.01)!important;color:transparent!important;border:1px solid transparent!important;border-radius:50%!important;touch-action:manipulation;}
.gntu-peg-button::after {content:attr(data-string-number);display:none;}
.gntu-peg-button:hover,.gntu-peg-button:focus-visible {border-color:#e0a84a!important;background:rgba(224,168,74,.13)!important;color:#f4e8d0!important;}
.gntu-peg-button.is-selected {border:2px solid rgba(133,239,180,.9)!important;background:rgba(70,204,145,.10)!important;color:#f4e8d0!important;box-shadow:0 0 12px rgba(85,232,165,.28);}
.gntu-peg-button.is-playing {box-shadow:0 0 0 3px rgba(102,238,172,.12),0 0 20px rgba(102,238,172,.62);}
.gntu-visual-selection {margin:3px 0 0!important;min-height:20px;color:#9aefbe!important;font-size:13px!important;font-weight:750;line-height:1.45!important;}
@media (max-width:850px) {.gntu-headstock-canvas {flex-basis:255px;width:min(100%,255px);}}
@media (max-width:600px) {.gntu-headstock-canvas {flex-basis:235px;width:min(100%,235px);}.gntu-peg-button {width:44px;height:44px;}}
@media (prefers-reduced-motion:reduce) {.gntu-visual-string-line,.gntu-visual-peg-ring,.gntu-visual-string-post {transition:none;}}

/* 0.3.6: GuitarNexus site visual shell for pages containing the tuner shortcode. */
body.gnt-tuner-page {
  background:#050505!important;
  position:relative;
}
body.gnt-tuner-page::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(0,0,0,.42),rgba(0,0,0,.55)),
    url("https://guitarnexus.net/wp-content/uploads/2026/10/guitarnexus-bg-desktop.webp");
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
body.gnt-tuner-page .site,
body.gnt-tuner-page .site-header,
body.gnt-tuner-page .site-footer {
  position:relative;
  z-index:1;
}
body.gnt-tuner-page .site,
body.gnt-tuner-page .site-content,
body.gnt-tuner-page .content-area,
body.gnt-tuner-page .site-main,
body.gnt-tuner-page article,
body.gnt-tuner-page .inside-article {
  background:transparent!important;
}
body.gnt-tuner-page .gntu-stage {
  border-color:rgba(224,168,74,.32);
  box-shadow:0 26px 72px rgba(0,0,0,.44),0 0 0 1px rgba(255,255,255,.03);
}
@media (max-width:768px) {
  body.gnt-tuner-page::before {
    background-image:
      linear-gradient(rgba(0,0,0,.38),rgba(0,0,0,.52)),
      url("https://guitarnexus.net/wp-content/uploads/2026/10/guitarnexus-bg-mobile.webp");
    background-position:center center;
  }
}