/* Voice controls matched to the original Deathroll Online interface. */
.expansion .online-voice {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 12px;
 flex-wrap: wrap;
 padding: 12px 0;
 border-top: 1px solid rgba(255, 170, 0, 0.32);
 border-bottom: 1px solid rgba(255, 170, 0, 0.32);
}
.expansion .online-voice-status {
 display: grid;
 gap: 5px;
 min-width: 180px;
}
.expansion .online-voice-status span {
 color: #ffcc99;
 font-family: Arial, sans-serif;
 font-size: 0.8rem;
 text-transform: uppercase;
}
.expansion .online-voice-status strong {
 color: #ffffff;
 font-family: "Courier New", monospace;
 font-size: clamp(0.95rem, 2.7vw, 1.2rem);
 overflow-wrap: anywhere;
}
.expansion .online-voice-actions {
 display: flex;
 gap: 10px;
 flex-wrap: wrap;
}
.expansion .online-voice-actions .devil-button {
 min-height: 44px;
 margin: 0;
 padding: 10px 14px;
 font-size: clamp(0.85rem, 2.8vw, 1rem);
}

.expansion .online-voice { margin-top: 20px; }
.expansion .online-voice[hidden] { display: none; }
.expansion .online-voice-status { flex: 1 1 180px; min-width: 0; }
.expansion .online-voice-actions .devil-button { background: linear-gradient(145deg, #666, #333); border: 3px solid #999; color: #fff; font-family: Impact, "Arial Black", sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; text-shadow: none; touch-action: manipulation; }
.expansion .online-voice-actions .devil-button:hover:not(:disabled) { background: linear-gradient(145deg, #cc0000, #990000); box-shadow: 0 0 20px rgba(204,0,0,.8); transform: translateY(-2px); }
.expansion .online-voice-actions .devil-button:disabled { background: #333; border-color: #666; color: #999; cursor: not-allowed; transform: none; box-shadow: none; }
@media (max-width: 760px) { .expansion .online-voice, .expansion .online-voice-actions { align-items: stretch; flex-direction: column; } .expansion .online-voice-status { flex: auto; } }