/* The chosen meal stays distinct from invitation rules and player results. */
.duel-menu{box-sizing:border-box;display:flex;align-items:center;gap:14px;width:100%;min-width:0;margin:16px 0 14px;padding:18px 20px;border:1px solid #c5a3749c;border-radius:18px;background:linear-gradient(125deg,#fffef2bd,#f4e4c378);box-shadow:inset 0 1px 0 #fffef7,0 3px 0 #aa845b16;text-align:left}
.duel-menu[hidden]{display:none!important}
.duel-menu-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;color:#a6814e}
.duel-menu-icon svg{display:block;width:100%;height:100%}
.duel-menu-copy{flex:1;min-width:0}
.duel-menu .duel-menu-label{display:block;margin:0 0 6px;color:#796649;font:700 11px/1.2 var(--body,'DM Sans',system-ui,sans-serif);letter-spacing:.11em;text-transform:uppercase}
.duel-menu .duel-menu-name{display:block;margin:0;color:var(--green,#214c2e);font:700 clamp(25px,4.6vw,34px)/1.15 var(--display,'Fraunces',Georgia,serif);overflow-wrap:anywhere}
.direct-challenge-dialog .duel-menu{margin:18px 0 0}
.direct-challenge-dialog .duel-menu-name{font-size:clamp(23px,5.6vw,30px)}
@media(max-width:600px){.duel-menu{gap:12px;padding:15px 14px;border-radius:16px}.duel-menu-icon{flex-basis:38px;width:38px;height:38px}.duel-menu .duel-menu-name{font-size:27px}.direct-challenge-dialog .duel-menu-name{font-size:25px}}
@media(max-width:360px){.duel-menu{gap:10px;padding:13px 12px}.duel-menu-icon{flex-basis:32px;width:32px;height:32px}.duel-menu .duel-menu-name{font-size:24px}.direct-challenge-dialog .duel-menu-name{font-size:23px}}

/* Room headings receive focus for navigation, without a browser selection box. */
#duel-room-title:focus,#group-room-title:focus{outline:none}

:is(.duel-panel,.group-panel) details:is(.duel-small,.group-small){margin:12px 0;border-top:1px solid #d8c4a166;border-bottom:1px solid #d8c4a166;color:#675b45}
:is(.duel-panel,.group-panel) details:is(.duel-small,.group-small)>summary{min-height:44px;padding:12px 0;cursor:pointer;font-weight:700;color:var(--green)}
:is(.duel-panel,.group-panel) details:is(.duel-small,.group-small)>p{margin:0 0 12px;font-size:14px;line-height:1.55}

.duel-account{margin:18px 0;padding:16px 18px;border:1px solid #d4bd97;border-radius:16px;background:#fff8e7cc}.duel-account p{font-size:13px;line-height:1.6;color:#6f6047;margin:0 0 12px}.duel-account .wood-btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;text-decoration:none;font-size:14px;padding:10px 14px}.duel-account[hidden]{display:none}
#duel-room-title:focus-visible,#group-room-title:focus-visible{outline:none;box-shadow:none}