@font-face{font-family:huninn;src:url(../media/huninn_subset-s.p.3on2mh2t5ulf2.woff2)format("woff2");font-display:block}@font-face{font-family:huninn Fallback;src:local(Arial);ascent-override:80.14%;descent-override:14.08%;line-gap-override:0.0%;size-adjust:106.13%}.huninn_aa4f8e87-module__R044Sq__className{font-family:huninn,huninn Fallback}.huninn_aa4f8e87-module__R044Sq__variable{--font-huninn:"huninn", "huninn Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--paper:#f7f4ef;--ink:#4b3a2f;--ink2:#7a6a5e;--card:#fff;--btn:#4b3a2f;--btnText:#fff;--bar:#efe9e1;--err:#b3261e;--font:var(--font-huninn), "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif}:root[data-themed]{--bg:var(--theme);--ink2:#54453b;--paper:#fff}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px);background:var(--bg);transition:background-color .7s}body{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;margin:0;transition:background-color .7s;overflow-x:hidden}button,input,select{color:inherit;font-family:inherit}#app{flex-direction:column;max-width:440px;min-height:100dvh;margin:0 auto;padding:12px 22px 28px;display:flex}.screen{flex-direction:column;flex:1;gap:16px;animation:.5s cubic-bezier(.34,1.56,.64,1) both screenIn;display:flex}@keyframes screenIn{0%{opacity:0;transform:translateY(26px)scale(.96)}}.top{justify-content:space-between;align-items:center;min-height:48px;display:flex}.brand{letter-spacing:.02em;font-size:20px}.iconbtn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.iconbtn svg{stroke:var(--ink)}.iconbtn:focus-visible,.btn:focus-visible,.link:focus-visible,select:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #f6db8d}.m{background-image:url(/characters.webp);background-repeat:no-repeat;background-size:500% 200%;border-radius:50%;flex-shrink:0}.sticker{border:2px solid var(--ink);background:var(--card);box-shadow:5px 5px 0 var(--shadow,#f6db8d);border-radius:20px;padding:16px 18px}.btn{border:2px solid var(--ink);cursor:pointer;text-align:center;border-radius:27px;justify-content:center;align-items:center;width:100%;min-height:54px;padding:0 18px;font-size:18px;transition:transform 80ms,box-shadow 80ms;display:flex}.btn.primary{background:var(--btn);color:var(--btnText);box-shadow:4px 4px 0 var(--shadow,#f8a9a3)}.btn.secondary{background:var(--card);color:var(--ink);box-shadow:4px 4px 0 var(--bar)}.btn:active{box-shadow:1px 1px 0 var(--shadow,#f8a9a3);transform:translate(3px,3px)}.btn:disabled{opacity:.6;cursor:progress}.link{text-underline-offset:4px;cursor:pointer;min-height:44px;color:var(--ink);background:0 0;border:none;font-size:15px;text-decoration:underline}.muted{color:var(--ink2)}.small{font-size:13px;line-height:1.6}h1,h2{margin:0;font-weight:400}.chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{background:var(--card);color:var(--ink);border:2px solid var(--ink);border-radius:16px;padding:6px 14px;font-size:15px}.field{color:var(--ink2);flex-direction:column;gap:6px;font-size:14px;display:flex}select,input[type=email],input.txt{border:2px solid var(--ink);background:var(--paper);appearance:none;border-radius:14px;width:100%;height:50px;padding:0 12px;font-size:18px}select:disabled{opacity:.5}.err{color:var(--err);min-height:1px;font-size:14px}.bar{background:var(--bar);border-radius:6px;height:12px}.center{text-align:center}.row{align-items:center;gap:10px;display:flex}.col{flex-direction:column;display:flex}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.check{align-items:center;gap:10px;min-height:44px;font-size:15px;display:flex}.check input{width:22px;height:22px;accent-color:var(--ink);margin:0}.actions{flex-direction:column;gap:12px;margin-top:auto;display:flex}.cluster{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:4px 0;display:grid}.cluster .m{justify-self:center}.cluster>div:nth-child(2n){margin-top:14px}.pillars{text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.pillar{background:#f7f4ef;border-radius:14px;padding:8px 0;font-size:24px;line-height:1.3}.pillar.me{background:var(--theme,#f6db8d);color:#4b3a2f}.pillar.unknown{color:var(--ink2)}.ss{color:var(--ink2);min-height:21px;font-size:13px}.wx{grid-template-columns:26px 1fr 22px;align-items:center;gap:10px;font-size:15px;display:grid}.wx-track{background:var(--bar);border-radius:7px;height:14px;overflow:hidden}.wx-fill{border:2px solid var(--ink);transform-origin:0;height:100%;animation:.7s cubic-bezier(.34,1.4,.64,1) both grow;animation-delay:var(--d,0s);border-radius:7px}.wx-fill.zero{border:none}@keyframes grow{0%{transform:scaleX(0)}}.bob{animation:2.6s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-6px)}}.drop{animation:.9s cubic-bezier(.3,.7,.4,1) both drop}@keyframes drop{0%{transform:translateY(-110vh)scale(.9,1.12)}55%{transform:translateY(0)scale(1.16,.8)}70%{transform:translateY(-22px)scale(.94,1.07)}85%{transform:translateY(0)scale(1.04,.96)}to{transform:none}}.pop{animation:.55s cubic-bezier(.34,1.56,.64,1) both pop;animation-delay:var(--d,0s)}@keyframes pop{0%{opacity:0;transform:scale(.3)}}.shake{animation:.45s ease-in-out shake}@keyframes shake{20%{transform:rotate(-12deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(5deg)}}.flipIn{animation:.75s cubic-bezier(.34,1.4,.64,1) both flipIn;animation-delay:var(--d,0s)}@keyframes flipIn{0%{opacity:0;transform:perspective(700px)rotateY(-95deg)}}.stamp{animation:.6s cubic-bezier(.3,1.5,.5,1) both stamp;animation-delay:var(--d,0s)}@keyframes stamp{0%{opacity:0;transform:scale(2.8)rotate(-16deg)}70%{opacity:1;transform:scale(.92)rotate(-2deg)}to{transform:rotate(-2deg)}}.inL{animation:.8s cubic-bezier(.3,.8,.4,1) both inL}.inR{animation:.8s cubic-bezier(.3,.8,.4,1) both inR}@keyframes inL{0%{transform:translate(-130vw)}65%{transform:translate(18px)}80%{transform:translate(-6px)}to{transform:none}}@keyframes inR{0%{transform:translate(130vw)}65%{transform:translate(-18px)}80%{transform:translate(6px)}to{transform:none}}.spin{animation:.7s cubic-bezier(.34,1.56,.64,1) .6s both spin}@keyframes spin{0%{transform:rotate(-540deg)scale(0)}}.wheel{width:300px;height:300px;margin:10px auto 0;position:relative}.wheel .slot{width:64px;height:64px;transition:transform .12s;position:absolute;top:118px;left:118px}.wheel .slot.on{z-index:2}.wheel .slot .m{width:64px;height:64px;transition:transform .1s,box-shadow .1s}.wheel .slot.on .m{box-shadow:0 0 0 4px var(--ink);transform:scale(1.35)}.wheel .slot.win .m{animation:.5s ease-in-out 3 win}@keyframes win{50%{transform:scale(1.7)}}.wheel .q{border:2px dashed var(--ink2);border-radius:50%;justify-content:center;align-items:center;font-size:40px;display:flex;position:absolute;inset:100px}#fx{pointer-events:none;z-index:40;position:fixed;inset:0;overflow:hidden}.star{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:18px;height:18px;position:absolute}#iris{pointer-events:none;z-index:60;display:none;position:fixed;inset:0;overflow:hidden}#iris .hole{border-radius:50%;width:300vmax;height:300vmax;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 300vmax #4b3a2f}.overlay{z-index:50;background:#241d198c;justify-content:center;align-items:flex-end;animation:.25s both fade;display:flex;position:fixed;inset:0}.overlay.mid{align-items:center;padding:20px}@keyframes fade{0%{opacity:0}}.sheet{background:var(--bg);border:2px solid var(--ink);width:100%;max-width:440px;padding:20px 22px calc(24px + env(safe-area-inset-bottom,0px));border-bottom:none;border-radius:26px 26px 0 0;flex-direction:column;gap:14px;animation:.5s cubic-bezier(.34,1.4,.64,1) both sheetUp;display:flex}@keyframes sheetUp{0%{transform:translateY(100%)}}.modal{background:var(--card);border:2px solid var(--ink);border-radius:24px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:400px;max-height:100%;padding:18px;animation:.45s cubic-bezier(.34,1.56,.64,1) both pop;display:flex;overflow:auto}.modal img{border:2px solid var(--ink);border-radius:14px;width:100%;max-width:260px}.toast{left:50%;top:calc(16px + env(safe-area-inset-top,0px));background:var(--btn);color:var(--btnText);z-index:70;text-align:center;border-radius:20px;max-width:90vw;padding:12px 18px;font-size:15px;animation:.4s cubic-bezier(.34,1.56,.64,1) both pop;position:fixed;transform:translate(-50%)}.banner{border:2px dashed var(--ink);border-radius:18px;align-items:center;gap:10px;padding:10px 14px;font-size:15px;line-height:1.5;display:flex}.lock{width:20px;height:20px;stroke:var(--ink2);flex-shrink:0}.blur{filter:blur(7px)}.big{font-size:56px;line-height:1.15}.demo{border:1px solid var(--ink2);color:var(--ink2);border-radius:8px;padding:2px 6px;font-size:12px}.locked{border:2px dashed var(--ink2);border-radius:20px;flex-direction:column;gap:10px;padding:16px 18px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important;animation-delay:0s!important}}