:root{--ink:#172033;--muted:#526172;--paper:#fffaf2;--panel:#fff;--line:#cbd5e1;--green:#15803d;--red:#b91c1c;--red-soft:#fee2e2;--blue:#1d4ed8;--blue-soft:#dbeafe;--yellow:#f59e0b;font-family:"Microsoft JhengHei","PingFang TC","Noto Sans TC",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,rgba(22,163,74,.14),transparent 34%),linear-gradient(225deg,rgba(37,99,235,.14),transparent 36%),var(--paper);color:var(--ink)}button,input,select,textarea{font:inherit}button{min-height:54px;border:0;cursor:pointer}button:disabled{opacity:.52;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:5px solid rgba(15,118,110,.26);outline-offset:3px}.app{width:min(1280px,calc(100% - 28px));margin:0 auto;padding:20px 0 44px}.topbar{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin-bottom:22px}.home-link,.icon-button,.ghost{border:3px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:12px 16px;text-decoration:none;font-weight:900}.eyebrow,.round{margin:0;color:var(--green);font-weight:900;letter-spacing:0}h1{margin:0;font-size:clamp(2rem,5vw,3.25rem)}h2{margin:0 0 18px;font-size:clamp(2rem,5vw,4.25rem);line-height:1.08}h3{margin:0 0 12px;font-size:1.55rem}.lead{color:var(--muted);font-size:clamp(1.25rem,2.5vw,1.7rem);line-height:1.6}.lead.small{font-size:1.2rem}.screen{display:none}.screen.active{display:block}.hidden{display:none!important}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) 360px;gap:28px;align-items:center}.plate-art{display:grid;place-items:center}.plate-art svg{width:min(100%,360px);filter:drop-shadow(0 20px 36px rgba(23,32,51,.14))}.plate-art text{fill:var(--ink);font-size:24px;font-weight:900}.choice-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}.primary,.secondary,.danger,.segmented button{border-radius:8px;padding:12px 18px;font-weight:900}.primary{background:var(--ink);color:#fff}.secondary,.segmented button{background:#fff;color:var(--ink);border:3px solid var(--line)}.danger{background:var(--red);color:#fff}.panel,.stage,.question-board,.room-banner,.score-strip,.roster{background:rgba(255,255,255,.94);border:2px solid rgba(23,32,51,.1);border-radius:8px;box-shadow:0 18px 44px rgba(23,32,51,.1)}.panel{padding:clamp(18px,3vw,30px)}label{display:block;margin:16px 0 8px;font-size:1.2rem;font-weight:900}input,select,textarea{width:100%;min-height:58px;border:3px solid var(--line);border-radius:8px;padding:10px 14px;background:#fff;color:var(--ink);font-size:1.25rem}textarea{min-height:150px;font-family:ui-monospace,Consolas,monospace}pre{white-space:pre-wrap;margin:10px 0 0}.hint-box{margin-top:16px;padding:14px;border-radius:8px;background:#f8fafc;color:var(--muted)}.host-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}.host-controls{display:grid;gap:12px;position:sticky;top:16px}.segmented{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.segmented button.active{border-color:var(--green);background:#dcfce7}.stage{padding:clamp(16px,2vw,24px);display:grid;gap:16px}.room-banner{display:grid;grid-template-columns:1fr 170px;gap:16px;align-items:center;padding:16px}.room-banner strong{display:block;font-size:clamp(2.5rem,7vw,5rem);line-height:1}#qrCode{width:160px;height:160px;border:3px solid var(--ink);border-radius:8px;background:#fff;object-fit:contain}.score-strip{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.score{display:grid;place-items:center;padding:14px}.score span{font-size:1.25rem;font-weight:900}.score strong{font-size:clamp(3rem,8vw,5.5rem);line-height:1}.score.red{background:var(--red-soft);color:var(--red)}.score.blue{background:var(--blue-soft);color:var(--blue)}.compact .score strong{font-size:3rem}.question-board{padding:clamp(18px,3vw,30px)}.question-board h2{min-height:120px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{min-height:82px;border:3px solid var(--line);border-radius:8px;background:#fff;padding:12px;color:var(--ink);font-size:clamp(1.2rem,3vw,1.7rem);font-weight:900;text-align:left}.answer.correct{border-color:var(--green);background:#dcfce7}.answer.wrong{border-color:var(--red);background:var(--red-soft)}.buzz-status{margin-top:14px;padding:14px;border-radius:8px;background:#f8fafc;color:var(--muted);font-size:1.25rem;font-weight:900}.team-rosters{display:grid;grid-template-columns:1fr 1fr;gap:16px}.roster{padding:18px}.roster.red h3{color:var(--red)}.roster.blue h3{color:var(--blue)}.roster ul{display:flex;flex-wrap:wrap;gap:10px;min-height:56px;margin:0;padding:0;list-style:none}.roster li{padding:8px 12px;border-radius:8px;background:#f8fafc;font-size:1.25rem;font-weight:900}.student-wrap{width:min(760px,100%);margin:0 auto}.student-game{display:grid;gap:16px}.student-team{padding:14px;border-radius:8px;color:#fff;font-size:1.7rem;font-weight:900;text-align:center}.student-team.red{background:var(--red)}.student-team.blue{background:var(--blue)}.buzz-me{width:100%;min-height:96px;margin:8px 0 14px;border-radius:8px;background:var(--yellow);color:#111827;font-size:2rem;font-weight:900}.champion-card{position:relative;isolation:isolate;overflow:hidden;display:grid;gap:10px;place-items:center;min-height:260px;margin:-4px 0 18px;padding:28px;border:5px solid var(--ink);border-radius:8px;text-align:center;background:linear-gradient(135deg,#fff7ed,#fef3c7 48%,#dcfce7)}.champion-card.red{background:linear-gradient(135deg,#fff,#fee2e2 45%,#fecaca);color:var(--red)}.champion-card.blue{background:linear-gradient(135deg,#fff,#dbeafe 45%,#bfdbfe);color:var(--blue)}.champion-card.tie{background:linear-gradient(135deg,#fff,#fef3c7 45%,#dcfce7);color:var(--ink)}.champion-card p{margin:0;font-size:clamp(1.2rem,2vw,1.7rem);font-weight:900;color:var(--ink)}.champion-card strong{font-size:clamp(4rem,10vw,8rem);line-height:1;animation:award-pop .7s ease both}.champion-card small{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:900;color:var(--ink)}.fireworks span{position:absolute;width:18px;height:18px;border-radius:999px;background:var(--yellow);box-shadow:0 0 0 10px rgba(245,158,11,.18),42px 20px 0 #dc2626,-34px 34px 0 #2563eb,20px -40px 0 #16a34a;animation:burst 1.15s ease-in-out infinite}.fireworks span:nth-child(1){left:10%;top:18%}.fireworks span:nth-child(2){right:13%;top:16%;animation-delay:.18s}.fireworks span:nth-child(3){left:18%;bottom:18%;animation-delay:.32s}.fireworks span:nth-child(4){right:18%;bottom:20%;animation-delay:.46s}.final-review{display:grid;grid-template-columns:1fr;max-height:58vh;overflow:auto;padding-right:6px}.review-item{display:grid;gap:8px;padding:16px;border:3px solid var(--line);border-radius:8px;background:#fff}.review-item p{margin:0;color:var(--green);font-weight:900}.review-item h3{margin:0;font-size:clamp(1.25rem,2.3vw,1.8rem);line-height:1.28}.review-item strong{font-size:clamp(1.2rem,2vw,1.55rem);color:var(--red)}.review-item span{font-size:1.15rem;color:var(--muted);font-weight:800}@keyframes award-pop{0%{transform:scale(.7);opacity:.2}70%{transform:scale(1.06)}100%{transform:scale(1);opacity:1}}@keyframes burst{0%,100%{transform:scale(.55);opacity:.35}45%{transform:scale(1.25);opacity:1}}@media (max-width:900px){.topbar,.hero-grid,.host-layout,.room-banner,.team-rosters,.answers{grid-template-columns:1fr}.host-controls{position:static}#qrCode{width:220px;height:220px;justify-self:center}.champion-card strong{font-size:clamp(3.2rem,18vw,5.8rem)}.final-review{max-height:none}}