:root{--ink:#15141c;--ink-soft:#3a3850;--muted:#797690;--paper:#fff;--canvas:#f4f3fb;--paper-2:#faf9ff;--line:#e7e5f3;--brand:#6d28d9;--brand-d:#4c1d95;--brand-2:#a21caf;--pop:#ff2d9b;--pop-d:#b51070;--party:#ffd400;--a-red:#e8403a;--a-red-d:#c5322c;--a-blue:#2563eb;--a-blue-d:#1d4fd0;--a-yellow:#f5b301;--a-yellow-d:#d99a00;--a-yellow-ink:#3b2c00;--a-green:#1f9d55;--a-green-d:#177c43;--ok:#1f9d55;--bad:#e8403a;--display-dark:#0c0a1c;--r-lg:26px;--r-md:18px;--r-sm:12px;--font-d:"Fredoka","Noto Sans TC",system-ui,sans-serif;--font-ui:"Noto Sans TC",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}#__nuxt,body,html{min-height:100%}body{background:#e9e7f2;color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}button{color:inherit}.display{font-family:var(--font-d);font-weight:700;letter-spacing:0}.an-red{--c:var(--a-red);--cd:var(--a-red-d);--ci:#fff}.an-blue{--c:var(--a-blue);--cd:var(--a-blue-d);--ci:#fff}.an-yellow{--c:var(--a-yellow);--cd:var(--a-yellow-d);--ci:var(--a-yellow-ink)}.an-green{--c:var(--a-green);--cd:var(--a-green-d);--ci:#fff}.shp{display:block}.shp.tri{clip-path:polygon(50% 4%,96% 96%,4% 96%)}.shp.dia{clip-path:polygon(50% 2%,98% 50%,50% 98%,2% 50%)}.shp.cir{border-radius:50%}.shp.squ{border-radius:24%}.btn{background:var(--brand);border:none;border-radius:999px;box-shadow:0 6px 0 var(--brand-d);color:#fff;cursor:pointer;font-family:var(--font-d);font-size:17px;font-weight:600;padding:14px 26px;transition:transform .12s,box-shadow .12s}.btn:hover{box-shadow:0 8px 0 var(--brand-d);transform:translateY(-2px)}.btn:active{box-shadow:0 2px 0 var(--brand-d);transform:translateY(4px)}.btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.btn.green{background:var(--a-green);box-shadow:0 6px 0 var(--a-green-d)}.btn.pink{background:var(--pop);box-shadow:0 6px 0 var(--pop-d)}.btn.red{background:var(--a-red);box-shadow:0 6px 0 var(--a-red-d)}.btn.ghost{background:#fff;box-shadow:0 0 0 2px var(--line) inset;color:var(--ink)}.btn.lg{font-size:21px;padding:18px 34px}.btn.block{display:block;width:100%}.avatar{border-radius:50%;color:#fff;display:grid;flex:none;font-family:var(--font-d);font-weight:700;place-items:center}.emoji-layer{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:20}.emoji-fly{animation:flyup linear forwards;bottom:-8%;font-size:42px;position:absolute;will-change:transform,opacity}@keyframes flyup{0%{opacity:0;transform:translateY(0) scale(.4) rotate(0)}12%,70%{opacity:1}to{opacity:0;transform:translateY(-115%) scale(1.15) rotate(var(--rot,20deg))}}.cdbar{background:#00000014;height:14px;overflow:hidden;position:relative}.cdbar,.cdbar i{border-radius:999px}.cdbar i{background:linear-gradient(90deg,var(--a-green),var(--a-yellow));inset:0;position:absolute;transform-origin:left;transition:transform .25s linear}.cdbar.danger i{animation:cdpulse .6s infinite;background:linear-gradient(90deg,var(--a-red),var(--a-yellow))}@keyframes cdpulse{50%{opacity:.5}}@property --ring-deg{syntax:"<angle>";inherits:false;initial-value:0deg}.rise-in{animation:rise-in .35s both}@keyframes rise-in{0%{transform:translateY(16px) scale(.97)}to{transform:none}}[data-motion=min] .cdbar.danger i,[data-motion=min] .emoji-fly{animation:none!important}[data-motion=off] *,[data-motion=off] :after,[data-motion=off] :before{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.cdbar.danger i,.emoji-fly{animation:none!important}}