:root{--black: #000000;--white: #ffffff;--red: #c8102e;--serif: "Noto Serif TC", serif;--sans: "Noto Sans TC", system-ui, sans-serif;--mono: "JetBrains Mono", monospace}*{box-sizing:border-box}body{margin:0;background:var(--white);color:var(--black);font-family:var(--sans);-webkit-tap-highlight-color:transparent}.app{max-width:880px;margin:0 auto;min-height:100dvh;padding:20px 20px 40px;position:relative}.brandbar{position:absolute;top:20px;left:20px;width:6px;height:60px;background:var(--red)}.topbar{display:flex;justify-content:space-between;align-items:center;padding-left:20px;margin-bottom:28px}.mono{font-family:var(--mono)}.serif{font-family:var(--serif)}.red{color:var(--red)}.dim{color:#999}.kicker{font-size:12px;letter-spacing:3px;text-transform:uppercase;font-weight:700}.stage{border:2px solid var(--black);border-radius:12px;padding:28px;min-height:60dvh;display:flex;flex-direction:column;gap:20px}.stage.center{align-items:center;justify-content:center;text-align:center}.title{font-size:clamp(32px,6vw,52px);font-weight:900;margin:0;line-height:1.1}.lead{font-size:18px;margin:0}.lead .red{font-weight:700}.btn-primary{align-self:center;background:var(--black);color:var(--white);border:none;border-radius:12px;padding:16px 40px;font-family:var(--sans);font-weight:700;font-size:18px;cursor:pointer;transition:transform .08s ease}.btn-primary:active{transform:scale(.97)}.qhead{display:flex;justify-content:space-between;align-items:center;gap:16px}.qtag{font-size:14px;letter-spacing:2px;font-weight:700}.question{font-size:clamp(22px,4vw,34px);font-weight:700;margin:0;line-height:1.3}.timer{display:flex;align-items:center;gap:12px;flex:1;max-width:260px}.timernum{font-size:26px;font-weight:700;min-width:34px;text-align:right}.timerbar{flex:1;height:10px;border:2px solid var(--black);border-radius:12px;overflow:hidden}.timerfill{height:100%;background:var(--red);transition:width .1s linear}.choices{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:auto}.choice{display:flex;align-items:center;gap:14px;border:none;border-radius:12px;padding:22px 20px;color:var(--white);font-family:var(--sans);font-weight:700;font-size:20px;cursor:pointer;min-height:84px;text-align:left;transition:transform .08s ease,opacity .15s ease}.choice:active{transform:scale(.98)}.choice--dim{opacity:.35}.choice--picked{outline:4px solid var(--black);outline-offset:2px}.choice-text{flex:1}.shape{display:inline-block;width:28px;height:28px;background:var(--white);flex-shrink:0}.shape--triangle{background:transparent;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:28px solid var(--white)}.shape--diamond{transform:rotate(45deg);border-radius:3px}.shape--circle{border-radius:50%}.shape--square{border-radius:3px}.waithint{text-align:center;color:#888;letter-spacing:1px;margin:4px 0 0}.reveal-grid{display:flex;flex-direction:column;gap:10px}.revcell{border:2px solid var(--black);border-radius:12px;overflow:hidden}.revcell--wrong{opacity:.55}.revcell-head{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--white);font-weight:700}.revcell-head .shape{width:22px;height:22px}.revcell-head .shape--triangle{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:22px solid var(--white)}.tick{margin-left:auto;font-size:20px}.bar{display:flex;align-items:center;gap:10px;padding:8px 16px}.barfill{height:16px;border-radius:4px;min-width:2px;transition:width .4s ease}.barnum{font-weight:700;font-size:14px}.board{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.boardrow{display:flex;align-items:center;gap:16px;border:2px solid var(--black);border-radius:12px;padding:16px 20px;font-size:20px}.boardrow--me{background:var(--black);color:var(--white)}.boardrow--me .rank{color:var(--red)}.rank{font-weight:700;font-size:18px}.pname{flex:1;font-weight:500}.pscore{font-weight:700;font-size:22px}.podium{display:flex;align-items:flex-end;gap:16px;margin:12px 0}.podium-col{display:flex;flex-direction:column;align-items:center;gap:8px;border:2px solid var(--black);border-radius:12px;padding:16px 20px;min-width:110px}.podium--1{padding-top:40px}.podium--1 .medal{background:var(--red)}.podium--3{padding-top:10px}.medal{width:40px;height:40px;background:var(--black);color:var(--white);border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:18px}.podium-name{font-weight:700}.podium-score{font-size:22px;font-weight:700}.btn-secondary{align-self:center;background:var(--white);color:var(--black);border:2px solid var(--black);border-radius:12px;padding:12px 28px;font-family:var(--sans);font-weight:700;font-size:16px;cursor:pointer;text-decoration:none}.btn-secondary:active{transform:scale(.97)}.landing-links{display:flex;flex-direction:column;gap:12px;align-items:center}.landing-links .btn-primary{text-decoration:none}.bigcode{font-size:clamp(56px,14vw,104px);font-weight:700;letter-spacing:8px;line-height:1.05;margin:4px 0}.joininfo{display:flex;justify-content:center;text-align:center}.waitgrid{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.waitgrid-left{flex:1;min-width:200px}.waitgrid-left .bigcode{text-align:left}.joinqr{display:flex;flex-direction:column;align-items:center;gap:8px}.qrbox{border:2px solid var(--black);border-radius:12px;padding:12px;background:var(--white);line-height:0}.qrhint{font-size:12px;letter-spacing:3px;font-weight:700;text-transform:uppercase}.namewall{display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start;min-height:60px;margin-top:auto}.nametag{border:2px solid var(--black);border-radius:12px;padding:8px 16px;font-weight:500;font-size:16px;animation:pop .25s ease}@keyframes pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.nick-input{border:2px solid var(--black);border-radius:12px;padding:16px 20px;font-family:var(--sans);font-size:20px;text-align:center;width:100%;max-width:320px}.nick-input:focus{outline:3px solid var(--red);outline-offset:2px}.choice--static{cursor:default}.choices--play{grid-template-columns:1fr 1fr;gap:14px;flex:1;margin-top:0}.choice--big{min-height:120px;justify-content:center;align-items:center}.choice--big .shape{width:44px;height:44px}.choice--big .shape--triangle{width:0;height:0;border-left:26px solid transparent;border-right:26px solid transparent;border-bottom:44px solid var(--white)}.answered-state{display:flex;flex-direction:column;align-items:center;gap:20px;margin:auto 0}.answered-shape{width:120px;height:120px;border-radius:16px;display:grid;place-items:center}.answered-shape .shape{width:52px;height:52px}.answered-shape .shape--triangle{width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:52px solid var(--white)}@media (max-width: 560px){.choices{grid-template-columns:1fr}.choices--play{grid-template-columns:1fr 1fr}.topbar .dim{display:none}}