: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}img{max-width:100%}.hero{color:#8f1119;text-align:center;background:url(/banquet-hero.png) 50%/cover no-repeat;place-items:center;min-height:66vh;display:grid}.hero-content{padding:4rem 1rem 3rem}.eyebrow{color:#875d13;letter-spacing:.06em;margin:0 0 .7rem;font-weight:900}.eyebrow.dark{color:#a20f18}.hero h1{letter-spacing:0;margin:0;font-size:clamp(3.3rem,9vw,6.5rem);line-height:.98}.hero-sub{color:#5f3d25;font-weight:900}.primary,.secondary{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:900;display:inline-flex;box-shadow:0 4px #681015}.primary:hover{background:#86121a}.primary:disabled{opacity:.55;cursor:not-allowed}.secondary{color:#281a16;background:#f0bd46;box-shadow:0 4px #a66d00}.leader-band{color:#fff;background:#075c46;border-bottom:1px solid #fff3;padding:3rem max(1rem,50% - 480px)}.leader-band:nth-of-type(3){background:#064b3a}.leader-band header{align-items:center;gap:1rem;display:flex}.leader-band header p,.leader-band header h2{margin:0}.leader-band h2{font-size:1.7rem}.trophy{color:#f2c14d;font-size:2.6rem}.podium{grid-template-columns:repeat(3,minmax(0,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-width:0;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}.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{white-space:nowrap}.empty-rank{text-align:center;border:1px dashed #fff8;margin-top:1.5rem;padding:2rem}.rules{text-align:center;max-width:980px;margin:auto;padding:3.5rem 1.2rem}.rules h2{margin:0 0 1.4rem;font-size:1.8rem}.rules>p{line-height:1.85}.login-primary{width:min(100%,360px);margin-top:1rem}.game-cards{text-align:left;grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.game-cards article{background:#fff;border:2px solid #d7c7b8;border-radius:8px;padding:1.5rem}.game-cards article>span{color:#a20f18;font-weight:900}.game-cards h3{margin:.6rem 0;font-size:1.4rem}.game-cards p{min-height:86px;line-height:1.75}.text-button{color:#075c46;background:0 0;border:0;margin-top:1.2rem;font-weight:900;text-decoration:underline}footer{text-align:center;color:#fff;background:#2e211b;border-top:6px solid #d6a52c;padding:2rem 1rem}footer strong{color:#f3c952;margin-bottom:.6rem;display:block}footer p{max-width:700px;margin:.2rem auto 1rem;font-size:.9rem;line-height:1.8}.form-page,.center-page,.result-page{text-align:center;background:linear-gradient(#fffaf2,#f7ead5);align-content:center;place-items:center;min-height:100vh;padding:1.2rem;display:grid}.form-page form{text-align:left;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:900;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;background:#ffe9e4;border:1px solid #d69a94;border-radius:5px;padding:.7rem;font-weight:800}.icon-button{background:0 0;border:0;place-items:center;width:44px;height:44px;font-size:1.6rem;display:grid;position:absolute;top:1rem;left:1rem}.mini-nav{color:#fff;background:#2e211b;justify-content:space-between;align-items:center;height:70px;padding:0 max(1rem,50% - 560px);display:flex}.mini-nav button{color:#f3c952;background:0 0;border:0;font-weight:900}.catalog-head{background:#fffaf2;border-bottom:6px solid #d6a52c;padding:4rem max(1rem,50% - 560px)}.catalog-head h1{margin:.2rem 0;font-size:clamp(2.5rem,6vw,5rem)}.puzzle-catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;max-width:1160px;margin:auto;padding:3rem 1rem;display:grid}.puzzle-card{background:#fff;border:2px solid #d7c7b8;border-radius:8px;overflow:hidden;box-shadow:0 5px #d6a52c}.puzzle-cover{background:#eee;position:relative;overflow:hidden}.puzzle-cover img{object-fit:cover;width:100%;height:100%}.puzzle-cover span{background:#f0bd46;border:2px solid #281a16;border-radius:99px;padding:.35rem .6rem;font-weight:900;position:absolute;top:.7rem;left:.7rem}.puzzle-card>div:last-child{padding:1.2rem}.puzzle-card h2{font-size:1.15rem}.puzzle-card .primary{width:100%}.quiz-page{background:#fffaf2;min-height:100vh}.quiz-page>header,.puzzle-play>header{color:#fff;background:#a20f18;justify-content:space-between;align-items:center;height:82px;padding:0 max(1rem,50% - 390px);display:flex}.quiz-page>header button,.puzzle-play>header button{color:#fff;background:0 0;border:1px solid #fff7;border-radius:5px;padding:.5rem}.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:900;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:800;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:#fffffff2;place-content:center;padding:1rem;display:grid;position:fixed;inset:0}.feedback strong{font-size:5rem}.feedback p{font-size:1.2rem;font-weight:900}.feedback.right{color:#067251}.feedback.wrong{color:#a20f18}.session-logout{opacity:.25;position:fixed;bottom:.5rem;right:.5rem}.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;display:grid}.result-score span{color:#6f625a;font-weight:900}.result-score strong{color:#a20f18;font-size:3.8rem}.result-score.best{border-color:#0c765a}.result-actions{gap:1rem;margin-top:1.5rem;display:flex}.puzzle-ready{background:#fffaf2;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid;position:relative}.ready-image{min-height:650px;overflow:hidden}.ready-image img{object-fit:cover;width:100%;height:100%}.puzzle-ready section{align-content:center;padding:clamp(2rem,6vw,6rem);display:grid}.puzzle-ready h1{margin:.2rem 0 1rem;font-size:clamp(2rem,5vw,4rem)}.puzzle-ready p{line-height:1.8}.puzzle-play{background:#dff6ee;min-height:100vh}.puzzle-workspace{grid-template-columns:1.4fr .6fr;gap:1.5rem;max-width:1200px;margin:auto;padding:2rem 1rem;display:grid}.board-wrap{align-self:start;position:relative}.puzzle-board{background:#281a16;border:3px solid #281a16;gap:2px;display:grid}.puzzle-board>button{background:#fffaf2;border:0;padding:0;overflow:hidden}.piece{cursor:grab;background-repeat:no-repeat;width:100%;height:100%;min-height:42px;display:block}.hint-overlay{object-fit:fill;opacity:.9;pointer-events:none;border:3px solid #f2c14d;width:100%;height:100%;position:absolute;inset:0}.puzzle-workspace aside{background:#fff;border:2px solid #d7c7b8;border-radius:8px;align-self:start;padding:1rem}.puzzle-workspace aside h2{font-size:1.2rem}.puzzle-workspace aside small{color:#a20f18}.tray-grid{grid-template-columns:repeat(4,1fr);gap:.45rem;max-height:55vh;margin:1rem 0;display:grid;overflow:auto}.tray-grid button{aspect-ratio:1;background:#fff;border:2px solid #d7c7b8;padding:0}.tray-grid button.selected{outline:4px solid #f2c14d}.puzzle-workspace aside>.primary{width:100%}.completed-image{object-fit:contain;border:3px solid #281a16;width:min(560px,90vw);max-height:400px;margin-bottom:1rem}@media (width<=900px){.puzzle-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.puzzle-ready{grid-template-columns:1fr}.ready-image{min-height:400px;max-height:550px}.puzzle-workspace{grid-template-columns:1fr}.tray-grid{grid-template-columns:repeat(6,1fr);max-height:none}}@media (width<=600px){.hero{min-height:62vh}.hero-content{padding-top:3rem}.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}.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}.game-cards{grid-template-columns:1fr}.game-cards p{min-height:0}.puzzle-catalog,.result-scores{grid-template-columns:1fr}.result-actions{flex-direction:column}.tray-grid{grid-template-columns:repeat(5,1fr)}.puzzle-workspace{padding:.8rem}.puzzle-play>header{gap:.4rem;height:auto;min-height:76px;padding:.7rem}.puzzle-play>header b{font-size:.8rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.puzzle-copyright{color:#6a5e56;max-width:760px;margin:.75rem auto 0;font-size:.9rem;line-height:1.8}.puzzle-catalog{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;max-width:1280px}.piece{touch-action:none;-webkit-user-select:none;user-select:none}@media (width<=900px){.puzzle-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.puzzle-catalog{grid-template-columns:1fr}}