: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}body:before{content:"";z-index:0;pointer-events:none;background-image:var(--pattern,none);background-size:var(--pattern-size,auto);opacity:var(--pattern-opacity,.5);-webkit-mask-image:var(--pattern-mask);-webkit-mask-image:var(--pattern-mask);mask-image:var(--pattern-mask);position:fixed;inset:0}:root{--pattern-mask:radial-gradient(ellipse 60% 56% at 50% 48%, transparent 0 62%, #0000008c 82%, #000 100%)}body:after{content:"";z-index:0;pointer-events:none;background-image:var(--band,none);background-position:top,bottom;background-repeat:repeat-x,repeat-x;background-size:var(--band-size,auto);position:fixed;inset:0}#app{z-index:1;position:relative}.option:before,.prompt-card:before{content:"";border:2px solid var(--frame,transparent);pointer-events:none;border-radius:13px;position:absolute;inset:6px}.prompt-card,.press{position:relative}.press:before{content:"";border:2px solid var(--press-frame,transparent);pointer-events:none;border-radius:16px;position:absolute;inset:7px}:root[data-theme=counter]{--pattern:repeating-linear-gradient(90deg, #00000038 0 2px, #0000 2px 9px), repeating-linear-gradient(90deg, #ffffff13 0 1px, #fff0 1px 23px);--pattern-size:auto;--pattern-opacity:.85;--band:repeating-linear-gradient(45deg, #b3311f 0 9px, #8f2718 9px 18px), repeating-linear-gradient(45deg, #b3311f 0 9px, #8f2718 9px 18px);--band-size:auto 12px;--frame:#1a161433;--press-frame:#ffffff4d}:root[data-theme=terrazzo]{--pattern: repeating-linear-gradient(45deg, #e3bb529e 0 3px, #e3bb5200 3px 84px), repeating-linear-gradient(-45deg, #e3bb529e 0 3px, #e3bb5200 3px 84px),  radial-gradient(circle at 12% 24%, #ffffff57 0 2.5px, transparent 3px), radial-gradient(circle at 68% 12%, #1418128c 0 3px, transparent 3.5px), radial-gradient(circle at 34% 72%, #ffffff47 0 2px, transparent 2.5px), radial-gradient(circle at 84% 62%, #1418127a 0 2.5px, transparent 3px), radial-gradient(circle at 52% 44%, #e3bb5266 0 2px, transparent 2.5px);--pattern-size:84px 84px, 84px 84px, 46px 46px, 61px 61px, 53px 53px, 71px 71px, 39px 39px;--pattern-opacity:.9;--band:repeating-linear-gradient(90deg, #e3bb52 0 26px, #b8933a 26px 52px), repeating-linear-gradient(90deg, #e3bb52 0 26px, #b8933a 26px 52px);--band-size:auto 7px;--frame:#e3bb526b;--press-frame:#1c1f1a52}:root[data-theme=grille]{--pattern: repeating-linear-gradient(0deg, #7fd4c194 0 3px, #7fd4c100 3px 96px), repeating-linear-gradient(90deg, #7fd4c194 0 3px, #7fd4c100 3px 96px),  repeating-linear-gradient(45deg, #7fd4c170 0 3px, #7fd4c100 3px 68px), repeating-linear-gradient(-45deg, #7fd4c170 0 3px, #7fd4c100 3px 68px),  radial-gradient(circle at 50% 50%, #7fd4c19e 0 7px, transparent 8px), radial-gradient(circle at 50% 50%, #7fd4c157 0 13px, transparent 14px);--pattern-size:96px 96px, 96px 96px, 68px 68px, 68px 68px, 96px 96px, 96px 96px;--pattern-opacity:.85;--band:repeating-linear-gradient(90deg, #7fd4c1 0 3px, #7fd4c100 3px 22px), repeating-linear-gradient(90deg, #7fd4c1 0 3px, #7fd4c100 3px 22px);--band-size:auto 10px;--frame:#7fd4c166;--press-frame:#12201d57}:root[data-theme=banquet]{--pattern: radial-gradient(circle at 50% 22%, #f0c86994 0 7px, transparent 8px), radial-gradient(circle at 78% 50%, #f0c86994 0 7px, transparent 8px), radial-gradient(circle at 50% 78%, #f0c86994 0 7px, transparent 8px), radial-gradient(circle at 22% 50%, #f0c86994 0 7px, transparent 8px), radial-gradient(circle at 50% 50%, #f0c869b3 0 5px, transparent 6px),  repeating-linear-gradient(0deg, #00000042 0 1px, #0000 1px 15px), repeating-linear-gradient(90deg, #00000042 0 1px, #0000 1px 15px);--pattern-size:108px 108px, 108px 108px, 108px 108px, 108px 108px, 108px 108px, auto, auto;--pattern-opacity:.9;--band:repeating-linear-gradient(90deg, #f0c869 0 14px, #c99f45 14px 28px), repeating-linear-gradient(90deg, #f0c869 0 14px, #c99f45 14px 28px);--band-size:auto 9px;--frame:#f0c86975;--press-frame:#3a121057}:root[data-theme=tote]{--pattern: repeating-linear-gradient(0deg, #fff3 0 4px, #00000038 4px 8px), repeating-linear-gradient(90deg, #ffffff29 0 4px, #0000002e 4px 8px);--pattern-size:auto;--pattern-opacity:.85;--band:linear-gradient(180deg, #d1382e 0 33%, #1f7a56 33% 66%, #f2b134 66% 100%), linear-gradient(180deg, #f2b134 0 33%, #1f7a56 33% 66%, #d1382e 66% 100%);--band-size:auto 14px;--frame:#f2b13466;--press-frame:#22160652}.stage:after{content:"";z-index:0;pointer-events:none;background-image:var(--corner,none), var(--corner,none), var(--corner,none), var(--corner,none);background-position:10px 10px,right 10px top 10px,left 10px bottom 10px,right 10px bottom 10px;background-repeat:no-repeat;background-size:var(--corner-size,0);position:absolute;inset:0}.stage>*{z-index:1;position:relative}:root[data-theme=counter]{--corner:radial-gradient(circle at 0 0, transparent 0 26px, #e8a33d8c 26px 29px, transparent 30px);--corner-size:42px 42px}:root[data-theme=terrazzo]{--corner:conic-gradient(from 0deg at 0 0, #e3bb52d9 0 25%, transparent 0 100%);--corner-size:26px 4px}:root[data-theme=grille]{--corner:radial-gradient(circle at 50% 50%, #7fd4c1d9 0 5px, transparent 6px);--corner-size:22px 22px}:root[data-theme=banquet]{--corner:radial-gradient(circle at 50% 50%, #f0c869e6 0 7px, transparent 8px);--corner-size:30px 30px}:root[data-theme=tote]{--corner:linear-gradient(135deg, #f2b134e6 0 6px, transparent 6px);--corner-size:30px 30px}.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)}