:root{--counter:#3e2419;--counter-lit:#4a2e23;--tray:#f5efe0;--ink:#1a1614;--signal-red:#d93a2b;--datong-green:#2e7d4f;--datong-green-lit:#7cc79c;--almanac-gold:#e8a33d;--bureau-blue:#1f5c8c;--muted:#b9a894;--press-ink:#fff;--edge:#f5efe02e;--font-body:20px;--font-lead:30px;--font-title:40px;--press-depth:10px}body.group{--font-body:36px;--font-lead:52px;--font-title:68px}*{box-sizing:border-box}body{background:var(--counter);color:var(--tray);font-family:Noto Sans TC,PingFang TC,system-ui,sans-serif;font-size:var(--font-body);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;line-height:1.5}#app{flex-direction:column;min-height:100vh;display:flex}.stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;padding:32px 24px;display:flex;position:relative}.lead{font-size:var(--font-lead);text-align:center;letter-spacing:.02em;text-shadow:0 2px #00000059;margin:0;font-weight:700}.lead .go{color:var(--almanac-gold)}.plate{background:var(--tray);border:5px solid var(--ink);border-radius:28px;place-items:center;padding:18px;transition:transform .12s,box-shadow .12s;display:grid;box-shadow:0 10px #0000004d}.plate svg{width:100%;height:100%;display:block}.plate[data-state=hidden]{visibility:hidden}.press{appearance:none;border:5px solid var(--ink);background:var(--signal-red);color:var(--press-ink,#fff);font:inherit;font-size:var(--font-lead);letter-spacing:.12em;cursor:pointer;min-width:320px;min-height:112px;box-shadow:0 var(--press-depth) 0 #7d1d14;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:24px;padding:24px 64px;font-weight:800;transition:transform 60ms,box-shadow 60ms}.press:active,.press[data-pressed=true]{transform:translateY(var(--press-depth));box-shadow:0 0 #7d1d14}.press:disabled{opacity:.45;cursor:default}.feedback{min-height:2em;font-size:var(--font-lead);text-align:center;margin:0;font-weight:700}.feedback[data-tone=good]{color:var(--datong-green-lit)}.feedback[data-tone=retry]{color:var(--almanac-gold)}.feedback[data-tone=idle]{color:#0000}.facilitator{border-top:2px solid var(--edge);color:var(--muted);background:#0000004d;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 22px;font-size:16px;display:flex}.facilitator button{appearance:none;color:var(--tray);font:inherit;cursor:pointer;background:0 0;border:2px solid #f5efe059;border-radius:10px;min-height:48px;padding:10px 16px;font-size:16px}.facilitator .spacer{flex:1}.tally{font-variant-numeric:tabular-nums;gap:16px;display:flex}.tally b{color:var(--tray);font-weight:700}.probe{color:#cbbba6;background:#0c0806ed;border-left:2px solid #f5efe033;width:330px;max-height:100vh;padding:14px 16px;font-family:ui-monospace,SF Mono,monospace;font-size:12.5px;line-height:1.6;position:fixed;top:0;right:0;overflow:auto}.probe h2{letter-spacing:.18em;color:var(--almanac-gold);margin:0 0 8px;font-family:inherit;font-size:12px}.probe h2:not(:first-child){margin-top:16px}.probe dl{grid-template-columns:auto 1fr;gap:2px 10px;margin:0;display:grid}.probe dt{color:#8d7c68}.probe dd{color:#e6dccb;margin:0}.probe .warn{color:var(--almanac-gold)}.probe .bad{color:#ef7c6c}.probe ol{margin:0;padding-left:18px}.probe li{margin-bottom:2px}.probe{display:none}body.probe-on .probe{display:block}@media (max-width:900px){body.probe-on .probe{display:none}}.stage.choice{gap:22px;padding-top:24px}.lead small{opacity:.8;margin-top:6px;font-size:.55em;font-weight:500;display:block}.prompt-card{background:var(--tray);color:var(--ink);border:4px solid var(--ink);border-radius:20px;align-items:center;gap:18px;padding:12px 26px 12px 12px;display:flex;box-shadow:0 8px #0000004d}.prompt-card img{object-fit:contain;border-radius:12px;width:84px;height:84px}.prompt-card span{font-size:var(--font-lead);letter-spacing:.04em;font-weight:800}.prompt-card[data-hint=pulse]{animation:1.6s ease-in-out infinite prompt-pulse}@keyframes prompt-pulse{0%,to{box-shadow:0 8px #0000004d}50%{box-shadow:0 8px #0000004d,0 0 0 10px #e8a33d73}}.options{--option-size:168px;--options-gap:20px;justify-content:center;gap:var(--options-gap);flex-wrap:wrap;max-width:1000px;display:flex}.option{appearance:none;font:inherit;cursor:pointer;width:var(--option-size);background:var(--tray);color:var(--ink);border:4px solid var(--ink);box-shadow:0 var(--press-depth) 0 #0000006b;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:12px 10px 10px;transition:transform .1s,box-shadow .1s,opacity .25s,filter .25s;display:flex}.option img{aspect-ratio:1;object-fit:contain;pointer-events:none;border-radius:12px;width:100%}.option span{font-size:var(--font-body);pointer-events:none;font-weight:700}.option:active{transform:translateY(var(--press-depth));box-shadow:0 0 #0000006b}.option[data-wrong=true]{opacity:.3;filter:grayscale();box-shadow:none;cursor:default;transform:scale(.92)}.option[data-reveal=true]{animation:1.4s ease-in-out infinite reveal-glow}@keyframes reveal-glow{0%,to{box-shadow:0 var(--press-depth) 0 #0000006b}50%{box-shadow:0 var(--press-depth) 0 #0000006b, 0 0 0 12px #e8a33d8c}}.option[data-win=true]{border-color:var(--datong-green);box-shadow:0 var(--press-depth) 0 #1d5334, 0 0 0 10px #2e7d4f59}.option.start{background:var(--signal-red);color:#fff;border-color:var(--ink);min-width:320px;min-height:130px;box-shadow:0 var(--press-depth) 0 #7d1d14;justify-content:center}.option.start span{font-size:var(--font-lead);letter-spacing:.12em;font-weight:800}.picker{align-items:center;gap:8px;font-size:16px;display:inline-flex}.picker select{font:inherit;min-height:48px;color:var(--tray);background:0 0;border:2px solid #f5efe059;border-radius:10px;padding:8px 10px;font-size:16px}.picker select option{color:#1a1614}@media (min-width:901px){body.probe-on .stage{padding-right:356px}}.option img[data-missing=true],.prompt-card img[data-missing=true]{visibility:hidden}.option{position:relative;overflow:hidden}.option:after{content:"";background:radial-gradient(circle at var(--tap-x,50%) var(--tap-y,50%), #1a161438 0%, #1a161400 60%);opacity:0;pointer-events:none;position:absolute;inset:0}.option[data-ack=true]:after{animation:.26s ease-out tap-ack}@keyframes tap-ack{0%{opacity:1;transform:scale(.35)}to{opacity:0;transform:scale(1.6)}}@keyframes win-lift{0%{transform:translateY(0)}40%{transform:translateY(-10px)}to{transform:translateY(0)}}.option[data-win=true]{animation:.42s ease-out win-lift}.basket{background:#00000038;border:2px solid #f5efe02e;border-radius:16px;align-items:center;gap:12px;max-width:92%;min-height:72px;padding:10px 18px;display:flex}.basket-label{color:var(--muted);white-space:nowrap;font-size:17px}.basket-items{flex-wrap:wrap;gap:8px;display:flex}.basket-items img{object-fit:contain;background:var(--tray);border:2px solid var(--ink);border-radius:10px;width:48px;height:48px}.basket-items img:last-child{animation:.38s ease-out drop-in}@keyframes drop-in{0%{opacity:0;transform:translateY(-16px)scale(.7)}to{opacity:1;transform:translateY(0)scale(1)}}.basket[data-cheer=true]{border-color:var(--almanac-gold);box-shadow:0 0 0 4px #e8a33d47}.basket-cheer{color:var(--almanac-gold);white-space:nowrap;font-size:16px;font-weight:700}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body.calm .option:after,body.calm .basket-items img:last-child,body.calm .option[data-win=true],body.calm .prompt-card[data-hint=pulse],body.calm .option[data-reveal=true]{animation:none!important}body.calm .prompt-card[data-hint=pulse]{outline:5px solid #e8a33dcc}body.calm .option[data-reveal=true]{outline:6px solid #e8a33de6}.option:focus-visible{outline:5px solid var(--bureau-blue);outline-offset:4px}.facilitator button:disabled{opacity:.35;cursor:default}.board{justify-content:center;width:100%;display:flex;position:relative}.demo-hand{pointer-events:none;z-index:5;width:74px;height:74px;transform:translate(var(--hand-x,50%), var(--hand-y,50%));margin:-37px 0 0 -37px;transition:transform .9s cubic-bezier(.34,.8,.3,1);position:absolute;top:0;left:0}.demo-hand:before{content:"";background:var(--ink);border:4px solid var(--tray);border-radius:50%;transition:transform .18s ease-out;position:absolute;inset:22px;box-shadow:0 4px 10px #00000080}.demo-hand:after{content:"";border:5px solid var(--almanac-gold);opacity:0;border-radius:50%;position:absolute;inset:0;transform:scale(.5)}.demo-hand[data-beat=tap]:before{transform:scale(.72)}.demo-hand[data-beat=tap]:after{animation:.7s ease-out demo-ripple}@keyframes demo-ripple{0%{opacity:.95;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}.help{appearance:none;font:inherit;cursor:pointer;font-size:var(--font-body);color:var(--tray);background:#f5efe012;border:3px dashed #f5efe0c7;border-radius:999px;min-height:56px;margin-top:4px;padding:12px 32px;font-weight:700;transition:background .15s,border-color .15s}.help:hover,.help:focus-visible{border-color:var(--tray);background:#f5efe01f}.help:focus-visible{outline:4px solid var(--bureau-blue);outline-offset:3px}.rest-veil{z-index:40;background:#1c1814ed;flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:fixed;inset:0}.rest-veil p{font-size:calc(var(--font-lead) * .9);margin:0;font-weight:700}.rest-veil button{appearance:none;font:inherit;cursor:pointer;font-size:var(--font-body);color:var(--ink);background:var(--almanac-gold);border:4px solid var(--ink);border-radius:18px;padding:16px 56px;font-weight:700;box-shadow:0 6px #0000006b}.rest-veil button:active{transform:translateY(6px);box-shadow:0 0 #0000006b}.basket[data-final=true]{border-color:var(--almanac-gold);flex-direction:column;gap:16px;padding:20px 28px}.basket[data-final=true] .basket-label{font-size:calc(var(--font-body) * .9);color:var(--tray);font-weight:700}.basket[data-final=true] .basket-items{justify-content:center}.basket[data-final=true] .basket-items img{width:76px;height:76px}.board-single{flex-direction:column;align-items:center;padding-bottom:0}.plate[data-pass=true]{animation:.8s ease-in forwards let-it-pass}@keyframes let-it-pass{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(52vw)rotate(14deg)}}body.calm .plate[data-pass=true]{opacity:.25;border-style:dashed;animation:none!important}.creel-fish{background:var(--tray);border:2px solid var(--ink);border-radius:10px;place-items:center;width:48px;height:48px;display:grid}.creel-fish svg{width:40px;height:40px}.basket[data-final=true] .creel-fish{width:76px;height:76px}.basket[data-final=true] .creel-fish svg{width:64px;height:64px}.press[data-ack=true]{filter:brightness(1.25)}.back-roster{font-size:var(--font-body);color:var(--ink);background:var(--almanac-gold);border:4px solid var(--ink);border-radius:16px;margin-top:8px;padding:14px 40px;font-weight:700;text-decoration:none;display:inline-block;box-shadow:0 6px #0000006b}.back-roster:active{transform:translateY(6px);box-shadow:0 0 #0000006b}.back-roster[hidden]{display:none}.warnbar button{appearance:none;font:inherit;cursor:pointer;background:#fff;border:2px solid #c9a24a;border-radius:9px;min-height:42px;margin:8px 6px 0 0;padding:8px 14px;font-size:14px}.warnbar .hint{opacity:.8;margin-top:6px;font-size:13px;display:block}.settings{color:var(--tray)}.settings>summary{cursor:pointer;border:2px solid #f5efe059;border-radius:10px;align-items:center;min-height:48px;padding:10px 18px;font-size:16px;list-style:none;display:flex}.settings>summary::-webkit-details-marker{display:none}.settings>summary:after{content:" ▾";opacity:.6}.settings[open]>summary:after{content:" ▴"}.settings>summary:focus-visible{outline:4px solid var(--bureau-blue);outline-offset:2px}.settings-body{width:min(560px,100vw - 24px);max-height:min(70vh,620px);color:var(--tray);z-index:30;background:#241f1a;border:3px solid #f5efe04d;border-radius:16px;padding:16px 18px;position:absolute;bottom:calc(100% + 10px);left:0;overflow:auto;box-shadow:0 -8px 28px #00000080}.facilitator{position:relative}.settings fieldset{border:none;border-top:2px solid #f5efe029;margin:0;padding:14px 0 0}.settings fieldset:first-child{border-top:none;padding-top:0}.settings legend{color:var(--almanac-gold);letter-spacing:.06em;padding:0;font-size:15px;font-weight:700}.settings .opts{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.settings .opt{cursor:pointer;border:2px solid #f5efe04d;border-radius:10px;align-items:center;gap:8px;min-height:46px;padding:9px 14px;font-size:16px;display:inline-flex}.settings .opt:has(input:checked){border-color:var(--almanac-gold);background:#e8a33d24}.settings .opt input{width:20px;height:20px;accent-color:var(--almanac-gold)}.settings .opt.switch{margin-top:8px}.settings .note{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.6}.settings .note.warn{color:#f0c078}.press,.option.start{min-width:min(320px,100%)}.board{width:100%}@media (max-width:480px){.stage{gap:16px;padding:16px 12px}.stage.choice{gap:14px;padding-top:14px}.options{--options-gap:12px}.option{max-width:calc(50% - 6px)}.prompt-card{gap:12px;padding:8px 18px 8px 8px}.prompt-card img{width:56px;height:56px}.feedback{min-height:1.4em}.basket{min-height:56px;padding:8px 12px}.basket-items img,.creel-fish{width:38px;height:38px}.facilitator{gap:8px;padding:10px 12px}.settings-body{width:calc(100vw - 24px);max-height:62vh}}@media (max-width:480px) and (max-height:820px){.options[data-dense=true] .option{max-width:calc(33.333% - 8px)}.options[data-dense=true] .option span{font-size:calc(var(--font-body) * .8)}}@media (max-height:700px){:root{--font-lead:24px;--font-title:32px}.stage{gap:12px;padding-top:12px}.lead{line-height:1.25}.basket{min-height:52px}}@media (min-width:1200px){body.group .options{--options-gap:32px;max-width:1600px}body.group .prompt-card img{width:120px;height:120px}body.group .option span{font-size:var(--font-body)}body.group .press{min-width:520px;min-height:168px;padding:28px 72px}}body.calm .demo-hand{transition-duration:.01ms}body.calm .demo-hand:after{animation:none!important}body.calm .demo-hand[data-beat=tap]:after{opacity:.95;transform:scale(1)}