/* 共用欄位、按鈕與說明區沿用 site.css；卡片與控制列比照聚會遊戲頁。 */
.wu-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
#wu { overflow-wrap: anywhere; }
#wu input:not([type=checkbox]), #wu select, #wu textarea { width: 100%; min-width: 0; }
#wu .btn { min-height: 48px; white-space: normal; }
.wu-details { border: 1px solid var(--line); border-radius: 10px; padding: 10px 14px; margin: 12px 0; }
.wu-details summary { font-weight: 600; cursor: pointer; min-height: 44px; }
#wu-setup > p > label { display: inline-flex; align-items: center; min-height: 44px; }
#wu input[type=checkbox] { width: 20px; height: 20px; flex-shrink: 0; }
.wu-card { border: 2px solid var(--line); border-radius: 14px; padding: 16px; margin: 12px 0; min-height: 190px; display: flex; flex-direction: column; justify-content: center; text-align: center; }
.wu-word { margin: 8px 0; color: var(--brand-dark); font-size: clamp(1.8rem, 8vw, 3rem); font-weight: 800; }
.wu-board { font-weight: 700; font-size: 1.15rem; text-align: center; }
.wu-ctl { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0; }
.wu-ctl .btn { flex: 1 1 140px; min-height: 52px; font-size: 1.1rem; }
.wu-order { display: flex; flex-wrap: wrap; gap: 8px 28px; padding-left: 24px; }
.wu-order li { padding-right: 8px; }
.wu-history { max-height: 18rem; overflow-y: auto; }
.wu-custom-list, .wu-roster { list-style: none; padding: 0; }
.wu-custom-list li, .wu-roster li { padding: 10px 0; border-bottom: 1px solid var(--line); }
.wu-custom-list li { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.wu-custom-list span { flex: 1 1 160px; }
#wu-pass .wu-ctl { position: sticky; bottom: 8px; background: var(--bg); padding: 6px 0; }
@media (max-width: 480px) { .wu-grid { grid-template-columns: 1fr; } }