/* PURE EQ · E13 PROFESSIONAL ANALYSIS DISPLAY. Visual only; DSP untouched. */
.peq-display{
  isolation:isolate;
  border:8px solid transparent!important;
  border-radius:12px!important;
  background-image:
    radial-gradient(ellipse at 52% 72%,rgba(184,255,61,.065),transparent 55%),
    linear-gradient(180deg,#010201,#050a06 52%,#091009),
    linear-gradient(145deg,rgba(255,255,255,.075),transparent 22%,rgba(0,0,0,.32) 68%,rgba(255,255,255,.035)),
    url("pure-eq-black-grain.webp")!important;
  background-position:center,center,center,center!important;
  background-size:auto,auto,auto,320px auto!important;
  background-repeat:no-repeat,no-repeat,no-repeat,repeat!important;
  background-origin:padding-box,padding-box,border-box,border-box!important;
  background-clip:padding-box,padding-box,border-box,border-box!important;
  background-blend-mode:normal,normal,soft-light,normal!important;
  box-shadow:
    inset 0 31px 48px rgba(0,0,0,.98),
    inset 14px 0 21px rgba(0,0,0,.54),
    inset -14px 0 21px rgba(0,0,0,.48),
    inset 0 -13px 18px rgba(0,0,0,.62),
    inset 0 0 0 1px rgba(211,229,207,.07),
    0 2px 0 rgba(255,255,255,.88),
    0 5px 0 rgba(45,51,47,.28),
    0 14px 22px rgba(0,0,0,.28)!important;
}

.peq-display::before{
  height:37%!important;
  background:linear-gradient(166deg,rgba(255,255,255,.10),rgba(255,255,255,.022) 38%,transparent 72%)!important;
  opacity:.62!important;
}

.peq-display::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:5px 39px 5px 5px!important;
  z-index:5!important;
  border:1px solid rgba(184,255,61,.045)!important;
  border-radius:5px!important;
  background:repeating-linear-gradient(180deg,rgba(220,255,203,.014) 0 1px,transparent 1px 4px)!important;
  box-shadow:inset 0 0 30px rgba(184,255,61,.022)!important;
  pointer-events:none!important;
}

.peq-display canvas{
  filter:drop-shadow(0 0 4px rgba(184,255,61,.16)) contrast(1.08) saturate(1.08)!important;
}

.peq-analysis-legend{
  position:absolute;
  z-index:8;
  left:35px;
  bottom:22px;
  display:flex;
  align-items:center;
  gap:11px;
  color:#6f7b6d;
  font:800 6px/1 "Courier New",monospace;
  letter-spacing:.08em;
  pointer-events:none;
}

.peq-analysis-legend span{display:inline-flex;align-items:center;gap:4px}
.peq-analysis-legend i{display:inline-block;width:11px;height:2px;border-radius:2px}
.peq-analysis-legend .is-response i{background:#dfff9f;box-shadow:0 0 6px rgba(184,255,61,.62)}
.peq-analysis-legend .is-spectrum i{background:rgba(184,255,61,.48)}
.peq-analysis-legend .is-peak i{height:1px;background:rgba(224,255,171,.25)}

.peq-db-scale{
  position:absolute;
  z-index:8;
  left:7px;
  top:13px;
  bottom:13px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  color:rgba(223,234,220,.72);
  font:800 7px/1 "Courier New",monospace;
  text-shadow:0 1px 2px #000,0 0 3px rgba(0,0,0,.8);
  pointer-events:none;
}

.peq-readout{left:35px!important}
.peq-display__labels{left:35px!important}

@media(max-width:680px){
  .peq-display{border-width:6px!important;border-radius:9px!important}
  .peq-analysis-legend{left:28px;bottom:18px;gap:7px}
  .peq-analysis-legend .is-peak{display:none}
  .peq-db-scale{display:flex;left:5px;top:11px;bottom:11px;font-size:6px}
  .peq-readout{left:28px!important}
  .peq-display__labels{left:28px!important}
}