/* 친구와 대결 화면. 기존 slot-app·slot-header·slot-primary 위에 얹는다. */
.menu-duel{margin-top:10px}
.slot-duel{max-width:720px}
.slot-duel .duel-intro{color:#cfd6cf;line-height:1.6;margin:0 0 18px}
.duel-card{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid #61716f;border-radius:14px;background:#15262e}
.duel-card label{font-size:14px;color:#b9c3bc}
.duel-card input[type=text]{width:100%;min-height:48px;padding:10px 14px;font:inherit;font-size:18px;color:#e9e6d8;background:#0f1a20;border:1px solid #61716f;border-radius:10px}
.duel-card input#duel-code{letter-spacing:.28em;text-transform:uppercase;font-size:22px;max-width:220px}
.duel-join{display:flex;flex-direction:column;gap:10px;margin-top:8px;padding-top:14px;border-top:1px dashed #3d4d4b}
.duel-actions{display:flex;gap:10px;flex-wrap:wrap}
.duel-actions button{flex:1 1 180px;min-height:48px}
.duel-error{margin:0;padding:10px 12px;border-radius:10px;background:#3a1f1f;color:#f1c5c5}
.duel-room{align-items:stretch;text-align:center}
.duel-code-label{margin:0;color:#b9c3bc;font-size:14px}
.duel-code{margin:0;font-size:clamp(44px,12vw,72px);letter-spacing:.3em;font-weight:800;color:#e8d49a;user-select:all}
.duel-hint{margin:0;color:#cfd6cf}
.duel-seats{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px}
.duel-seats li{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;background:#0f1a20;text-align:left}
.duel-seats li span{color:#b9c3bc;font-size:14px}
.duel-seats li em{font-style:normal;font-size:13px;padding:3px 8px;border-radius:999px;background:#213337;color:#b9c3bc}
.duel-seats li em.on{background:#24473a;color:#bfe9c9}
.duel-seats li em.off{background:#3a2c20;color:#f1d5b9}
.duel-status{margin:4px 0 0;color:#e8d49a}
.duel-forfeit{margin:0;color:#cfd6cf}
.slot-result .duel-actions{justify-content:center}
@media(max-width:700px){.duel-card{padding:16px}.duel-actions button{flex-basis:100%}}
.duel-select-clock{margin:-6px 0 12px;padding:8px 12px;border-radius:10px;background:#15262e;border:1px solid #61716f;color:#e8d49a;font-size:14px;text-align:center}