@font-face{font-family:ZCOOL KuaiLe;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/zcool-kuaile-chinese-simplified-400-normal-BKaOBC6q.woff2) format("woff2"),url(/assets/zcool-kuaile-chinese-simplified-400-normal-DF5oRnqi.woff) format("woff")}@font-face{font-family:ZCOOL KuaiLe;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/zcool-kuaile-latin-400-normal-CVXjA4UX.woff2) format("woff2"),url(/assets/zcool-kuaile-latin-400-normal-CWhmaTEa.woff) format("woff")}:root{--orange: #ff9f43;--orange-d: #f07f1a;--green: #7bc67b;--green-d: #4fa64f;--blue: #74c0fc;--blue-d: #3d9be0;--pink: #ff8fab;--yellow: #ffd43b;--purple: #b197fc;--cream: #fff8ec;--ink: #4a3b32;--font: "ZCOOL KuaiLe", "Hiragino Maru Gothic ProN", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#8fd3ff;font-family:var(--font);color:var(--ink);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:none}#viewport{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(circle at 50% 30%,#bfe7ff,#7cc6f5)}#safe-probe{position:absolute;top:env(safe-area-inset-top);right:env(safe-area-inset-right);bottom:env(safe-area-inset-bottom);left:env(safe-area-inset-left);pointer-events:none;visibility:hidden}#stage{position:absolute;left:0;top:0;width:1140px;height:560px;transform-origin:0 0;overflow:hidden;background:var(--cream);border-radius:0}.scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.abs{position:absolute}svg{display:block;overflow:visible}.btn{position:absolute;display:flex;align-items:center;justify-content:center;gap:10px;min-width:64px;min-height:64px;padding:0 28px;border:none;border-radius:999px;font-family:var(--font);font-size:30px;color:#fff;background:var(--orange);box-shadow:0 8px 0 var(--orange-d),0 14px 24px #00000026;cursor:pointer;text-shadow:0 2px 0 rgba(0,0,0,.12);transition:filter .15s}.btn:active{filter:brightness(.95)}.btn.green{background:var(--green);box-shadow:0 8px 0 var(--green-d),0 14px 24px #00000026}.btn.blue{background:var(--blue);box-shadow:0 8px 0 var(--blue-d),0 14px 24px #00000026}.btn.white{background:#fff;color:var(--ink);box-shadow:0 6px #e6d9c6,0 10px 18px #0000001f;text-shadow:none}.btn.round{padding:0;width:68px;height:68px}.btn[disabled]{filter:grayscale(.8) opacity(.6)}.topbar{position:absolute;left:0;right:0;top:0;height:88px;pointer-events:none;z-index:50}.topbar>*{pointer-events:auto}.star-counter{position:absolute;right:16px;top:12px;height:64px;padding:0 24px 0 12px;display:flex;align-items:center;gap:8px;background:#ffffffeb;border-radius:999px;font-size:34px;box-shadow:0 6px #00000014}.star-counter svg{width:48px;height:48px}.bubble{position:absolute;padding:16px 24px;background:#fff;border-radius:28px;font-size:28px;line-height:1.35;box-shadow:0 8px 22px #0000001f;max-width:460px;z-index:40;pointer-events:none}.bubble:after{content:"";position:absolute;left:36px;bottom:-18px;border:12px solid transparent;border-top:14px solid #fff}.bubble.tail-left:after{left:-22px;top:26px;bottom:auto;border:12px solid transparent;border-right:14px solid #fff}.big-num{font-size:64px;line-height:1}.card{position:absolute;background:#fff;border-radius:24px;box-shadow:0 8px #eadfcd,0 12px 26px #0000001a}.drag-item{cursor:grab;touch-action:none;will-change:transform}.drag-item.dragging{cursor:grabbing;z-index:100!important}.drag-item.selected{filter:drop-shadow(0 0 10px #ffd43b) drop-shadow(0 0 4px #ffb703)}.rotate-hint{position:fixed;top:0;right:0;bottom:0;left:0;display:none;z-index:999;align-items:center;justify-content:center;flex-direction:column;gap:24px;background:var(--cream);font-size:28px;color:var(--ink);text-align:center}@media (orientation: portrait) and (max-width: 1100px){.rotate-hint{display:flex}}.fx-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200}.fx-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:300}.label{position:absolute;font-size:30px;text-align:center;white-space:nowrap}.speaker{position:absolute;width:64px;height:64px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 5px #e6d9c6;cursor:pointer;font-size:30px}