:root{--ink:#22271f;--ink-2:#2c3327;--ink-3:#454c3e;--gold:#c9a45c;--gold-hi:#e8c783;--jade:#4b6b5e;--clay:#c2503c;--mist:#f3efe4;--paper:#f5f1e8;--paper-2:#fff;--ink-text:#23303f;--chrome-bg:#ede9e0;--chrome-text:#3a362e;--chrome-mute:#8a8375}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--chrome-bg);color:var(--chrome-text);margin:0;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif}.screen-page{background:var(--chrome-bg);flex-direction:column;align-items:center;gap:20px;min-height:100%;padding:24px;display:flex}.screen{background:var(--ink);color:var(--mist);aspect-ratio:16/9;border-radius:6px;flex-direction:column;width:100%;max-width:1280px;font-family:Noto Sans TC,PingFang TC,sans-serif;display:flex;overflow:hidden;box-shadow:0 30px 70px -20px #00000080}.screen-topbar{border-bottom:1px solid var(--ink-3);letter-spacing:.05em;color:var(--gold);justify-content:space-between;align-items:center;padding:1.6% 3%;font-size:clamp(13px,1.3vw,18px);display:flex}.timer{font-variant-numeric:tabular-nums;color:var(--gold-hi);font-size:clamp(20px,2.6vw,34px);font-weight:700}.timer.urgent{animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.running-body{flex-direction:column;flex:1;min-height:0;display:flex}.running-q{flex:none;padding:2.2% 3.5% 1.4%}.running-q .qtext{font-family:Noto Serif TC,Source Han Serif TC,serif;font-size:clamp(26px,4.4vw,58px);font-weight:700;line-height:1.38}.running-opts{flex:none;grid-template-columns:1fr 1fr;gap:1.6% 2.4%;padding:0 3.5% 1.8%;display:grid}.running-opt{border:1.5px solid var(--ink-3);background:#ffffff05;border-radius:6px;align-items:center;gap:.5em;padding:1.1% 1.6%;font-size:clamp(20px,3.2vw,42px);font-weight:600;display:flex}.running-opt b{color:var(--gold);flex-shrink:0;font-family:Noto Serif TC,serif;font-size:1.05em}.status-strip{border-top:1px solid var(--ink-3);background:var(--ink-2);flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}.status-col{flex-direction:column;min-height:0;padding:1.6% 3%;display:flex;overflow:hidden}.status-col h4{letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;margin:0 0 .5em;font-size:clamp(12px,1.15vw,15px);font-weight:600;display:flex}.status-col.answered h4{color:var(--jade)}.status-col.waiting h4{color:var(--mist);opacity:.55}.order-list,.wait-list{flex-wrap:wrap;align-content:flex-start;gap:.5em .7em;display:flex}.order-chip{border:1px solid var(--jade);background:#4b6b5e33;border-radius:999px;align-items:center;gap:.45em;padding:.25em .8em .25em .5em;font-size:clamp(13px,1.35vw,18px);animation:.3s ease-out chip-in;display:flex}@keyframes chip-in{0%{opacity:0;transform:translateY(4px)scale(.9)}to{opacity:1;transform:none}}.order-chip .num{background:var(--jade);width:1.5em;height:1.5em;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:.78em;font-weight:800;display:flex}.wait-chip{border:1px solid var(--ink-3);opacity:.6;border-radius:999px;padding:.32em .9em;font-size:clamp(13px,1.35vw,18px)}.qcol-revealed{flex-direction:column;gap:.8em;padding:2.2% 3.5% 1%;display:flex}.qtext-small{opacity:.85;font-family:Noto Serif TC,serif;font-size:clamp(18px,2.4vw,30px);font-weight:700}.answer-line{align-items:baseline;gap:.45em;display:flex}.answer-badge,.answer-text{color:var(--gold-hi);font-family:Noto Serif TC,serif;font-weight:700}.answer-badge{font-size:clamp(30px,4vw,54px)}.answer-text{font-size:clamp(32px,4.4vw,58px)}.qnote{opacity:.65;font-size:clamp(13px,1.4vw,18px);line-height:1.6}.reveal-strip{flex-wrap:wrap;align-content:flex-start;gap:1% 1.2%;padding:0 3.5% 2%;display:flex}.flip-card{aspect-ratio:3/2;perspective:700px;width:23.3%}.flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.34,1.56,.64,1);position:relative}.flip-card.flipped .flip-inner{transform:rotateY(180deg)}.flip-face{backface-visibility:hidden;text-align:center;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;inset:0}.flip-back{background:linear-gradient(135deg, var(--gold), var(--gold-hi));border:1px solid var(--gold-hi)}.flip-back:after{content:"卍";color:#1a140966;font-size:22px}.flip-front{background:var(--ink-2);border:1px solid var(--ink-3);transform:rotateY(180deg)}.flip-front.correct{border-color:var(--jade);background:linear-gradient(#4b6b5e47,#4b6b5e0f)}.flip-front.wrong{opacity:.6}.flip-front.first{animation:.9s ease-out gold-pulse}@keyframes gold-pulse{0%{box-shadow:0 0 #e8c783b3}to{box-shadow:0 0 0 14px #e8c78300}}.rcard-head{justify-content:center;align-items:center;gap:.45em;margin-bottom:.2em;display:flex}.badge{background:var(--gold);color:#1a1409;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.7em;height:1.7em;font-size:clamp(14px,1.5vw,19px);font-weight:900;animation:.4s cubic-bezier(.34,1.56,.64,1) badge-in;display:flex}@keyframes badge-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.flip-front.first .badge{background:var(--gold-hi)}.team-name{font-size:clamp(16px,1.9vw,25px);font-weight:700}.pts{font-variant-numeric:tabular-nums;color:var(--jade);margin-top:3px;font-size:clamp(22px,2.8vw,36px);font-weight:900;animation:.4s ease-out fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.flip-front.wrong .pts{color:var(--mist);opacity:.55}@media (prefers-reduced-motion:reduce){.flip-inner{transition:opacity .2s;transform:none!important}.flip-card .flip-back{display:none}.flip-card:not(.flipped) .flip-front{opacity:0}.flip-card.flipped .flip-front{opacity:1;transform:none}.flip-front.first,.badge{animation:none}}.board-body{flex-direction:column;flex:1;gap:2%;min-height:0;padding:2% 3.2% 2.2%;display:flex}.podium{grid-template-columns:1fr 1fr 1fr;align-items:end;gap:1.4%;display:grid}.podium-card{text-align:center;border:1px solid var(--ink-3);background:var(--ink-2);border-radius:8px;padding:5% 4% 4%}.podium-card.p1{border-color:var(--gold-hi);background:linear-gradient(#e8c78338,#e8c7830d);order:2;padding-top:7%}.podium-card.p2{order:1}.podium-card.p3{order:3}.podium-rank{color:var(--gold);margin-bottom:.3em;font-family:Noto Serif TC,serif;font-size:clamp(15px,1.6vw,22px);font-weight:900}.podium-card.p1 .podium-rank{color:var(--gold-hi);font-size:clamp(18px,2vw,27px)}.podium-team{margin-bottom:.2em;font-size:clamp(18px,2.2vw,30px);font-weight:700}.podium-card.p1 .podium-team{font-size:clamp(21px,2.6vw,36px)}.podium-score{font-variant-numeric:tabular-nums;color:var(--mist);font-size:clamp(26px,3.4vw,46px);font-weight:900}.podium-card.p1 .podium-score{color:var(--gold-hi);font-size:clamp(32px,4.2vw,58px)}.board-rest{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:.6% 3%;min-height:0;display:grid}.board-row{border-bottom:1px solid var(--ink-3);align-items:center;gap:.7em;padding:.55em .3em;font-size:clamp(17px,1.9vw,25px);display:flex}.board-row .n{text-align:right;width:1.5em;color:var(--gold);flex-shrink:0;font-weight:800}.board-row .name{flex:1;font-weight:600}.board-row .sc{font-variant-numeric:tabular-nums;color:var(--mist);font-weight:800}.team-page{background:var(--chrome-bg);justify-content:center;align-items:center;min-height:100%;padding:24px 16px;display:flex}.phone-shell{background:var(--paper-2);border:1px solid #00000014;border-radius:28px;width:100%;max-width:400px;padding:14px;box-shadow:0 24px 60px -20px #0006}.phone-panel{background:var(--paper);min-height:560px;color:var(--ink-text);border-radius:18px;flex-direction:column;gap:18px;padding:24px 20px 30px;font-family:Noto Sans TC,PingFang TC,sans-serif;display:flex}.team-header{justify-content:space-between;align-items:baseline;display:flex}.team-header .name{font-size:16px;font-weight:700}.team-header .score{font-variant-numeric:tabular-nums;color:var(--clay);font-size:16px;font-weight:700}.team-progress{color:var(--ink-text);opacity:.55;font-size:13px}.team-q{font-family:Noto Serif TC,Source Han Serif TC,serif;font-size:23px;font-weight:700;line-height:1.55}.team-opts{flex-direction:column;gap:16px;margin-top:4px;display:flex}.team-opt{background:var(--paper-2);min-height:88px;color:var(--ink-text);cursor:pointer;text-align:left;border:2px solid #ddd5c0;border-radius:14px;align-items:center;gap:14px;padding:0 18px;font-family:inherit;font-size:24px;font-weight:600;display:flex}.team-opt:disabled{opacity:.5;cursor:not-allowed}.team-opt .tag{background:var(--ink);width:38px;height:38px;color:var(--paper);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Noto Serif TC,serif;font-size:17px;display:flex}.team-opt.picked{border-color:var(--clay);background:#fbeee9}.team-opt.picked .tag{background:var(--clay)}.team-footer{text-align:center;color:var(--ink-text);opacity:.55;margin-top:auto;font-size:13px}.team-center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.team-center .big{font-family:Noto Serif TC,serif;font-size:20px;font-weight:700}.team-center .muted{color:var(--chrome-mute);font-size:14px}.team-result-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:74px;height:74px;font-size:36px;font-weight:900;display:flex}.team-result-icon.correct{background:var(--jade)}.team-result-icon.wrong{background:var(--clay)}.team-result-icon.noanswer{background:var(--chrome-mute)}.team-form{flex-direction:column;gap:14px;display:flex}.team-form label{color:var(--chrome-mute);font-size:13px;font-weight:700}.team-form input{background:var(--paper-2);color:var(--ink-text);border:1px solid #ddd5c0;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:18px}.team-form button{cursor:pointer;background:var(--gold);color:#231c0e;border:none;border-radius:12px;padding:14px;font-family:inherit;font-size:16px;font-weight:700}.team-form .hint{color:var(--chrome-mute);font-size:12px}