.dx-page{--pink: #ff5ca2;--pink-dk: #e23b86;--tangerine: #ff8a3d;--tangerine-dk: #ef6d1c;--mint: #36d6c3;--mint-dk: #1cae9d;--grape: #9b6bff;--lemon: #ffd84d;--cream: #fff7ee;--biscuit: #e3a866;--biscuit-dk: #c4863f;--choco: #6b3f24;--ink: #5a3327;--text: #5a3327;--candy: "Luckiest Guy", "Noto Sans TC Variable", cursive;--cjk: "Noto Sans TC Variable", sans-serif;color:var(--text);font-family:var(--cjk)}.dx-display{font-family:var(--candy);font-weight:400;letter-spacing:.01em}.dx-cjk{font-family:var(--cjk);font-weight:900;letter-spacing:.01em}html{scroll-snap-type:y proximity}.dx-pin-wrap{position:relative;width:100%}.dx-pin{position:sticky;top:0;height:100vh;min-height:560px;overflow:hidden;background:radial-gradient(120% 80% at 80% 0%,rgba(255,216,77,.45),transparent 55%),radial-gradient(90% 70% at 10% 10%,rgba(255,92,162,.35),transparent 60%),linear-gradient(180deg,#ffd0e4,#e7d4ff 42%,#cfeeff 78%,#d8f6ef)}.dx-strip{position:relative;display:flex;height:100%;width:max-content;will-change:transform}.dx-zone{position:relative;flex:0 0 auto;width:100vw;max-width:720px;height:100%;display:flex;flex-direction:column;justify-content:center;padding:clamp(.9rem,4vw,2.5rem);padding-inline:clamp(14px,5vw,40px);padding-bottom:116px;padding-top:60px;z-index:2}.dx-zone-wide{width:118vw;max-width:860px}@media(max-width:640px){.dx-zone,.dx-zone-wide{width:100vw;max-width:100vw}}.dx-zone>*{max-width:100%}.dx-zone>*{max-height:calc(100vh - 176px);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;width:100%}.dx-zone>*::-webkit-scrollbar{display:none}@media(max-height:700px){.dx-zone{padding-top:52px;padding-bottom:104px}.dx-zone>*{max-height:calc(100vh - 156px)}}.dx-snap{position:absolute;left:0;width:1px;height:1px;scroll-snap-align:start;pointer-events:none}.dx-bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.dx-bg-layer{position:absolute;top:0;left:0;height:100%;width:100%;background-repeat:repeat-x;will-change:background-position}.dx-clouds{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='240' viewBox='0 0 640 240'%3E%3Cdefs%3E%3CradialGradient id='c' cx='50%25' cy='34%25' r='75%25'%3E%3Cstop offset='0%25' stop-color='%23ffffff'/%3E%3Cstop offset='72%25' stop-color='%23ffffff'/%3E%3Cstop offset='100%25' stop-color='%23ffe6f1'/%3E%3C/radialGradient%3E%3Cfilter id='s' x='-20%25' y='-20%25' width='140%25' height='160%25'%3E%3CfeDropShadow dx='0' dy='5' stdDeviation='5' flood-color='%23d98bb5' flood-opacity='0.28'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23s)' fill='url(%23c)'%3E%3Cpath d='M70 96 a30 30 0 0 1 18-52 a34 34 0 0 1 60-8 a30 30 0 0 1 44 14 a26 26 0 0 1 14 46 z'/%3E%3C/g%3E%3Cg filter='url(%23s)' fill='url(%23c)' transform='translate(330,30)'%3E%3Cpath d='M60 84 a26 26 0 0 1 16-46 a30 30 0 0 1 52-7 a26 26 0 0 1 39 12 a23 23 0 0 1 12 41 z'/%3E%3C/g%3E%3C/svg%3E");background-size:60% auto;background-position:0 4%;opacity:.96}.dx-sparkles{background-image:radial-gradient(3px 3px at 22% 30%,#fff 60%,transparent 62%),radial-gradient(2px 2px at 40% 18%,rgba(255,255,255,.9) 60%,transparent 62%),radial-gradient(3px 3px at 66% 40%,#fff 60%,transparent 62%),radial-gradient(2px 2px at 80% 22%,rgba(255,216,77,.95) 60%,transparent 62%),radial-gradient(3px 3px at 30% 60%,rgba(255,92,162,.9) 60%,transparent 62%),radial-gradient(2px 2px at 90% 55%,#fff 60%,transparent 62%);background-size:33% 100%;opacity:.9;animation:dx-twinkle 2.4s ease-in-out infinite}@keyframes dx-twinkle{0%,to{opacity:.5}50%{opacity:1}}.dx-hills-far{bottom:92px;top:auto;height:46%;background-image:radial-gradient(closest-side at 18% 100%,#ffd0e4 96%,transparent 100%),radial-gradient(closest-side at 50% 100%,#ffd0e4 96%,transparent 100%),radial-gradient(closest-side at 82% 100%,#ffd0e4 96%,transparent 100%);background-size:33.4% 150%;opacity:.75}.dx-hills-near{bottom:104px;top:auto;height:34%;background-image:radial-gradient(closest-side at 30% 100%,#b7f0e4 96%,transparent 100%),radial-gradient(closest-side at 72% 100%,#b7f0e4 96%,transparent 100%);background-size:42% 175%;opacity:.9}.dx-sun{position:absolute;top:58px;right:9%;width:clamp(58px,12vw,104px);height:clamp(58px,12vw,104px);border-radius:50%;background:radial-gradient(circle at 36% 32%,#fffbe0,var(--lemon) 56%,#ff9e1f);box-shadow:0 0 28px #ffd84dcc,0 0 0 14px #ffd84d2e;will-change:transform}.dx-ground{position:absolute;left:0;right:0;bottom:0;width:100%;height:96px;z-index:1;background-image:linear-gradient(180deg,#fff 0 8px,transparent 8px),linear-gradient(180deg,var(--pink) 8px 16px,transparent 16px),repeating-linear-gradient(90deg,var(--biscuit) 0 60px,var(--biscuit-dk) 60px 64px),linear-gradient(180deg,var(--biscuit) 0%,var(--biscuit-dk) 60%,var(--choco) 100%);background-repeat:repeat-x,repeat-x,repeat-x,no-repeat;background-size:100% 100%,100% 100%,128px 100%,100% 100%;background-position:0 0,0 0,0 0,0 0;box-shadow:inset 0 10px 0 -6px #ffffff59,0 -6px 18px #ff5ca240;will-change:background-position}.dx-ground:after{content:"";position:absolute;inset:24px 0 8px;background-image:radial-gradient(4px 4px at 12px 40%,var(--mint) 60%,transparent 62%),radial-gradient(4px 4px at 64px 72%,var(--lemon) 60%,transparent 62%),radial-gradient(4px 4px at 120px 38%,var(--pink) 60%,transparent 62%),radial-gradient(4px 4px at 176px 70%,var(--grape) 60%,transparent 62%);background-repeat:repeat-x;background-size:220px 100%;background-position:var(--sprinkle-x, 0) 0;opacity:.85}.dx-hud{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px clamp(.9rem,3vw,1.6rem);pointer-events:none}.dx-hud-coin{display:inline-flex;align-items:center;gap:8px;font-family:var(--candy);font-size:12px;color:var(--pink-dk);background:var(--cream);padding:6px 12px;border-radius:999px;box-shadow:0 6px 16px #e23b8640}.dx-progress{flex:1;max-width:360px;height:16px;border-radius:999px;background:#ffffffa6;box-shadow:inset 0 2px 5px #5a33272e,0 2px 8px #00000014;overflow:hidden;padding:3px}.dx-progress-fill{height:100%;width:6%;border-radius:999px;background:linear-gradient(90deg,var(--lemon),var(--tangerine) 50%,var(--pink));box-shadow:inset 0 2px #fff9;transition:width .18s linear}.dx-hint{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:7;display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;background:linear-gradient(180deg,#fff,#ffe9f3);color:var(--pink-dk);font-family:var(--candy);font-size:13px;white-space:nowrap;box-shadow:0 8px 20px #e23b8659;animation:dx-hintbob 1.6s ease-in-out infinite}@keyframes dx-hintbob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,5px)}}.dx-hint .dx-arrow{animation:dx-arrow 1s ease-in-out infinite}@keyframes dx-arrow{0%,to{opacity:.4}50%{opacity:1}}.dx-stat{position:relative;border-radius:20px;background:linear-gradient(180deg,#fff,#fff0f6);border:3px solid #fff;box-shadow:0 12px 26px #e23b8633,inset 0 2px #ffffffe6,inset 0 -8px 16px #e23b8614;overflow:hidden}.dx-stat:before{content:"";position:absolute;left:12%;right:12%;top:6px;height:26%;border-radius:999px;background:linear-gradient(180deg,#ffffffd9,#fff0);pointer-events:none}.dx-stat:after{content:"";position:absolute;right:10px;bottom:8px;width:8px;height:8px;background:radial-gradient(circle,rgba(255,216,77,.9) 30%,transparent 32%);filter:drop-shadow(0 0 4px rgba(255,216,77,.7));pointer-events:none}.dx-jellybox{position:relative;border-radius:22px;background:#fff8fb;box-shadow:0 14px 30px #e23b8638,inset 0 2px #ffffffe6,inset 0 -6px 14px #e23b8614;border:3px solid #fff;overflow:hidden}.dx-jellybox:before{content:"";position:absolute;left:0;right:0;top:0;height:48%;background:linear-gradient(180deg,#ffffffb3,#fff0);pointer-events:none}.dx-gumdrop{position:relative;border-radius:50% 50% 46% 46%;box-shadow:inset 0 4px #ffffff8c,inset 0 -6px 10px #0000001f,0 8px 18px #0000002e;transition:transform .12s ease}.dx-gumdrop:after{content:"";position:absolute;left:22%;top:16%;width:30%;height:24%;border-radius:50%;background:#ffffffb3}.dx-gumdrop:hover{transform:translateY(-3px) scale(1.04)}.dx-gumdrop:active{transform:translateY(1px) scale(.97)}.dx-tag{display:inline-block;padding:7px 16px;border-radius:999px;background:linear-gradient(180deg,var(--pink),var(--pink-dk));color:#fff;font-family:var(--candy);font-size:13px;letter-spacing:.02em;box-shadow:0 6px 16px #e23b8666,inset 0 2px #fff6;text-shadow:0 1px 0 rgba(0,0,0,.12)}.dx-coin{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 36% 32%,#fffbe0,var(--lemon) 55%,var(--tangerine));display:inline-grid;place-items:center;font-size:13px;color:var(--tangerine-dk);box-shadow:inset 0 2px #ffffffb3,0 3px 8px #ef6d1c66}.dx-card{background:var(--cream);border-radius:22px;border:3px solid #fff;box-shadow:0 16px 34px #5a33272e,inset 0 2px #fffc;overflow:hidden}.dx-lolly{display:inline-flex;flex-direction:column;align-items:center}.dx-lolly-top{width:46px;height:46px;border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--pink) 0 30deg,#fff 30deg 60deg);box-shadow:inset 0 3px #ffffff80,0 6px 14px #e23b864d}.dx-lolly-stick{width:6px;height:34px;background:linear-gradient(90deg,#fff,#ececec);border-radius:999px}.dx-pole{width:12px;border-radius:999px;background:repeating-linear-gradient(45deg,var(--pink) 0 8px,#fff 8px 16px);box-shadow:0 6px 14px #e23b8659}.dx-flag{width:0;height:0;border-style:solid;border-width:15px 0 15px 28px;border-color:transparent transparent transparent var(--mint);filter:drop-shadow(0 3px 4px rgba(0,0,0,.2));transform-origin:left center;animation:dx-wave 1.2s ease-in-out infinite}@keyframes dx-wave{0%,to{transform:scaleX(1)}50%{transform:scaleX(.82)}}.dx-jelly{width:50px;height:44px;border-radius:50% 50% 40% 40%;background:radial-gradient(circle at 36% 28%,#ff9ec4,var(--pink) 58%,var(--pink-dk));position:relative;box-shadow:inset 0 4px #ffffff80,0 8px 16px #e23b864d;animation:dx-squish .8s ease-in-out infinite}@keyframes dx-squish{0%,to{transform:scaleY(1)}50%{transform:scaleY(.86) translateY(3px)}}.dx-jelly .eye{position:absolute;top:14px;width:9px;height:9px;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 2px #5a332726}.dx-jelly .eye:after{content:"";position:absolute;left:2px;top:2px;width:4px;height:4px;background:var(--ink);border-radius:50%}.dx-jelly .eye.l{left:10px}.dx-jelly .eye.r{right:10px}.dx-headline{text-shadow:0 3px 0 #fff,0 6px 14px rgba(226,59,134,.25)}.dx-bob{animation:dx-bob 1.4s ease-in-out infinite}@keyframes dx-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}.dx-dash{animation:dx-dash .45s ease-in-out infinite}@keyframes dx-dash{0%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(2deg)}to{transform:translateY(0) rotate(-3deg)}}.dx-spin{animation:dx-spin 5s linear infinite}@keyframes dx-spin{to{transform:rotate(360deg)}}.dx-bonk{animation:dx-bonk .5s cubic-bezier(.34,1.56,.64,1)}@keyframes dx-bonk{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-10px) scale(1.12)}to{transform:translateY(0) scale(1)}}.dx-reveal{opacity:0;transform:translateY(28px) scale(.98);transition:opacity .5s ease,transform .6s cubic-bezier(.34,1.56,.64,1)}.dx-reveal.is-in{opacity:1;transform:none}.dx-btnreset{background:none;border:0;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;text-align:inherit}@media(prefers-reduced-motion:reduce){.dx-bob,.dx-dash,.dx-spin,.dx-jelly,.dx-flag,.dx-hint,.dx-hint .dx-arrow,.dx-bonk,.dx-sparkles{animation:none!important}.dx-reveal{opacity:1!important;transform:none!important;transition:none!important}.dx-pin-wrap{height:auto!important}.dx-pin{position:static;height:auto;min-height:0;overflow:visible}.dx-strip{flex-direction:column;width:100%;transform:none!important}.dx-zone,.dx-zone-wide{width:100%;max-width:100%;height:auto;min-height:0;padding:clamp(2rem,7vw,3rem) 1.25rem}.dx-bg,.dx-ground,.dx-hint,.dx-progress{display:none}.dx-hud{position:static}html{scroll-snap-type:none}.dx-snap{display:none}}