.scope-panel {
	border: 1px solid rgba(0, 255, 0, 0.28);
	border-radius: 8px;
	background: rgba(0, 8, 0, 0.85);
	padding: 0.35rem 0.45rem;
	height: 72px;
	overflow: hidden;
	box-shadow: inset 0 0 12px rgba(0, 255, 0, 0.06);
	transition: opacity 0.4s ease;
}

.scope-panel.scope-off {
	opacity: 0.1;
}

#scope-svg {
	width: 100%;
	height: 100%;
	display: block;
}

.scope-wave {
	stroke: #39ff8a;
	stroke-width: 1.25;
	fill: none;
	filter: drop-shadow(0 0 3px #00ff66);
}

.scope-panel.scope-excited .scope-wave {
	stroke: #b8ffd0;
	filter: drop-shadow(0 0 5px #7affc0);
}

@media (max-width: 520px) {
	.scope-panel {
		height: 56px;
	}
}