.lobby-timeout-setting{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:12px 0;
  padding:13px 15px;
  border:1px solid rgba(214,164,83,.34);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(55,35,24,.82),rgba(20,16,13,.9));
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}
.lobby-timeout-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.lobby-timeout-copy strong{color:#f3dfba;font-size:15px;line-height:1.2}
.lobby-timeout-copy small{color:#bcae99;font-size:12px;line-height:1.35}
.timeout-switch,.timeout-readonly{display:flex;align-items:center;gap:9px;flex:0 0 auto;color:#e7d7bb}
.timeout-switch{cursor:pointer;user-select:none}
.timeout-switch input{position:absolute;opacity:0;pointer-events:none}
.timeout-switch-track{position:relative;width:46px;height:25px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#514940;box-shadow:inset 0 2px 6px rgba(0,0,0,.45);transition:.2s ease}
.timeout-switch-track i{position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#d4c5ad;box-shadow:0 2px 5px rgba(0,0,0,.45);transition:.2s ease}
.timeout-switch input:checked+.timeout-switch-track{border-color:#d8a94f;background:#80591e}
.timeout-switch input:checked+.timeout-switch-track i{left:24px;background:#ffd66d}
.timeout-switch input:focus-visible+.timeout-switch-track{outline:2px solid #f3bd55;outline-offset:3px}
.timeout-switch input:disabled+.timeout-switch-track{opacity:.55}
.timeout-switch b,.timeout-readonly b{min-width:42px;font-size:13px}
.timeout-readonly{display:grid;grid-template-columns:auto auto;column-gap:7px;row-gap:1px}
.timeout-readonly small{grid-column:2;color:#9e927f;font-size:10px}
.timeout-status-dot{width:9px;height:9px;border-radius:50%;background:#6f675e;box-shadow:0 0 0 3px rgba(255,255,255,.035)}
.lobby-timeout-setting.enabled .timeout-status-dot{background:#55d38b;box-shadow:0 0 8px rgba(85,211,139,.55)}
@media (max-height:520px) and (orientation:landscape){
  .lobby-timeout-setting{margin:6px 0;padding:7px 11px;border-radius:10px}
  .lobby-timeout-copy strong{font-size:13px}
  .lobby-timeout-copy small{font-size:10px}
  .timeout-switch-track{width:42px;height:22px}
  .timeout-switch-track i{width:14px;height:14px}
  .timeout-switch input:checked+.timeout-switch-track i{left:23px}
}