:root{font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif;color:#edf2f4;background:#101218;font-size:16px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:24px 22px 32px}header{display:flex;justify-content:space-between;align-items:center;gap:10px}header b{font-size:18px}header span,small{color:#969daa;font-size:13px}#dots{display:flex;gap:6px;margin:22px 0 28px}#dots i{height:3px;flex:1;background:#333843}#dots .done{background:#a9e879}#dots .current{background:#f5c973}.heading{display:flex;justify-content:space-between;align-items:center}h1{font-size:30px;margin:3px 0 10px;font-weight:650;letter-spacing:-1px}h2{font-size:30px}#eyebrow,.accent{color:#a9e879;font-size:14px;margin:0 0 7px}#clock{font-size:32px;font-variant-numeric:tabular-nums;font-weight:400}#clock span{font-size:14px;color:#a9adb7}#hint{color:#bbc0ca;margin:0 0 18px;min-height:24px}.stage{position:relative;background:#080b12;border:1px solid #303642;border-radius:18px;overflow:hidden}canvas{display:block;width:100%;height: min(48vh,420px);min-height:280px;touch-action:none;outline-offset:-4px}#cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0b1018dc;text-align:center;padding:20px}#cover b{font-size:26px}#cover p{color:#b0b9c5;font-size:15px}button{font:inherit;cursor:pointer;background:#b9ef8b;color:#14220d;border:0;border-radius:10px;padding:14px 24px;min-height:48px;font-weight:650}button:disabled{opacity:.4;cursor:default}button:focus-visible{outline:3px solid #fff;outline-offset:3px}.quiet{background:transparent;color:#b9c2cf;padding:8px;font-size:14px}.under{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#929cab;margin-top:8px}#feedback{position:absolute;left:0;right:0;bottom:22px;text-align:center;pointer-events:none;color:#fff;font-size:22px;text-shadow:0 2px 10px #000;min-height:28px}fieldset{border:0;padding:0;margin:30px 0}legend{margin-bottom:14px;font-size:18px}.scores{display:grid;grid-template-columns:repeat(11,1fr);gap:5px}.scores button{padding:0;min-height:46px;border:1px solid #3a4351;background:#1d232d;color:#edf2f4;border-radius:7px;font-size:16px}.scores button.selected{background:#b9ef8b;color:#14220d;border-color:#b9ef8b}.ends{display:flex;justify-content:space-between;color:#a5afbd;font-size:13px;margin-top:10px}#next,#restart{width:100%;margin-top:20px}footer{color:#848e9b;font-size:12px;line-height:1.8;margin-top:25px}.rank{padding:17px 0;border-bottom:1px solid #303642;display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center}.rank small{display:block;margin-top:4px}.bar{height:4px;background:#303642;margin-top:10px}.bar i{height:100%;display:block;background:#b9ef8b}.rank strong{font-size:23px}#winner{color:#bac3cf;line-height:1.7}[hidden]{display:none!important}@media(max-width:400px){main{padding:20px 14px}.scores{gap:3px}.scores button{font-size:14px}h1{font-size:26px}}
#decision{line-height:1.7;color:#d4dcc8;margin-top:24px}#lineup{padding:4px 20px 14px;background:#1a222c;border-radius:12px;margin-bottom:22px}#lineup li{padding:6px 0}#lineup small{margin-left:8px}textarea{display:block;width:100%;font:inherit;line-height:1.6;padding:12px;margin:10px 0 16px;background:#171e28;border:1px solid #46505d;border-radius:10px;color:#edf2f4;resize:vertical}#copy{width:100%;background:#29394a;color:#edf2f4}#copyStatus{font-size:14px;color:#b9ef8b}

.game-note{grid-column:2 / -1;margin:0;color:#b9c4d2;font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}