:root{--ink:#2f2a3a;--paper:#fff8e6;--clam:#5d7fb0;--bird:#c0803f;--fisher:#2f8f83;--accent:#e2502b;--sun:#ffc83d}*{box-sizing:border-box}html,body{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#1d2433;height:100%;margin:0;font-family:Noto Sans HK,PingFang HK,Microsoft JhengHei,Noto Sans CJK HK,sans-serif;overflow:hidden}#frame{background:#9bd6f2;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);container-type:size}#stage{position:absolute;inset:0}.ui{pointer-events:none;font-size:calc(var(--u) * 16);color:var(--ink);position:absolute;inset:0}.ui button,.ui .modal,.ui .caption{pointer-events:auto}.serif{font-family:Noto Serif HK,Songti TC,PMingLiU,Noto Serif CJK HK,serif}.topbar{padding:calc(var(--u) * 14) calc(var(--u) * 20);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.brand{font-weight:900;font-size:calc(var(--u) * 26);letter-spacing:.12em;color:#fff;-webkit-text-stroke:calc(var(--u) * 5) var(--ink);paint-order:stroke fill;text-shadow:0 calc(var(--u) * 3) 0 #00000040}.dots{gap:calc(var(--u) * 8);border:calc(var(--u) * 3) solid var(--ink);padding:calc(var(--u) * 6) calc(var(--u) * 12);background:#ffffffd1;border-radius:999px;display:flex}.dot{width:calc(var(--u) * 26);height:calc(var(--u) * 26);border:calc(var(--u) * 3) solid var(--ink);font-weight:900;font-size:calc(var(--u) * 15);line-height:calc(var(--u) * 20);text-align:center;background:#fff;border-radius:50%}.dot.done{background:#ffd36b}.dot.now{background:var(--accent);color:#fff;transform:scale(1.18)}.ctrl{gap:calc(var(--u) * 8);display:flex}.ctrl button{min-width:calc(var(--u) * 46);height:calc(var(--u) * 46);padding:0 calc(var(--u) * 12);border-radius:calc(var(--u) * 23);border:calc(var(--u) * 3) solid var(--ink);color:var(--ink);font:800 calc(var(--u) * 17) / 1 inherit;cursor:pointer;box-shadow:0 calc(var(--u) * 4) 0 var(--ink);justify-content:center;align-items:center;gap:calc(var(--u) * 6);background:#fff;font-family:inherit;display:inline-flex}.ctrl button:active{transform:translateY(calc(var(--u) * 3));box-shadow:0 calc(var(--u) * 1) 0 var(--ink)}.ctrl button svg{width:calc(var(--u) * 22);height:calc(var(--u) * 22)}.seg{border-radius:calc(var(--u) * 23);border:calc(var(--u) * 3) solid var(--ink);box-shadow:0 calc(var(--u) * 4) 0 var(--ink);background:#fff;display:inline-flex;overflow:hidden}.seg button{min-width:calc(var(--u) * 46);box-shadow:none!important;height:calc(var(--u) * 40)!important;border:0!important;border-radius:0!important}.seg button.on{background:var(--accent)!important;color:#fff!important}.caption{left:50%;bottom:calc(var(--u) * 26);min-width:calc(var(--u) * 520);max-width:calc(var(--u) * 1040);padding:calc(var(--u) * 14) calc(var(--u) * 30) calc(var(--u) * 16);background:var(--paper);border:calc(var(--u) * 4) solid var(--ink);border-radius:calc(var(--u) * 22);box-shadow:0 calc(var(--u) * 6) 0 #2f2a3ae6;text-align:center;position:absolute;transform:translate(-50%)}.caption.hide{pointer-events:none}.caption .tag{left:calc(var(--u) * 22);top:calc(var(--u) * -17);border:calc(var(--u) * 3) solid var(--ink);padding:calc(var(--u) * 2) calc(var(--u) * 14);font-weight:900;font-size:calc(var(--u) * 16);background:#ffd36b;border-radius:999px;position:absolute}.caption .txt{font-size:calc(var(--u) * 38);letter-spacing:.08em;font-weight:700;line-height:1.35}.ch{color:#5b5566}.ch.on{color:var(--ink)}.ch.now{color:var(--accent)}.bubble{max-width:calc(var(--u) * 420);min-width:calc(var(--u) * 150);padding:calc(var(--u) * 12) calc(var(--u) * 20) calc(var(--u) * 14);border:calc(var(--u) * 4) solid var(--ink);border-radius:calc(var(--u) * 26);font-size:calc(var(--u) * 29);letter-spacing:.04em;box-shadow:0 calc(var(--u) * 5) 0 #2f2a3ad9;transform-origin:50% 100%;background:#fff;font-weight:800;line-height:1.38;position:absolute}.bubble.hide{pointer-events:none}.bubble .tail{width:calc(var(--u) * 26);height:calc(var(--u) * 26);border-right:calc(var(--u) * 4) solid var(--ink);border-bottom:calc(var(--u) * 4) solid var(--ink);bottom:calc(var(--u) * -15);background:#fff;position:absolute;transform:translate(-50%)rotate(45deg)}.bubble .who{top:calc(var(--u) * -16);left:calc(var(--u) * 18);color:#fff;border:calc(var(--u) * 3) solid var(--ink);padding:0 calc(var(--u) * 12);font-size:calc(var(--u) * 15);border-radius:999px;font-weight:900;position:absolute}.bubble.clam .who{background:var(--clam)}.bubble.bird .who{background:var(--bird)}.bubble.fisher .who{background:var(--fisher)}.hint{left:50%;top:calc(var(--u) * 78);background:var(--accent);color:#fff;font-weight:900;font-size:calc(var(--u) * 28);letter-spacing:.08em;padding:calc(var(--u) * 8) calc(var(--u) * 26);border:calc(var(--u) * 4) solid var(--ink);box-shadow:0 calc(var(--u) * 5) 0 var(--ink);white-space:nowrap;border-radius:999px;position:absolute;transform:translate(-50%)}.hint.hide{pointer-events:none}.ring{width:calc(var(--u) * 150);height:calc(var(--u) * 150);margin:calc(var(--u) * -75) 0 0 calc(var(--u) * -75);border:calc(var(--u) * 6) solid #fff;box-shadow:0 0 0 calc(var(--u) * 3) var(--accent), 0 0 calc(var(--u) * 24) var(--sun);border-radius:50%;position:absolute}.ring.hide,.hand.hide{pointer-events:none}.hand{width:calc(var(--u) * 84);height:calc(var(--u) * 84);margin:calc(var(--u) * -10) 0 0 calc(var(--u) * -30);filter:drop-shadow(0 calc(var(--u) * 4) calc(var(--u) * 3) #00000059);transform-origin:36% 12%;position:absolute;top:0;left:0}.hand svg{width:100%;height:100%}.ripple{width:calc(var(--u) * 40);height:calc(var(--u) * 40);margin:calc(var(--u) * -20) 0 0 calc(var(--u) * -20);border:calc(var(--u) * 5) solid #fff;opacity:0;border-radius:50%;position:absolute}.modal{background:#28325a1f;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal.hide{opacity:0;pointer-events:none!important}.modal.hide *{pointer-events:none!important}.card{background:var(--paper);border:calc(var(--u) * 5) solid var(--ink);border-radius:calc(var(--u) * 32);box-shadow:0 calc(var(--u) * 10) 0 #2f2a3ae6;padding:calc(var(--u) * 30) calc(var(--u) * 46) calc(var(--u) * 36);text-align:center;max-width:calc(var(--u) * 980);position:relative}.card .title{font-size:calc(var(--u) * 104);letter-spacing:.1em;color:var(--ink);font-weight:900;line-height:1.1}.card .sub{font-size:calc(var(--u) * 32);margin-top:calc(var(--u) * 10);letter-spacing:.1em;font-weight:700}.card .badge{border:calc(var(--u) * 3) solid var(--ink);padding:calc(var(--u) * 2) calc(var(--u) * 16);font-weight:900;font-size:calc(var(--u) * 18);margin-bottom:calc(var(--u) * 10);background:#ffd36b;border-radius:999px;display:inline-block}.card .q{font-size:calc(var(--u) * 40);letter-spacing:.06em;margin:calc(var(--u) * 4) 0 calc(var(--u) * 22);font-weight:900}.card .idiom{font-size:calc(var(--u) * 76);letter-spacing:.12em;color:var(--accent);font-weight:900}.card .mean{font-size:calc(var(--u) * 30);margin-top:calc(var(--u) * 12);font-weight:700;line-height:1.5}.card .full{font-size:calc(var(--u) * 30);text-align:left;letter-spacing:.06em;font-weight:600;line-height:1.8}.row{gap:calc(var(--u) * 22);margin-top:calc(var(--u) * 20);flex-wrap:wrap;justify-content:center;display:flex}.big{min-width:calc(var(--u) * 230);padding:calc(var(--u) * 14) calc(var(--u) * 26) calc(var(--u) * 16);border-radius:calc(var(--u) * 26);border:calc(var(--u) * 5) solid var(--ink);color:var(--ink);font-family:inherit;font-weight:900;font-size:calc(var(--u) * 34);letter-spacing:.08em;cursor:pointer;box-shadow:0 calc(var(--u) * 8) 0 var(--ink);background:#fff}.big small{font-size:calc(var(--u) * 18);margin-top:calc(var(--u) * 4);opacity:.85;letter-spacing:.04em;font-weight:700;display:block}.big:active,.big.press{transform:translateY(calc(var(--u) * 6));box-shadow:0 calc(var(--u) * 2) 0 var(--ink)}.big.red{color:#fff;background:#ff7a59}.big.green{color:#123;background:#5ccf8f}.big.blue{color:#102040;background:#6fb4ff}.big.gold{background:#ffd36b}.big.shake{animation:.4s shake}.big.dim{opacity:.45}.big.pulse{animation:1.1s infinite pulse}@keyframes shake{25%{transform:translateX(calc(var(--u) * -10))}75%{transform:translateX(calc(var(--u) * 10))}}@keyframes pulse{50%{transform:scale(1.06)}}.big .face{font-size:calc(var(--u) * 54);line-height:1.1;display:block}.disclosure{right:calc(var(--u) * 14);bottom:calc(var(--u) * 6);font-size:calc(var(--u) * 12);color:#ffffffd9;text-shadow:0 0 calc(var(--u) * 4) #0009;position:absolute}.fade{opacity:0;background:radial-gradient(at 50% 120%,#fff6dc 0%,#fdeec8 45%,#cfeaf5 100%);position:absolute;inset:0}.fade.on{opacity:1}.confetti{position:absolute;inset:0;overflow:hidden}.confetti i{width:calc(var(--u) * 14);height:calc(var(--u) * 22);border-radius:calc(var(--u) * 3);position:absolute}body.capture *{animation:none!important}