/* WURA 正式館｜晉級引導 M12（與試用館同一套樣式） */
.mp-bar{margin:0 0 20px;padding:14px 18px;border-radius:18px;border:1px solid rgba(232,113,26,.42);background:linear-gradient(135deg,rgba(232,113,26,.14),rgba(232,113,26,.05));display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.mp-bar-body{flex:1 1 280px;min-width:0}
.mp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:0;border-radius:999px;background:linear-gradient(135deg,#E2521C,#B8360A);color:#fff;font-weight:950;font-size:16px;font-family:inherit;cursor:pointer;white-space:nowrap;box-shadow:0 12px 26px rgba(232,113,26,.30)}
.mp-btn:hover{filter:brightness(1.06)}
.mp-msg{margin:0 0 8px}
.mp-msg p{margin:0}
.mp-msg-title{margin:0 0 4px!important;font-size:17px;font-weight:950;line-height:1.5}
.mp-msg-body{margin:0!important;font-weight:700;line-height:1.65}
.mp-msg.is-bad .mp-msg-title{color:#C62828}
.mp-msg.is-good .mp-msg-title{color:#1E7A3C}
.mp-msg.is-start .mp-msg-title{color:#B8601A}
.mp-round{margin-top:18px;padding:16px 18px;border-radius:16px;border:1px solid rgba(232,113,26,.40);background:rgba(232,113,26,.07);text-align:left}
.mp-zap-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;margin:10px 0 4px;border:2px solid #d4380d;border-radius:999px;background:#fff2e8;color:#d4380d;font-size:17px;font-weight:800;font-family:inherit;cursor:pointer}
.mp-zap-btn:hover{background:#ffe7d6}
.mp-alt-link{display:inline-block;margin-top:6px;padding:0;border:0;background:none;color:#F2A33A;font-size:14.5px;font-weight:800;text-decoration:underline;cursor:pointer;font-family:inherit}
.mp-challenge{margin:10px 0 0;padding:10px 12px;border:1px dashed #F2A33A;border-radius:12px;background:rgba(242,163,58,.08)}
.mp-challenge p{margin:0}
.mp-challenge-title{font-size:15.5px;font-weight:900;color:#F2A33A}
.mp-challenge-body{margin-top:2px!important;font-size:13.5px;font-weight:700;line-height:1.55}
@media (max-width:640px){.mp-bar{padding:14px}.mp-btn{width:100%}}

/* M12：登入頁訊息放大、加深（寄出設定密碼信要一眼看清楚） */
#auth-message{font-size:15px;font-weight:800;line-height:1.6;white-space:pre-line;color:#C62828}
#auth-message.ok{margin-top:12px;padding:14px 16px;border-radius:12px;background:#E7F6EC;border:2px solid #1F9859;color:#0D4B35;font-size:17px;font-weight:900}

/* M12C：大廳使用說明（與試用館同款） */
.mp-howto{margin:14px 0 12px;padding:14px 16px;border:2px solid #E3BE4C;border-radius:16px;background:#FFF8E1;color:#5A3A00;text-align:left}
.mp-howto > summary.mp-howto-title{cursor:pointer;list-style:none;position:relative;padding-right:56px;margin:0;font-size:18px;font-weight:900;color:#7A4A00}
.mp-howto > summary.mp-howto-title::-webkit-details-marker{display:none}
.mp-howto > summary.mp-howto-title::after{content:"▲ 收起";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:12px;font-weight:700;color:#000}
.mp-howto:not([open]) > summary.mp-howto-title::after{content:"▼ 展開"}
.mp-howto[open] > summary.mp-howto-title{margin-bottom:10px}
.mp-howto-steps{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}
.mp-howto-steps li{font-size:15.5px;font-weight:600;line-height:1.5}
.mp-howto-steps b{display:inline-block;margin-right:8px;padding:1px 9px;border-radius:999px;background:#E2521C;color:#fff;font-size:13.5px;font-weight:800}
.mp-tip{display:block;color:#000;font-weight:800}
.mp-howto-q{border:1px solid #E3D3A0;border-radius:12px;background:#FFFCF2;margin:0 0 8px}
.mp-howto-q > summary{cursor:pointer;list-style:none;padding:11px 40px 11px 14px;position:relative;font-size:15px;font-weight:900;color:#7A4A00}
.mp-howto-q > summary::-webkit-details-marker{display:none}
.mp-howto-q > summary::after{content:"＋";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-weight:900;color:#000}
.mp-howto-q[open] > summary::after{content:"－"}
.mp-howto-q ul{margin:0;padding:0 14px 12px 32px;display:grid;gap:6px;font-size:14.5px;line-height:1.55;color:#3F2A00}
@media (max-width:360px){.mp-howto-steps li{font-size:14.5px}.mp-howto > summary.mp-howto-title{font-size:16px}}

/* ===== M12F：球場一行一個（左圖右成績） ===== */
#courts-root.courts-grid{grid-template-columns:1fr!important;gap:14px!important}
#courts-root .court-card.mp-court-row{display:grid!important;grid-template-columns:minmax(120px,34%) 1fr;align-items:center;column-gap:16px;padding:0 14px 0 0!important;text-align:left}
#courts-root .court-card.mp-court-row > img{grid-column:1;grid-row:1;width:100%;aspect-ratio:1/1;object-fit:cover}
#courts-root .court-card.mp-court-row:hover{transform:none}
.mp-court-side{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:8px;padding:12px 0;min-width:0}
.mp-court-name{font-size:19px;font-weight:950;color:#F7D57C;line-height:1.3}
.mp-court-mode{font-size:14px;font-weight:800;color:#d9e8de}
.mp-court-side .trial-court-stat,.mp-court-side .trial-court-prog{position:static!important;left:auto;right:auto;bottom:auto;justify-content:flex-start!important}
.mp-court-side .trial-court-stat b,.mp-court-side .trial-court-stat i{font-size:13px!important;padding:5px 10px!important}
.mp-court-side .trial-court-prog{height:6px}
.mp-court-go{font-size:14px;font-weight:900;color:#F2A33A}
.mp-books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.mp-books-sum{grid-column:1/-1;margin:0!important;font-size:14px;font-weight:900;color:#F7D57C}
.mp-cell{display:flex;flex-direction:column;gap:2px;padding:7px 9px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);min-width:0}
.mp-cell b{font-size:14px;font-weight:900;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-cell small{font-size:12.5px;font-weight:800;color:#c9d6ce}
.mp-cell.is-done{background:rgba(46,160,92,.22);border-color:#2EA05C}
.mp-cell.is-done small{color:#7BE3A2}
.mp-cell.is-pend{background:rgba(229,57,53,.16);border-color:#E53935}
.mp-cell.is-pend small{color:#FF9C8E}
.mp-cell.is-lock{opacity:.45}
.mp-free{grid-column:1/-1;margin:0!important;padding:10px 12px;border-radius:10px;border:1px dashed #F2A33A;color:#F7D57C;font-size:15px;font-weight:900}
@media (max-width:640px){
  #courts-root .court-card.mp-court-row{grid-template-columns:1fr;padding:0!important}
  .mp-court-side{grid-column:1;grid-row:2;padding:12px 14px 14px}
  .mp-books{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* 球場頁成績單：這座球場的小書完成進度 */
.mp-court-progress{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.14)}
.mp-court-progress-title{margin:0 0 8px!important;font-size:16px;font-weight:950;color:#F7D57C}
/* 成績單：收起按鈕放右上角、放大 */
.member-stats-box .member-hall-caret{margin-left:auto!important;padding:8px 14px!important;border:2px solid #F7A659;border-radius:999px;background:rgba(247,166,89,.14);color:#FFD7A8!important;font-size:15px!important;font-weight:950!important}
.member-stats-box .member-hall-name{font-size:18px!important;font-weight:950!important}
.member-hall-hint{margin:0 0 10px!important;font-size:15px;font-weight:800;color:#FFD7A8}
.member-stats-box:not(.is-open) .member-hall-hint{display:none!important}
/* 使用說明框的展開／收起也做成按鈕 */
.mp-howto > summary.mp-howto-title{padding-right:120px}
.mp-howto > summary.mp-howto-title::after{content:"▲ 收起說明";padding:6px 12px;border:2px solid #B8601A;border-radius:999px;background:#fff;font-size:14px;font-weight:900;color:#7A4A00}
.mp-howto:not([open]) > summary.mp-howto-title::after{content:"▼ 打開說明"}
/* 頁首使用說明按鈕 */
.mp-help-btn{display:inline-flex;align-items:center;margin-right:8px;padding:8px 14px;border:2px solid #E3BE4C;border-radius:999px;background:#FFF8E1;color:#5A3A00;font-size:15px;font-weight:900;white-space:nowrap;cursor:pointer;font-family:inherit}
@media (max-width:560px){.mp-help-btn{font-size:13px;padding:6px 10px;margin-right:6px}}
/* 使用說明／成績單彈窗（字放大） */
.mp-howto-modal,.mp-progress-modal{text-align:left}
.mp-h-lead,.mp-progress-lead{margin:14px 0 8px!important;font-size:17px;font-weight:950;color:#F7D57C}
.mp-howto-modal .mp-howto-steps li{font-size:16px;color:#f1f6f3}
.mp-howto-modal .mp-tip{color:#FFD7A8}
.mp-h-list{margin:0;padding-left:22px;display:grid;gap:6px;font-size:16px;line-height:1.6;color:#f1f6f3}
.mp-progress-acts{display:grid;gap:10px}
.mp-big-btn{width:100%;min-height:52px;padding:10px 14px;border-radius:14px;font-size:16px;font-weight:950;cursor:pointer;font-family:inherit;text-align:left}
.mp-big-btn.is-bad{border:2px solid #E53935;background:rgba(229,57,53,.16);color:#fff}
.mp-big-btn.is-zap{border:2px solid #FFC83D;background:rgba(255,200,61,.16);color:#fff}
.mp-progress-row{margin:0 0 12px}
.mp-progress-court{margin:0 0 6px!important;font-size:15px;font-weight:900;color:#fff}
/* 開始頁第四行（與試用館一致） */
.trial-start-next{margin:-16px 0 20px;padding-left:22px;color:#F2A33A;font-size:15px;font-weight:800;line-height:1.55}
/* 彈窗是淺色底：文字改深色 */
.member-modal-card .mp-h-lead,.member-modal-card .mp-progress-lead{color:#7A4A00}
.member-modal-card .mp-howto-steps li,.member-modal-card .mp-h-list{color:#10251d}
.member-modal-card .mp-howto-modal .mp-tip{color:#000}
.member-modal-card .mp-progress-court{color:#10251d}
.member-modal-card .mp-books-sum{color:#7A4A00}
.member-modal-card .mp-cell{background:#fff;border-color:#ead8ab}
.member-modal-card .mp-cell b{color:#10251d}
.member-modal-card .mp-cell small{color:#5b6b62}
.member-modal-card .mp-cell.is-done{background:#E7F6EC;border-color:#1F9859}
.member-modal-card .mp-cell.is-done small{color:#0D4B35}
.member-modal-card .mp-cell.is-pend{background:#FDECEA;border-color:#E53935}
.member-modal-card .mp-cell.is-pend small{color:#C62828}
.member-modal-card .mp-free{color:#7A4A00;border-color:#B8601A}
.member-modal-card .mp-big-btn{color:#10251d}
.member-modal-card .mp-big-btn.is-bad{background:#FDECEA}
.member-modal-card .mp-big-btn.is-zap{background:#FFF6DA}
.member-modal-card:has(.mp-progress-modal),.member-modal-card:has(.mp-howto-modal){width:min(640px,100%)}
/* 收起按鈕固定在成績單框右上角 */
.member-stats-box{position:relative}
.member-stats-box .member-hall-toggle{padding-right:150px!important;min-height:44px}
.member-stats-box .member-hall-caret{position:absolute;right:0;top:0}
@media (max-width:560px){.member-stats-box .member-hall-toggle{padding-right:140px!important}.member-stats-box .member-hall-caret{font-size:14px!important;padding:7px 11px!important}}

/* v20：球場提示依版面換方向（電腦版球場在左、手機版在上） */
.mp-go-narrow{display:none}
@media (max-width:640px){.mp-go-wide{display:none}.mp-go-narrow{display:inline}}