.qa{--tr-sky:#4ba5f6;--tr-sky-top:#2f8ee8;--tr-pink:#e58fa0}.tr-stage{background:linear-gradient(var(--tr-sky-top), var(--tr-edge,var(--tr-sky)) 34%);-webkit-user-select:none;user-select:none;overflow-anchor:none;width:100%;height:100svh;max-height:980px;transition:background .5s;position:relative;overflow:hidden}.tr-frame{position:absolute;inset:0;overflow:hidden}.tr-vid{aspect-ratio:2/3;transition:transform 1s cubic-bezier(.3,.7,.2,1);position:absolute;bottom:0;left:0;right:0}.tr-vid.is-up{transform:translateY(-52%)}.tr-vid>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tr-vid:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(var(--tr-edge,var(--tr-sky)), transparent);height:16%;position:absolute;top:-1px;left:0;right:0}.tr-shadow{text-shadow:0 2px #16294a59,0 0 18px #16294a40}@keyframes tr-fade{0%{opacity:0}to{opacity:1}}.tr-fade{animation:.6s tr-fade}@keyframes tr-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.tr-rise{animation:.6s cubic-bezier(.22,.8,.3,1) both tr-rise}@keyframes tr-pop{0%{scale:.7}60%{scale:1.12}to{scale:1}}.tr-pop{animation:.35s cubic-bezier(.3,1.6,.5,1) tr-pop}@keyframes tr-breathe{0%,to{opacity:.75;scale:1}50%{opacity:1;scale:1.06}}.tr-breathe{animation:1.2s ease-in-out infinite tr-breathe}.tr-tag{z-index:5;flex-direction:column;align-items:center;animation:.5s cubic-bezier(.3,1.6,.5,1) both tr-pop-in,2.4s ease-in-out infinite tr-bob;display:flex;position:absolute;transform:translate(-50%,-100%)}.tr-tag i{border-top:11px solid #fff;border-left:9px solid #0000;border-right:9px solid #0000;width:0;height:0;margin-top:-2px}@keyframes tr-pop-in{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}@keyframes tr-bob{0%,to{translate:0}50%{translate:0 -5px}}.tr-num{color:#fff;width:48px;height:48px;font-family:var(--font-serif,serif);border:3px solid #fff;border-radius:999px;place-items:center;font-size:22px;display:grid;box-shadow:0 2px #16294a33}.tr-stamp-mini{background:var(--k-ivory);border:1.5px solid;border-radius:4px;padding:0 3px;font-size:11px;position:absolute;top:4px;right:4px;rotate:12deg}.tr-meter{background:#ffffffd9;border-radius:999px;height:18px;position:absolute;top:26%;left:10%;right:10%;box-shadow:0 4px 14px #16294a4d}.tr-zone{background:var(--k-gold);border-radius:999px;position:absolute;top:0;bottom:0;left:50%;translate:-50%}.tr-needle{border:2px solid #fff;border-radius:4px;width:8px;height:38px;position:absolute;top:-10px;translate:-50%;box-shadow:0 2px 6px #16294a59}.tr-tap{text-align:center;color:#fff;font-family:var(--font-serif,serif);text-shadow:0 2px #16294a59;font-size:40px;position:absolute;top:calc(26% - 60px);left:0;right:0}.tr-clap-bar{background:#ffffffb3;border-radius:999px;width:70%;height:12px;overflow:hidden}.tr-clap-bar i{height:100%;transition:width .2s;display:block}.tr-clap{background:var(--k-ivory);color:var(--k-ink);font-family:var(--font-serif,serif);letter-spacing:.1em;padding:12px 34px;font-size:22px;box-shadow:0 8px 20px #16294a40}.tr-cloche{z-index:18;pointer-events:none;position:absolute;inset:0}.tr-cloche:before{content:"";background:#faf4e600;transition:background 1s;position:absolute;inset:0}.tr-cloche.is-open:before{background:#283c5a59}.tr-tray,.tr-lid{width:78%;position:absolute;left:50%;translate:-50%}.tr-tray{animation:2s cubic-bezier(.25,.8,.3,1) both tr-descend;top:44%}.tr-lid{transform-origin:50% 0;width:74%;animation:2s cubic-bezier(.25,.8,.3,1) both tr-descend,2.4s ease-in-out 2s infinite tr-sway;top:14%}.tr-cloche.is-quick .tr-tray{animation-duration:.7s}.tr-cloche.is-quick .tr-lid{animation:.7s cubic-bezier(.25,.8,.3,1) both tr-descend,2.4s ease-in-out .7s infinite tr-sway}.tr-cloche.is-open .tr-lid{animation:1s cubic-bezier(.5,0,.7,.4) both tr-lift}.tr-cloche.is-open .tr-tray{opacity:0;transition:opacity .6s;animation:none}@keyframes tr-descend{0%{transform:translateY(-120vh)}to{transform:none}}@keyframes tr-sway{0%,to{rotate:-1.5deg}50%{rotate:1.5deg}}@keyframes tr-lift{to{transform:translateY(-110vh)rotate(-8deg)}}.tr-sheet{z-index:30;background:var(--k-ivory);position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 -10px 40px #16294a4d}.tr-cards{z-index:25;position:absolute;top:23%;left:0;right:0}@keyframes tr-fly{0%{opacity:0;transform:translateY(60vh)rotate(-10deg)}to{opacity:1;transform:none}}.tr-fly{animation:1s cubic-bezier(.22,.8,.3,1) both tr-fly}@keyframes tr-float{0%,to{translate:0;rotate:-1deg}50%{translate:0 -6px;rotate:1deg}}.tr-float{animation:3s ease-in-out infinite tr-float}.tr-hexface{background:var(--k-paper);border:6px solid var(--k-ivory);outline:1px solid var(--k-gold);outline-offset:-10px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tr-yao{justify-content:space-between;height:9px;display:flex}.tr-yao i{background:var(--k-ink);width:100%;height:100%;display:block}.tr-yao.is-yin i{width:42%}.tr-yao:not(.is-yin) i+i{display:none}.tr-yao.is-moving i{background:var(--k-gold)}.tr-fan{background:var(--k-ivory);padding:16px 8px 22px;position:absolute;top:105%;left:12px;right:12px;box-shadow:0 10px 40px #16294a4d}.tr-fan-card{aspect-ratio:2/3;border:1px solid #b08a4599;width:13%;margin:0 -1.2%;transition:translate .2s;box-shadow:0 6px 14px #16294a40}.tr-fan-card:hover,.tr-fan-card:active{translate:0 -14px}.tr-one{z-index:25;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:12%;left:0;right:0}.tr-one .cat-card{width:56%}.tr-four{z-index:15;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid;position:absolute;top:21%;left:14px;right:14px}.tr-four-card{border:1px solid #b08a4599;box-shadow:0 8px 18px #16294a47}.tr-props{z-index:20;flex-wrap:wrap;justify-content:center;gap:10px 14px;padding:0 22px;display:flex;position:absolute;top:17%;left:0;right:0}.tr-prop{width:72px;height:72px;transition:scale .3s cubic-bezier(.3,1.6,.5,1),opacity .3s;animation:2.4s ease-in-out infinite tr-bob}.tr-prop.is-big{width:88px;height:88px}.tr-prop img{object-fit:contain;filter:drop-shadow(0 8px 10px #16294a4d);width:100%;height:100%}.tr-prop.is-picked{scale:1.3}.tr-props.is-done .tr-prop:not(.is-picked){opacity:0}.tr-ticket{background:var(--k-ivory);border:1px dashed #b08a45cc;margin-top:8px;padding:18px 16px}.tr-stamp{color:#3a2f264d;width:52px;height:52px;font-family:var(--font-serif,serif);border:2px dashed #3a2f2640;border-radius:999px;place-items:center;font-size:22px;display:grid}.tr-stamp.is-on{border-style:double;border-width:4px;animation:.5s cubic-bezier(.3,1.6,.5,1) tr-pop;rotate:-10deg}@media (prefers-reduced-motion:reduce){.tr-fade,.tr-rise,.tr-pop,.tr-breathe,.tr-tag,.tr-fly,.tr-float,.tr-tray,.tr-lid,.tr-prop{animation:none}}.tr-coupon{border:1.5px dashed var(--k-gold);background:var(--k-paper);margin:4px 0 8px;padding:22px 18px}