/* 由 tools/nopig-build.cjs 從 ../redesign-preview/robot-kids/match-robot.css 產生，請改來源後重跑。 */
/* 班級比賽改成機器人科技風（2026-10-10 使用者：移除三隻小豬、大野狼、豬媽媽與撕紙風格）。蓋在 match.css 上面，只在比賽模式（html.mp）生效。
   撕紙邊（inline clip-path）全部拿掉 → 白底、綠框、圓角；背景加淡淡的科技格線；字用深綠、重點用橘色。小豬圖片由 match.js 換成小機器人（預覽伺服器即時替換）。 */
html.mp{--mpaper:#fff;--mkraft:#F3FBEF;--rg:#3E9A4A;--rg2:#6BBF59;--rg3:#EAF6E4;--rg4:#CFE8C3;--ro:#F28C28;--ro2:#FFB547;--ri:#2A4A30}
html.mp [style*="clip-path"]{clip-path:none!important}
html.mp .mp-paper{background:#fff!important;border:3px solid var(--rg4)!important;border-radius:24px!important;filter:none!important;box-shadow:0 8px 0 var(--rg3),0 18px 40px rgba(20,60,30,.25)!important}
/* 等候室：深綠半透明＋發光格線，白色面板 */
html.mp .mp-lobby{background:radial-gradient(circle at 50% 40%,rgba(62,154,74,.35),rgba(20,50,30,.72)),repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 40px),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 40px)!important}
html.mp .mp-lobbybox{background:linear-gradient(#fff,#F6FCF2)!important}
html.mp .mp-lt img{height:104px!important;animation:mp-rbob 2s ease-in-out infinite!important}
@keyframes mp-rbob{50%{transform:translateY(-6px)}}
html.mp .mp-lt small{color:var(--rg)!important}
html.mp .mp-lt h2,html.mp .mp-msg h2{color:var(--ri)!important}
html.mp .mp-lt p,html.mp .mp-hint{color:#46664C!important}
html.mp .mp-lt p b{color:var(--ro)!important}
html.mp .mp-hint small{color:var(--rg)!important}
html.mp .mp-cd{background:var(--ri)!important;color:#BFF3C8!important;border-radius:16px!important;box-shadow:0 0 0 3px var(--rg2),0 0 18px rgba(107,191,89,.6)!important}
html.mp .mp-cd b{color:#7CF0A0!important;font-family:"Consolas","Courier New",monospace!important;text-shadow:0 0 10px rgba(124,240,160,.7)}
html.mp .mp-seat i{color:var(--ri)!important}
html.mp .mp-seat .mp-pa{border-radius:14px}
html.mp .mp-seat.in .mp-pa{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--rg2),0 0 12px rgba(107,191,89,.7);border-radius:14px}
/* 3、2、1、開始！：綠橘圓角方塊 */
html.mp .mp-big b{border-radius:40px!important;box-shadow:0 10px 0 rgba(0,0,0,.18),0 0 0 8px rgba(255,255,255,.6)!important}
/* 賽道：白色長條，中間是科技感跑道（灰底＋虛線） */
html.mp .mp-track{background:#fff!important;border:3px solid var(--rg4)!important;border-radius:18px!important;box-shadow:0 4px 0 var(--rg3)!important}
html.mp .mp-road{background:linear-gradient(90deg,var(--rg3),#DDF0D3)!important;border-radius:12px!important;box-shadow:inset 0 0 0 2px var(--rg4)}
html.mp .mp-road::after{content:"";position:absolute;left:8px;right:8px;top:50%;border-top:3px dashed rgba(62,154,74,.45)}
html.mp .mp-flag{color:var(--ri)!important}
html.mp .mp-track .mp-clock{background:var(--ri)!important;color:#BFF3C8!important;border-radius:12px!important}
html.mp .mp-track .mp-clock b{color:#7CF0A0!important;font-family:"Consolas","Courier New",monospace}
/* 快報、你完成了、成績 */
html.mp .mp-toast{border-radius:999px!important;background:linear-gradient(var(--c),color-mix(in srgb,var(--c),#000 12%))!important;box-shadow:0 6px 0 rgba(0,0,0,.15)!important}
html.mp .mp-wait b{color:var(--ro)!important}html.mp .mp-wait small{color:var(--rg)!important}html.mp .mp-wait span{color:#46664C!important}
html.mp .mp-wait img,html.mp .mp-msg img,html.mp .mp-rh img{height:96px!important}
html.mp .mp-pa.me .cp-av,html.mp .mp-run.isme .mp-pa .cp-av{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--ro),0 0 14px var(--ro2)!important}
html.mp .mp-result .mp-rbox{background:linear-gradient(#fff,#F6FCF2)!important}
html.mp .mp-result .gc{border-radius:16px!important;background:#fff!important;border:2px solid var(--rg4)!important}
html.mp .mp-result .gc.me{border-color:var(--ro)!important;box-shadow:0 0 0 3px rgba(242,140,40,.25)!important}
html.mp .mp-result .blk{border-radius:12px 12px 0 0!important}
/* 首頁的比賽邀請鈕 */
.mp-invite img,[class*=invite] img[src*="robot"]{height:48px}