:root{color:#281a16;font-synthesis:none;background:#fffaf2;font-family:Noto Sans TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.hero{text-align:center;color:#fff;background:url(/banquet-hero.png) 50%/cover no-repeat;place-items:center;min-height:72vh;display:grid;position:relative}.hero-shade{background:#46000033;position:absolute;inset:0}.eyebrow{color:#ffe2a0;margin:0 0 .7rem;font-weight:800}.eyebrow.dark{color:#a20f18}.hero h1{text-shadow:0 3px 18px #5a0000;letter-spacing:0;margin:0;font-size:clamp(3.3rem,9vw,6.5rem);line-height:.98}.primary{color:#fff;background:#a20f18;border:0;border-radius:6px;justify-content:center;align-items:center;gap:.55rem;min-height:52px;padding:.8rem 1.5rem;font-weight:800;display:inline-flex;box-shadow:0 4px #681015}.primary:hover{background:#86121a}.primary:disabled{opacity:.6}.primary svg{width:20px}.hero-button{color:#391a0d;background:#f0bd46;margin-top:2rem;box-shadow:0 4px #a66d00}.leader-band{color:#fff;background:#075c46;padding:3rem max(1rem,50% - 480px)}.leader-band header{align-items:center;gap:1rem;display:flex}.leader-band header svg{color:#f2c14d;width:42px;height:42px}.leader-band p,.leader-band h2{margin:0}.leader-band h2{font-size:1.7rem}.podium{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem;display:grid}.leader{color:#261711;text-align:center;background:#fff;border-top:5px solid #d6a52c;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-height:130px;padding:1.2rem;display:flex;position:relative}.leader strong{overflow-wrap:anywhere}.leader small{color:#655a53;margin:.2rem}.leader b{color:#a20f18;font-size:1.25rem}.medal{background:#e3b538;border-radius:50%;place-items:center;width:27px;height:27px;font-weight:900;display:grid;position:absolute;top:.6rem;left:.7rem}.rules{text-align:center;max-width:760px;margin:auto;padding:3.5rem 1.2rem}.rules>div{vertical-align:top;color:#075c46;align-items:center;gap:.4rem;margin:.35rem 1rem;display:inline-flex}.rules>div span{color:#6e625a}.rules>p{margin:1.7rem 0;line-height:1.85}.rules .primary{width:min(100%,360px)}footer{text-align:center;color:#fff;background:#2e211b;padding:1.5rem 1rem}footer p{max-width:700px;margin:.2rem auto;font-size:.8rem;line-height:1.7}.form-page,.center-page,.result-page{background:linear-gradient(#fffaf2,#f7ead5);place-items:center;min-height:100vh;padding:1.2rem;display:grid}.form-page form{width:min(100%,460px)}.form-icon{color:#fff;background:#075c46;border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.form-page h1,.center-page h1,.result-page h1{margin:.25rem 0 1.8rem;font-size:2.2rem}.form-page label{margin:1rem 0;font-weight:800;display:block}.form-page input{background:#fff;border:2px solid #d7c7b8;border-radius:5px;width:100%;height:52px;margin-top:.4rem;padding:0 .85rem;display:block}.form-page input:focus{border-color:#075c46;outline:3px solid #f2c14d}.form-page .primary{width:100%;margin-top:1rem}.privacy{color:#6a5e56;font-size:.85rem}.error{color:#9d121b;font-weight:700}.icon-button{background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:1rem;left:1rem}.quiz-page{background:#fffaf2;min-height:100vh}.quiz-page>header{color:#fff;background:#a20f18;justify-content:space-between;align-items:center;height:82px;padding:0 max(1rem,50% - 390px);display:flex}.timer{align-items:center;gap:.6rem;display:flex}.timer b{font-variant-numeric:tabular-nums;font-size:1.7rem}.score{text-align:right}.score span{font-size:.75rem;display:block}.score b{font-size:1.45rem}.question{width:min(100%,780px);margin:auto;padding:2rem 1rem}.progress{color:#075c46;justify-content:space-between;font-weight:800;display:flex}.progress-track{background:#e4d9ca;height:7px;margin:.6rem 0 2rem}.progress-track i{background:#0c765a;height:100%;display:block}.question h1{margin-bottom:1.8rem;font-size:clamp(1.35rem,4vw,2rem);line-height:1.5}.options{gap:.8rem;display:grid}.options button{text-align:left;background:#fff;border:2px solid #d5c5b6;border-radius:6px;align-items:center;gap:.8rem;min-height:60px;padding:.75rem;font-weight:700;display:flex}.options button:hover:not(:disabled){background:#f1fbf7;border-color:#075c46}.options button span{color:#fff;background:#075c46;border-radius:4px;flex:0 0 34px;place-items:center;height:34px;display:grid}.feedback{text-align:center;z-index:5;background:#fffffff0;place-content:center;padding:1rem;display:grid;position:fixed;inset:0}.feedback strong{font-size:5rem}.feedback p{max-width:560px;font-size:1.2rem;font-weight:800}.feedback.right{color:#067251}.feedback.wrong{color:#a20f18}.spinner{border:6px solid #ecdabf;border-top-color:#075c46;border-radius:50%;width:55px;height:55px;animation:.8s linear infinite spin}.center-page,.result-page{text-align:center;align-content:center}.center-page h1{margin-bottom:.5rem}.result-trophy{color:#c38b0b;width:72px;height:72px}.result-page h1{color:#075c46;margin-bottom:1rem}.result-score strong{color:#a20f18;font-size:5.5rem}.result-score span{font-size:1.3rem;font-weight:800}.result-person{justify-content:center;gap:.7rem;margin:1rem 0 2rem;display:flex}.result-person span{color:#6f625a}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=600px){.hero{background-position:50%;min-height:68vh}.hero-content{padding-top:4rem}.podium{gap:.45rem}.leader{min-height:125px;padding:1rem .3rem}.leader strong{font-size:.85rem}.leader small{font-size:.7rem}.leader b{font-size:1rem}.medal{margin-bottom:.4rem;position:static}.rules>div{justify-content:center;display:flex}.question{padding-top:1.5rem}}.hero{color:#8f1119;min-height:66vh;position:static}.hero-content{padding:4rem 1rem 3rem;position:static}.hero .eyebrow{color:#875d13}.hero h1{text-shadow:none}.rules h2{margin:0 0 1.4rem;font-size:1.8rem}.options button{gap:0;padding:1rem 1.1rem}footer{border-top:6px solid #d6a52c;padding:2rem 1rem}footer strong{color:#f3c952;margin-bottom:.6rem;font-size:1rem;display:block}footer p{margin:.2rem auto 1rem;font-size:.9rem;line-height:1.8}footer small{color:#fff}.podium{grid-template-columns:repeat(3,minmax(0,1fr))}.leader{min-width:0}.leader-list{border-top:1px solid #ffffff47;margin:1rem 0 0;padding:0;list-style:none}.leader-list li{border-bottom:1px solid #ffffff47;grid-template-columns:2.5rem minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:48px;padding:.55rem .7rem;display:grid}.list-rank{color:#f2c14d;text-align:center;font-weight:900}.list-person{align-items:baseline;gap:.6rem;min-width:0;display:flex}.list-person strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list-person small{color:#ffffffb8;flex:none}.leader-list li>b{color:#fff;white-space:nowrap;font-size:.95rem}.result-scores{grid-template-columns:repeat(2,minmax(130px,1fr));gap:1rem;width:min(100%,440px);display:grid}.result-score{background:#fff;border:2px solid #d7c7b8;border-radius:6px;padding:1rem}.result-score span{color:#6f625a;font-weight:800;display:block}.result-score strong{font-size:3.8rem}.result-score small{font-weight:800}.result-score.best{border-color:#0c765a}@media (width<=600px){.hero{min-height:62vh}.hero-content{padding-top:3rem}.podium{grid-template-columns:repeat(3,minmax(0,1fr))}.leader-list li{grid-template-columns:2rem minmax(0,1fr) auto;gap:.45rem;padding-inline:.25rem}.list-person{display:block}.list-person small{margin-top:.1rem;display:block}.result-scores{grid-template-columns:1fr}}