.noise-display{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-width:0;display:flex}.noise-housing{background:var(--noise-housing);border:3px solid var(--border);border-radius:var(--radius-lg);width:min(100%,22rem);box-shadow:var(--shadow-brutal);grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem;padding:1rem;display:grid}.noise-lamp{aspect-ratio:1;border:3px solid var(--border);background:color-mix(in oklab, var(--lamp-color) 15%, var(--noise-inactive));border-radius:50%;width:100%;transition:background-color .22s,box-shadow .22s}.noise-lamp-red{--lamp-color:var(--noise-red)}.noise-lamp-yellow{--lamp-color:var(--noise-yellow)}.noise-lamp-green{--lamp-color:var(--noise-green)}.noise-lamp-active{background:var(--lamp-color);box-shadow:inset 0 0 0 5px color-mix(in oklab, var(--card) 30%, transparent)}.noise-status{text-align:center;word-break:keep-all;margin:0;font-size:1.5rem;line-height:1.4}.noise-display-large{flex:1;gap:1rem;min-height:0}.noise-display-large .noise-housing{gap:min(2dvh,1.5rem);width:min(100%,75rem,150dvh);padding:min(2dvh,1.5rem)}.noise-display-large .noise-status{font-size:2rem}@media (prefers-reduced-motion:reduce){.noise-lamp{transition:none}}