@font-face{font-family:Party;src:url('assets/ZCOOLKuaiLe-Regular.ttf') format('truetype');font-display:swap}
:root{--night:#26142f;--plum:#39213e;--ink:#573344;--muted:#795663;--pink:#eda4c7;--cream:#ffdf9c;--paper:#edd4ac;--purple:#b393da;--line:#9d4a7e;--ease:cubic-bezier(.16,1,.3,1);--shadow:0 18px 48px #12081955;--display:Party,'Microsoft YaHei',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px;scrollbar-color:#9c638f #26142f}body{margin:0;color:#f7e4d5;background:var(--night);font:15px/1.7 'Microsoft YaHei','PingFang SC',sans-serif;overflow-x:hidden}::selection{background:#c779ac;color:#fff3d6}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,input{touch-action:manipulation}button,a{color:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{text-decoration:none}button{border:0;background:none}svg{display:block;width:100%;height:100%}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #dc77ba;outline-offset:5px}input{caret-color:#a04379}button,a{transition:background .2s,color .2s,transform .3s var(--ease)}[hidden]{display:none!important}.skip{position:fixed;top:-60px;left:12px;background:var(--cream);color:var(--ink);padding:10px;z-index:100}.skip:focus{top:8px}.forest{position:absolute;inset:0 0 auto;height:1420px;background:url('assets/forest.svg') center top/cover no-repeat;pointer-events:none;z-index:-2}#fireflies{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.8}.corner-web{position:absolute;width:160px;height:160px;top:78px;z-index:2;pointer-events:none}.spider{position:absolute;left:95px;top:92px;height:80px;border-left:1px solid #e2bdd85c;animation:spider 6s ease-in-out infinite}.spider i{position:absolute;bottom:0;left:-7px;width:14px;height:18px;background:#271d30;border-radius:50%;box-shadow:-7px -3px 0 -5px #efadc9,7px -3px 0 -5px #efadc9}.spider i:after{content:'';position:absolute;inset:2px -7px;border:2px solid #c9a1ba;border-top-color:transparent;border-bottom-color:transparent;border-radius:40%}
.topbar{height:88px;max-width:1320px;margin:auto;padding:0 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c58aae24;position:relative;z-index:5}.brand{display:flex;gap:11px;align-items:center}.brand>svg{width:43px;height:43px}.brand>span{font-family:var(--display);font-size:24px;line-height:1.1;letter-spacing:1px}.brand small{display:block;font:10px/1.8 'Microsoft YaHei',sans-serif;color:#d9aec7;letter-spacing:2px;margin-top:5px}.topbar nav{display:flex;gap:34px;font-size:13px;color:#d7bbd4}.topbar nav a{padding:12px 0;position:relative}.topbar nav a:hover,.topbar nav a.active{color:var(--cream)}.topbar nav a.active:after{content:'';position:absolute;left:calc(50% - 2px);bottom:4px;width:4px;height:4px;border-radius:50%;background:var(--cream)}.header-actions{display:flex;gap:18px;align-items:center}.icon-button{width:38px;height:38px;padding:10px;border:1px solid #bd8bad50;border-radius:50%;color:#efc2d5}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8}.icon-button[aria-pressed=true]{background:#72517f}.history-button{display:flex;align-items:center;gap:7px;font-size:12px;color:#f5dbcc}.history-button svg{height:24px;width:24px}.history-button b{font-size:11px;font-weight:400;background:#a0668b;padding:0 6px;border-radius:10px;min-width:19px;text-align:center}
.hero{position:relative;max-width:1280px;margin:auto;padding:24px 40px 32px;isolation:isolate}.moon{position:absolute;top:86px;left:5%;width:630px;height:630px;background:radial-gradient(circle,#d3abd254 0,#bb8fbd22 49%,#b482bf00 70%);z-index:-1;pointer-events:none}.moon div{position:absolute;inset:12%;background:radial-gradient(circle at 38% 35%,#e9cce9,#bb92d0 40%,#8d65ad 85%);border-radius:50%;box-shadow:0 5px 70px #cfabdf44;opacity:.35;mask-image:linear-gradient(#000 15%,#0006 75%,transparent)}.bat{position:absolute;pointer-events:none;z-index:3}.bat-one{top:49px;left:61px;width:104px;height:60px;transform:rotate(-16deg);animation:bat-fly 6s ease-in-out infinite}.bat-two{top:155px;right:44px;width:78px;height:48px;transform:rotate(18deg);animation:bat-fly 5s ease-in-out -2s infinite}.invitation{width:580px;height:216px;margin:0 0 -4px 3%;position:relative;text-align:center;background:url('assets/wood.svg') center/100% 100% no-repeat;transform:rotate(-4deg);z-index:2;filter:drop-shadow(0 13px 17px #150b1c77);padding:24px 45px 20px}.invitation h1{font:42px/1.15 var(--display);color:#fff1b6;margin:0;text-shadow:1px 3px 0 #713d42,2px 5px 2px #713d4255}.invitation h1 span{display:block;font-size:57px;letter-spacing:2px;margin-bottom:6px}.halloween-word{position:absolute;bottom:-14px;left:145px;font:italic 900 44px/1 Georgia,serif;letter-spacing:-3px;color:#ffcb56;-webkit-text-stroke:1px #543043;text-shadow:2px 4px #2b1935;transform:rotate(-5deg)}.halloween-word span{font-size:60px;color:#f0a24f}.sign-ghost{position:absolute;width:100px;height:114px;right:-25px;top:0;transform:rotate(18deg);animation:float 5s ease-in-out infinite}.bunny-ears{position:absolute;left:2px;top:-18px;transform:rotate(-29deg);width:22px;height:63px;background:#f5bfd6;border:6px solid #a1477e;border-radius:50% 50% 6px 6px}.bunny-ears:after{content:'';position:absolute;width:14px;height:43px;left:31px;top:4px;background:#f5bfd6;border:5px solid #a1477e;border-radius:50% 50% 6px 6px}
.play-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:26px;align-items:center}.machine-scene{position:relative;min-width:0;margin-top:-7px}.machine-stage{width:100%;filter:drop-shadow(0 22px 22px #13091d60);transform-origin:50% 90%}.machine-stage>svg,.machine-stage>img{width:100%;height:auto;display:block;overflow:visible}.machine-whisper{position:absolute;top:11px;left:20%;margin:0;font-size:11px;letter-spacing:1px;color:#e6bfdc;z-index:1;display:flex;align-items:center;gap:8px}.machine-whisper>span:first-child{width:5px;height:5px;border-radius:50%;background:#ffdd91;box-shadow:0 0 8px #ffcd74}.machine-note{position:absolute;bottom:10px;width:100%;text-align:center;font-family:var(--display);font-size:17px;letter-spacing:2px;color:#e6bbda}.machine-hotspot{position:absolute;left:33%;top:61%;width:17%;height:15%;border-radius:50%;transform:rotate(-5deg)}.machine-hotspot:hover{background:#fff2b022;box-shadow:0 0 30px #ffd89744}.cat-friend{transform-origin:18% 75%;animation:cat-sway 6s ease-in-out infinite}.ghost-friend{animation:float 4.5s ease-in-out infinite}.floating-star,.floating-candy{animation:spark 4s ease-in-out infinite}.floating-candy{animation-delay:-2s}.outlet-ball{opacity:0}.crank{transform-origin:258px 483px}.machine-aura{animation:aura 5s ease-in-out infinite}.drawing .machine-main{transform-origin:50% 85%;animation:machine-rock .19s ease-in-out infinite}.drawing .crank{animation:crank 1s var(--ease) infinite}.drawing .ball{animation:tumble .38s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.047s)}.dispensing .outlet-ball{animation:drop-ball .8s var(--ease) forwards}.dispensing .machine-aura{opacity:1}
.paper-wrap{position:relative;margin-top:-106px;padding-top:40px}.branch{position:absolute;left:5%;right:-1%;top:0;height:40px;background:#8e6a45;clip-path:polygon(0 20%,12% 5%,34% 17%,48% 0,73% 14%,94% 0,100% 25%,96% 49%,100% 76%,83% 86%,57% 72%,31% 100%,0 75%);transform:rotate(-3deg);filter:drop-shadow(0 5px 2px #0e091d)}.branch:after{content:'';position:absolute;inset:8px 10px;background:#b58b56;clip-path:polygon(0 0,60% 20%,100% 0,88% 70%,44% 45%,0 80%)}.hanging-pumpkin{position:absolute;top:15px;left:67%;width:35px;height:38px;padding-top:14px;z-index:4}.hanging-pumpkin:before{content:'';position:absolute;left:15px;top:0;height:18px;border-left:2px solid #79604a}.paper{color:var(--ink);background:url('assets/paper.svg') center/100% 100% no-repeat;position:relative;filter:drop-shadow(5px 15px 16px #12091e55)}.play-paper{padding:50px 48px 40px;transform:rotate(1.3deg);text-align:center}.rope{position:absolute;top:-40px;height:58px;width:14px;border-left:3px solid #b5a078;border-radius:45% 0 0 50%;z-index:2}.rope:after{content:'';position:absolute;bottom:-5px;left:-7px;width:13px;height:13px;border-radius:50%;background:#41293b;box-shadow:0 -3px 0 #b6956d}.rope-left{left:14%}.rope-right{right:14%;transform:rotate(-4deg)}.paper-candy{width:65px;height:40px;position:absolute;right:-12px;top:46px;transform:rotate(24deg)}.paper h2{margin:0;font:36px/1.25 var(--display);color:#dc914a;text-shadow:1px 2px #66334f;-webkit-text-stroke:1px #713346}.paper h2 span{color:#ac4b84}.paper-intro{font-size:12px;margin:10px 0 24px;color:#73505a}.steps{display:flex;list-style:none;padding:0;justify-content:space-between;gap:4px;font-size:10px;margin:0 0 25px}.steps li{display:flex;align-items:center;gap:5px;position:relative;color:#795763}.steps li:not(:last-child):after{content:'›';position:absolute;right:-12px;color:#a57c76}.steps b{border:1px solid #9d7580;border-radius:50%;width:18px;height:18px;line-height:17px;font-family:Georgia,serif}.steps li.current{color:#923d73}.steps li.current b{color:#ffedd0;background:#964774;border-color:#964774}form label{display:block;text-align:left;font-size:12px;font-weight:bold;margin-bottom:8px}.code-entry{display:flex;background:#fff3dc;border:2px solid #ac7e8c;border-radius:10px;overflow:hidden;box-shadow:inset 0 2px 4px #92556a18}.code-entry:focus-within{border-color:#ae3c82;box-shadow:0 0 0 3px #bd6d9c25}.code-entry input{min-width:0;width:100%;border:0;background:none;padding:12px;color:#62384f;font-size:13px;outline:none!important}.code-entry input::placeholder{color:#8c6972}.code-entry button{background:#9e4c7e;color:#fff1d6;font-size:13px;flex-shrink:0;padding:0 21px}.code-entry button:hover{background:#823761}.form-status{font-size:10px;line-height:1.6;text-align:left;min-height:33px;margin:8px 0 6px;color:#805965}.form-status.error{color:#9b304b}.form-status.success{color:#4f6a3f}.balance{display:flex;justify-content:center;align-items:center;gap:10px;padding:7px 0 14px}.balance svg{width:36px;height:36px;transform:rotate(-9deg)}.balance span{font-size:13px;font-weight:bold}.balance strong{font:40px/1 var(--display);color:#9d447b;font-variant-numeric:tabular-nums}.balance small{font-size:12px;align-self:end;margin-bottom:2px}.draw-button{width:100%;background:#a64c81;border:2px solid #75345f;border-radius:12px;padding:12px 6px;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff0c6;font:22px/1.3 var(--display);box-shadow:0 6px 9px #6c365d32,inset 0 2px #dd99bb;position:relative;overflow:hidden}.draw-button svg{width:25px;height:25px}.draw-button:after{content:'';position:absolute;inset:-40% auto -40% -60%;width:30%;background:linear-gradient(90deg,transparent,#ffe6c644,transparent);transform:rotate(25deg);animation:shine 5s 2s infinite}.draw-button:hover{background:#b45991;transform:translateY(-2px)}.draw-button:active{transform:translateY(2px)}.draw-caption{font-size:10px;color:#785361;margin:12px 0 15px}.poster-link{border-bottom:1px solid #a7827e;font-size:11px;padding:3px 0;color:#704553;display:inline-flex;gap:14px}.poster-link:hover{color:#a14479}.demo-note{padding-top:11px;margin-bottom:13px;border-top:1px dashed #b58a83;font-size:10px;color:#7b5361}.demo-note>span{border:1px solid #aa7a83;border-radius:4px;padding:2px 4px;margin-right:4px}.demo-note>button{padding:0;text-decoration:underline;text-underline-offset:3px}.demo-note>small{display:block;font-size:9px;margin-top:4px}.paper-ghost{position:absolute;width:88px;height:100px;right:-29px;bottom:-17px;transform:rotate(15deg);animation:float 5s ease-in-out infinite}.scroll-hint{display:flex;width:max-content;margin:20px auto 0;align-items:center;flex-direction:column;font-size:10px;letter-spacing:2px;color:#dbb6cd}.scroll-hint i{width:8px;height:8px;border-right:1px solid #e5bfd2;border-bottom:1px solid #e5bfd2;transform:rotate(45deg);margin-top:10px;animation:down 2s infinite}
.ribbon{overflow:hidden;border-top:1px solid #b47f9d55;border-bottom:1px solid #b47f9d55;background:#39203e99;transform:none;margin:24px -4px 0}.ribbon>div{display:flex;align-items:center;gap:48px;width:max-content;padding:13px 0;animation:marquee 45s linear infinite}.ribbon span{white-space:nowrap;font:14px var(--display);letter-spacing:2px;color:#d3a0c3}.ribbon svg{width:25px;height:22px}.section{max-width:1150px;margin:auto;padding:85px 40px 0;position:relative}.section-heading{text-align:center;margin-bottom:42px}.section-heading>svg{width:66px;height:40px;margin:0 auto 5px;transform:rotate(-5deg)}.section-heading h2{font:36px/1.3 var(--display);color:var(--cream);margin:0;letter-spacing:2px;text-shadow:0 5px 12px #0e081f66}.section-heading p{font-size:12px;color:#d4acc9;margin:12px 0 0}.prize-shelf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;position:relative;padding-bottom:23px}.prize-shelf:after{content:'';position:absolute;bottom:0;left:-15px;right:-15px;height:25px;background:linear-gradient(#a57558,#795045 50%,#54333e 52%);clip-path:polygon(0 0,12% 12%,34% 0,69% 10%,100% 0,98% 80%,78% 95%,53% 80%,19% 100%,1% 80%);filter:drop-shadow(0 10px 8px #14091b)}.prize{position:relative;text-align:center;padding:10px 0;transition:transform .4s var(--ease)}.prize:hover{transform:translateY(-8px)}.prize-orb{width:112px;height:112px;max-width:100%;margin:0 auto 16px;border-radius:50%;background:linear-gradient(175deg,#e2bcf0 0 50%,#ffe5c0 51%);border:3px solid #ad699f;box-shadow:inset -6px -7px 11px #70467e33,0 12px 19px #140c2155;position:relative;display:grid;place-items:center}.prize:nth-child(2n) .prize-orb{background:linear-gradient(175deg,#f5b5ce 0 50%,#ffe5c0 51%)}.prize:nth-child(3n) .prize-orb{background:linear-gradient(175deg,#ffcf83 0 50%,#fff1d5 51%)}.prize-orb:before{content:'';position:absolute;width:25px;height:9px;left:17px;top:16px;background:#fff9efbb;border-radius:50%;transform:rotate(-34deg)}.prize-orb svg{width:60px;height:60px;filter:drop-shadow(0 4px 2px #ad6c8a22)}.prize h3{font:17px/1.4 var(--display);color:#f4d7de;margin:0 0 6px}.prize p{font-size:10px;margin:0;color:#cba2c0}.prize small{display:inline-block;font-size:10px;color:#e0b4cc;margin-top:8px;font-variant-numeric:tabular-nums}.pool-note{text-align:center;color:#bd9ab8;font-size:10px;margin:20px 0 35px}.pumpkin-note{display:flex;align-items:center;max-width:780px;margin:0 auto;padding:25px 32px;gap:28px;border-top:1px solid #ae789743;border-bottom:1px solid #ae789743}.pumpkin-note>svg{width:85px;height:80px;flex-shrink:0;transform:rotate(-9deg)}.pumpkin-note h3{font:22px var(--display);color:#ffcc88;margin:0 0 8px}.pumpkin-note p{color:#d8b5d0;font-size:12px;margin:0 0 7px}.pumpkin-note small{color:#b68fab;font-size:10px}
.guide-section{padding-top:90px}.guide-layout{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin-top:65px}.guide-layout .paper{padding:40px 44px 42px;min-height:470px}.guide-paper{transform:rotate(-1deg)}.deposit-paper{transform:rotate(1.2deg)}.guide-layout .rope{top:-30px;height:47px}.guide-layout h3{font:28px var(--display);margin:5px 0 24px;text-align:center;color:#b74c80;text-shadow:1px 1px #f9efcf}.guide-layout h3 span{color:#a36a2f}.rules-list{list-style:none;padding:0;margin:0}.rules-list li{display:grid;grid-template-columns:78px 1fr;gap:15px;margin:0 0 18px;align-items:start}.rules-list b{font:16px/1.5 var(--display);background:#c4a278;color:#fff1c7;padding:2px 4px;text-align:center;clip-path:polygon(4% 0,100% 4%,95% 40%,100% 90%,45% 100%,0 91%,5% 40%)}.rules-list p{font-size:12px;line-height:1.8;margin:0}.rules-list strong{color:#a33f71}.guide-tip{padding-top:15px;border-top:1px dashed #aa7c79;font-size:11px;color:#79515a}.text-link{font-size:11px;text-decoration:underline;text-underline-offset:4px;display:block;margin:17px auto 0}.deposit-table>div{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center;padding:5px 0;font-size:12px;border-bottom:1px dashed #b68e7c55}.deposit-table>div:first-child{font-size:10px;color:#7b525a}.deposit-table strong{font:21px var(--display);color:#9f4b65;font-variant-numeric:tabular-nums}.deposit-table b{font-weight:500}.deposit-table+small{font-size:9px;display:block;margin-top:15px;text-align:center}.receipt-guide{margin:70px auto 0;display:flex;align-items:center;gap:24px;padding:25px 0;border-top:1px solid #ae789743}.receipt-guide>svg{width:65px;height:65px;flex-shrink:0;transform:rotate(-12deg)}.receipt-guide>div{flex:1}.receipt-guide h3{font:21px var(--display);color:#e9bfdb;margin:0 0 8px}.receipt-guide p{font-size:11px;color:#c49fbd;margin:0;max-width:600px}.outline-button{border:1px solid #b789a6;border-radius:7px;padding:10px 18px;font-size:12px;color:#eed3e3}.outline-button:hover{background:#ab6c9a20}.receipt-guide>.outline-button{flex-shrink:0}footer{text-align:center;position:relative;margin-top:75px;padding:75px 20px 35px;background:linear-gradient(transparent,#180f20)}footer strong{font:28px var(--display);color:#e5b3cf;letter-spacing:4px}footer p{font-size:12px;color:#d0a5bf;letter-spacing:2px;margin:7px 0 9px}footer small{display:block;font-size:9px;color:#a47d9a}.footer-pumpkins{position:absolute;width:200px;height:75px;top:-20px;left:calc(50% - 100px);display:flex;align-items:flex-end}.footer-pumpkins svg{width:80px;height:75px}.footer-pumpkins svg:nth-child(2){width:60px;height:57px;transform:rotate(-8deg)}
.loader{position:fixed;inset:0;z-index:90;background:#24132e;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .65s ease,visibility .65s;isolation:isolate}.loader:before,.loader:after{content:'';position:absolute;inset:0;width:50%;background:#331b39;z-index:-1;transition:transform 1s var(--ease);mask-image:linear-gradient(90deg,#000,transparent)}.loader:after{left:50%;transform:scaleX(-1)}.loader.done{opacity:0;visibility:hidden;pointer-events:none}.loader.done:before{transform:translateX(-110%)}.loader.done:after{transform:translateX(110%) scaleX(-1)}.loader-stars{font-size:22px;color:#e9bb87;letter-spacing:30px;margin-left:30px}.loader-ghost{width:65px;height:74px;animation:float 2s ease-in-out infinite;margin:14px 0 -14px 80px;z-index:1}.cauldron{width:130px;height:94px;border:4px solid #9e6092;border-top:8px solid #d69ac5;border-radius:12px 12px 50px 50px;position:relative;overflow:visible;background:#4c2b5f;box-shadow:0 14px 35px #10061755}.cauldron:after{content:'';position:absolute;bottom:-12px;left:20px;right:20px;height:12px;border-left:12px solid #9e6092;border-right:12px solid #9e6092}.potion{position:absolute;inset:auto 0 0;height:var(--fill,5%);background:#d5a0dd;border-radius:0 0 45px 45px;transition:height .2s;opacity:.45}.cauldron>svg{position:absolute;width:42px;height:42px;left:40px;top:20px}.bubble{position:absolute;border-radius:50%;background:#dfb2d7;animation:bubble 1.8s ease-in-out infinite;width:9px;height:9px;left:20px;top:-9px}.b2{left:85px;width:6px;height:6px;animation-delay:-.6s}.b3{left:55px;animation-delay:-1.2s}.loader-brand{font:30px var(--display);color:#ffe0a4;margin:30px 0 9px;letter-spacing:3px}.loader-text{font-size:11px;color:#d6abc7;margin:0 0 18px;letter-spacing:1px}.loading-track{width:180px;height:5px;border-radius:5px;background:#6d426a;overflow:hidden}.loading-track i{display:block;height:100%;width:0;background:#edb7d2;border-radius:5px;transition:width .15s}.loader>small{font:10px/1.5 Georgia,serif;letter-spacing:2px;color:#d9abc9;margin-top:9px}.loader-skip{font-size:10px;color:#bd8eae;margin-top:28px;text-decoration:underline;text-underline-offset:4px}
dialog{background:#3a2346;color:#f3dbc9;border:1px solid #996887;border-radius:18px;max-height:90dvh;max-width:calc(100% - 30px);padding:30px;box-shadow:0 30px 100px #0e061bbb;overflow-y:auto}dialog::backdrop{background:#13091dd9;backdrop-filter:blur(7px)}body:has(dialog[open]){overflow:hidden}.dialog-close{position:absolute;right:11px;top:8px;width:38px;height:38px;font-size:28px;color:#e6b9d3;z-index:3;line-height:1;border-radius:50%}.dialog-close:hover{background:#a97a9a33}dialog h2{font:28px var(--display);margin:6px 0 8px;color:#ffdfa4}.dialog-desc{font-size:12px;margin:0 0 20px;color:#d1abc4}.result-dialog{width:480px;max-width:calc(100% - 26px);padding:26px 25px}.result-heading{text-align:center;margin:0 0 20px}.result-heading>svg{width:32px;height:32px;margin:auto}.result-heading h2{font-size:27px}.result-heading p{font-size:11px;margin:5px 0;color:#d6b0c9}.receipt{color:#553844;background:#fff2d9;position:relative;padding:27px 28px 29px;margin:10px 5px 20px;filter:drop-shadow(0 8px 10px #0f081933);border-bottom:3px dotted #d1b99e;clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),98% 100%,96% calc(100% - 6px),94% 100%,92% calc(100% - 6px),90% 100%,88% calc(100% - 6px),86% 100%,84% calc(100% - 6px),82% 100%,80% calc(100% - 6px),78% 100%,76% calc(100% - 6px),74% 100%,72% calc(100% - 6px),70% 100%,68% calc(100% - 6px),66% 100%,64% calc(100% - 6px),62% 100%,60% calc(100% - 6px),58% 100%,56% calc(100% - 6px),54% 100%,52% calc(100% - 6px),50% 100%,48% calc(100% - 6px),46% 100%,44% calc(100% - 6px),42% 100%,40% calc(100% - 6px),38% 100%,36% calc(100% - 6px),34% 100%,32% calc(100% - 6px),30% 100%,28% calc(100% - 6px),26% 100%,24% calc(100% - 6px),22% 100%,20% calc(100% - 6px),18% 100%,16% calc(100% - 6px),14% 100%,12% calc(100% - 6px),10% 100%,8% calc(100% - 6px),6% 100%,4% calc(100% - 6px),2% 100%,0 calc(100% - 6px))}.receipt-brand{text-align:center;font:27px var(--display);letter-spacing:2px}.receipt-sub{text-align:center;font-size:9px;letter-spacing:2px;margin:3px 0 16px}.receipt-demo{text-align:center;background:#ead6c5;font-size:10px;color:#855266;padding:4px;margin-bottom:12px}.receipt-prize{text-align:center;border-top:1px dashed #b99a8a;border-bottom:1px dashed #b99a8a;padding:15px 0;margin-bottom:15px}.receipt-prize small{font-size:10px}.receipt-prize h3{font:26px/1.3 var(--display);color:#a44879;margin:7px 0}.receipt-prize p{font-size:10px;margin:0}.receipt-row{display:flex;justify-content:space-between;gap:10px;font-size:10px;line-height:2.1;font-variant-numeric:tabular-nums}.receipt-row span{color:#866373;flex-shrink:0}.receipt-row b{font-weight:500;word-break:break-all;text-align:right}.receipt-verify{font:18px/1.5 monospace;text-align:center;letter-spacing:3px;padding:11px 0 3px;color:#8f426e}.receipt-qr{width:93px;height:93px;margin:7px auto}.receipt-qr svg{width:100%;height:100%}.receipt-bottom{text-align:center;font-size:9px;line-height:1.8;color:#8b6876;margin:8px 0 0}.receipt-state{position:absolute;right:22px;top:40px;border:2px solid #ab71875c;color:#ab71878a;border-radius:6px;padding:4px 8px;font:16px var(--display);transform:rotate(15deg)}.receipt-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary-button{display:block;background:#b45b8e;color:#fff1cc;border-radius:8px;padding:11px 15px;text-align:center;font-size:12px}.primary-button:hover{background:#c573a0;transform:translateY(-1px)}.receipt-help{text-align:center;font-size:10px;color:#c5a1bc;margin:12px 0 2px}.opening{height:440px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.opening h2{font-size:22px;margin-top:42px;z-index:1}.opening-halo{position:absolute;inset:0;background:repeating-conic-gradient(from 0deg,#dca9db00 0deg 16deg,#dca9db18 16deg 32deg);mask-image:radial-gradient(closest-side,#000,transparent);animation:crank 14s linear infinite}.opening-ball{width:135px;height:135px;border-radius:50%;background:#ffdfb5;border:5px solid #a15a87;box-shadow:0 15px 35px #13091f66;position:relative;animation:wiggle .3s ease-in-out infinite alternate;overflow:hidden}.opening-ball i{position:absolute;inset:0 0 50%;border-bottom:3px solid #b56b93;background:#dfb1e9}.opening-ball svg{position:absolute;inset:30%;width:40%;height:40%;filter:drop-shadow(0 3px 3px #ae6c8b33)}.opening-ball.open{animation:pop .65s var(--ease) forwards}.history-dialog{width:520px}.history-item{display:grid;grid-template-columns:45px 1fr auto;gap:12px;align-items:center;border-top:1px dashed #a16b8c66;padding:17px 0}.history-item>svg{width:40px;height:40px}.history-item h3{font:19px var(--display);margin:0 0 2px;color:#ffdfa8}.history-item small{font-size:9px;color:#cda6bf}.history-item button{font-size:11px;color:#e8bbd7;text-decoration:underline;text-underline-offset:4px;padding:8px}.history-status{font-size:10px;color:#d5b7d5}.history-note{border-top:1px solid #93618455;padding-top:15px;font-size:10px;color:#bf99b5;line-height:1.8}.empty-state{text-align:center;padding:25px 0 35px}.empty-state svg{width:95px;height:100px;margin:auto}.empty-state p{font-size:13px;color:#d5b2cc}.poster-dialog{padding:0;background:none;border:0;border-radius:7px;width:580px;max-height:92dvh}.poster-dialog img{width:100%;display:block}.poster-dialog .dialog-close{position:fixed;right:calc(50% - 275px);background:#311b3fea}.saved-dialog{width:430px;text-align:center}.saved-dialog h2{font-size:24px}.saved-dialog p{font-size:11px;color:#d4adc8}.saved-dialog>img{width:100%;display:block;margin:15px 0}.toast{position:fixed;z-index:110;bottom:35px;left:50%;transform:translate(-50%,20px);padding:12px 22px;border:1px solid #b983a6;background:#44284ef2;color:#ffead4;border-radius:10px;font-size:12px;opacity:0;visibility:hidden;transition:.3s;max-width:calc(100% - 36px);width:max-content;box-shadow:0 12px 30px #140b25aa}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}.confetti{position:fixed;inset:0;pointer-events:none;z-index:105;overflow:hidden}.confetti i{position:absolute;width:8px;height:13px;top:-20px;background:var(--c);animation:confetti-fall var(--d) ease-in forwards;animation-delay:var(--delay);border-radius:2px}.noscript{position:fixed;bottom:0;background:#ffdda0;color:#58324c;padding:15px;z-index:100}
@keyframes float{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -12px;rotate:3deg}}@keyframes cat-sway{0%,100%{rotate:0deg}50%{rotate:3deg}}@keyframes spark{0%,100%{translate:0 0;opacity:.8}50%{translate:0 -8px;opacity:1}}@keyframes aura{0%,100%{opacity:.25}50%{opacity:.7}}@keyframes bat-fly{0%,100%{translate:0 0}50%{translate:15px -9px}}@keyframes spider{0%,100%{height:60px}50%{height:100px}}@keyframes down{0%,100%{translate:0 0;opacity:.4}50%{translate:0 6px;opacity:1}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes shine{0%,65%{left:-60%}100%{left:140%}}@keyframes bubble{0%{translate:0 0;opacity:0;scale:.5}30%{opacity:.8}100%{translate:5px -50px;opacity:0;scale:1.2}}@keyframes machine-rock{0%,100%{rotate:-1deg}50%{rotate:1deg}}@keyframes crank{to{rotate:360deg}}@keyframes tumble{0%{translate:0 0;rotate:-5deg}100%{translate:calc((var(--i) - 6)*3px) -24px;rotate:9deg}}@keyframes drop-ball{0%{translate:0 -80px;opacity:0}25%{opacity:1}65%{translate:0 8px}82%{translate:0 -8px}100%{translate:0 0;opacity:1}}@keyframes wiggle{from{rotate:-6deg;translate:-2px 0}to{rotate:6deg;translate:2px 0}}@keyframes pop{to{scale:1.8;opacity:0;filter:blur(8px)}}@keyframes confetti-fall{to{transform:translate3d(90px,105dvh,0) rotate(750deg)}}
@media(min-width:1500px){.hero{padding-top:35px}.invitation{margin-left:4%}.play-layout{gap:50px}.paper-wrap{margin-top:-100px}}
@media(max-width:1050px){.topbar{padding:0 30px}.topbar nav{gap:22px}.hero{padding-left:30px;padding-right:30px}.invitation{width:51%;height:180px;padding:24px 20px}.invitation h1{font-size:33px}.invitation h1 span{font-size:44px}.halloween-word{font-size:36px;left:25%;bottom:-13px}.sign-ghost{width:75px;height:85px}.play-layout{gap:18px;grid-template-columns:1fr 1fr}.play-paper{padding:43px 30px 30px}.paper h2{font-size:29px}.paper-wrap{margin-top:-50px}.steps{font-size:9px}.steps b{width:16px;height:16px;line-height:15px}.steps li:not(:last-child):after{right:-7px}.prize-shelf{gap:12px}.prize-orb{width:100px;height:100px}.prize h3{font-size:15px}.guide-layout{gap:23px}.guide-layout .paper{padding:35px 30px}.guide-layout h3{font-size:25px}.receipt-guide{gap:17px}.receipt-guide h3{font-size:18px}.draw-button{font-size:19px}}
@media(max-width:760px){html{scroll-padding-top:25px}.topbar{height:74px;padding:0 20px}.topbar nav{display:none}.brand>svg{width:36px;height:36px}.brand>span{font-size:21px}.brand small{font-size:8px;letter-spacing:1px}.header-actions{gap:8px}.icon-button{width:31px;height:31px;padding:7px}.history-button{font-size:10px;gap:3px;padding:4px 0}.history-button svg{width:21px;height:21px}.history-button b{font-size:9px;min-width:16px;padding:0 4px}.hero{padding:27px 18px 27px;max-width:520px}.forest{height:1550px;background-size:auto 1550px}.moon{width:490px;height:490px;top:100px;left:calc(50% - 245px)}.invitation{width:96%;height:170px;margin:0 auto -1px;padding:19px 12px 17px;transform:rotate(-4deg)}.invitation h1{font-size:30px}.invitation h1 span{font-size:43px;margin-bottom:4px}.halloween-word{font-size:35px;left:calc(50% - 100px);bottom:-12px}.halloween-word span{font-size:49px}.sign-ghost{width:67px;height:77px;right:-5px;top:6px}.bunny-ears{left:10px;top:-15px;width:17px;height:42px;border-width:4px}.bunny-ears:after{left:21px;top:1px;width:10px;height:31px;border-width:4px}.bat-one{top:14px;left:18px;width:70px;height:40px}.bat-two{top:201px;right:12px;width:55px;height:33px}.corner-web{width:95px;height:95px;top:75px}.spider{left:55px;top:57px;scale:.65}.play-layout{display:flex;flex-direction:column;gap:4px}.machine-scene{width:103%;margin:-1px 0 0;max-width:455px}.machine-whisper{font-size:9px;top:21px;left:21%;letter-spacing:.5px}.machine-note{font-size:14px;bottom:4px;letter-spacing:1px}.machine-hotspot{top:62%}.paper-wrap{width:100%;margin:30px 0 0;padding-top:29px;max-width:450px}.branch{height:30px;top:0;left:4%;right:2%}.play-paper{padding:37px 30px 32px;transform:rotate(1deg)}.paper h2{font-size:31px}.paper-intro{font-size:11px;margin:9px 0 21px}.steps{font-size:9px;margin-bottom:22px;gap:8px}.steps li:not(:last-child):after{right:-11px}.code-entry input{font-size:12px;padding:12px}.code-entry button{padding:0 17px}.form-status{font-size:10px;margin-bottom:5px;min-height:32px}.balance{padding-bottom:15px}.balance strong{font-size:36px}.draw-button{font-size:21px;padding:13px 8px}.draw-caption{font-size:9px}.rope{top:-29px;height:45px}.paper-ghost{right:-11px;width:67px;height:77px;bottom:-17px}.paper-candy{width:53px;height:33px;right:-9px;top:44px}.poster-link{font-size:10px}.scroll-hint{font-size:9px;margin-top:32px}.ribbon{margin-top:13px}.ribbon>div{gap:30px;padding:11px 0}.ribbon span{font-size:12px}.ribbon svg{width:21px;height:18px}.section{padding:61px 24px 0;max-width:540px}.section-heading{margin-bottom:28px}.section-heading h2{font-size:28px;letter-spacing:1px}.section-heading p{font-size:10px;margin-top:9px}.section-heading>svg{width:52px;height:30px}.prize-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 14px;padding-bottom:18px}.prize-orb{width:91px;height:91px;margin-bottom:11px}.prize-orb svg{width:49px;height:49px}.prize h3{font-size:14px}.prize p{font-size:9px}.prize small{font-size:9px;margin-top:4px}.pool-note{font-size:9px;line-height:1.8;margin:17px 0 25px}.pumpkin-note{padding:21px 0;gap:13px;align-items:flex-start}.pumpkin-note>svg{width:62px;height:59px;margin-top:3px}.pumpkin-note h3{font-size:20px}.pumpkin-note p{font-size:10px}.pumpkin-note small{font-size:9px}.guide-section{padding-top:59px}.guide-layout{display:flex;flex-direction:column;gap:48px;margin-top:46px}.guide-layout .paper{min-height:0;padding:37px 30px 35px}.guide-layout h3{font-size:27px;margin-bottom:24px}.rules-list li{grid-template-columns:73px 1fr;gap:13px;margin-bottom:20px}.rules-list b{font-size:15px}.rules-list p{font-size:11px}.guide-tip{font-size:10px}.deposit-table>div{padding:6px 0}.deposit-table strong{font-size:23px}.deposit-table+small{font-size:9px}.receipt-guide{margin-top:41px;display:grid;grid-template-columns:44px 1fr;gap:10px 15px;padding-top:23px}.receipt-guide>svg{width:44px;height:44px}.receipt-guide h3{font-size:19px;line-height:1.5}.receipt-guide p{font-size:10px}.receipt-guide>.outline-button{grid-column:2;justify-self:start;margin-top:4px;font-size:10px;padding:8px 13px}footer{margin-top:55px;padding-top:66px}footer strong{font-size:25px}footer p{font-size:10px}footer small{font-size:9px}.result-dialog{padding:22px 17px}.result-heading h2{font-size:25px}.receipt{padding:23px 22px 25px;margin-left:3px;margin-right:3px}.receipt-prize h3{font-size:24px}.receipt-actions{gap:8px}.receipt-actions button{font-size:11px;padding:11px 8px}.history-dialog{padding:28px 23px}.history-dialog h2{font-size:26px}.poster-dialog .dialog-close{right:18px;top:12px}.saved-dialog{padding:27px 20px}.saved-dialog h2{font-size:23px}.toast{bottom:22px;font-size:11px;padding:11px 17px}}
@media(max-width:360px){.topbar{padding:0 14px}.brand>span{font-size:19px}.brand small{font-size:7px}.history-button>span{font-size:9px}.hero{padding-left:12px;padding-right:12px}.invitation{height:154px}.invitation h1{font-size:27px}.invitation h1 span{font-size:39px}.sign-ghost{width:57px;height:65px}.play-paper{padding-left:26px;padding-right:26px}.paper h2{font-size:28px}.steps{font-size:8px;gap:4px}.steps li:not(:last-child):after{right:-8px}.draw-button{font-size:19px;gap:8px}.draw-button svg{width:20px;height:20px}.section{padding-left:20px;padding-right:20px}.section-heading h2{font-size:25px}.prize-orb{width:81px;height:81px}.prize h3{font-size:13px}.guide-layout .paper{padding-left:26px;padding-right:26px}.guide-layout h3{font-size:24px}.receipt-row{font-size:9px}.receipt-verify{font-size:16px}}
/* Keep the decorative world outside layout and preserve the phone viewport. */
html,body{overflow-x:clip}.forest{position:fixed;height:100dvh;background-size:cover;opacity:.7}.ribbon{margin-left:0;margin-right:0;max-width:100%}.invitation h1{font-weight:700;-webkit-text-stroke:.6px #fff1b6;text-shadow:1px 3px 0 #713d42,2px 5px 2px #713d4255}.invitation h1 span{-webkit-text-stroke:.8px #fff1b6}.guide-layout .paper{min-height:430px}.draw-caption{font-size:11px}.paper-intro{color:#69444f}.form-status{color:#704453}.pool-note{color:#d4aec9}.prize p{color:#ddb6d0}.prize small{color:#e6bfd5}
@media(max-width:760px){.moon{width:100%;height:auto;aspect-ratio:1;left:0}.bat-two{right:24px}.machine-whisper{top:9px}.machine-scene{width:100%}.draw-caption{font-size:10px}.form-status{font-size:11px;min-height:35px}.paper-intro{font-size:12px}.guide-layout .paper{min-height:0}.rules-list p{font-size:12px}.guide-tip{font-size:11px}.pumpkin-note p{font-size:11px}.receipt-guide p{font-size:11px}}
.machine-whisper{top:auto;bottom:-16px;left:0;width:100%;justify-content:center}.primary-button{background:#98436f}.primary-button:hover{background:#a25182}.rules-list b{color:#4e2c3e}.paper-intro,.steps li,.form-status,.draw-caption,.demo-note,.poster-link,.guide-tip,.deposit-table>div:first-child,.deposit-table+small{color:#5e384a}.steps li.current{color:#743154}.steps b{border-color:#79515f}.steps li.current b{color:#fff1d6;background:#743154;border-color:#743154}.rules-list strong{color:#75304f}.deposit-table strong{color:#75364f}.form-status.success{color:#354c2b}.form-status.error{color:#79253c}.code-entry input::placeholder{color:#795566}.receipt-bottom{color:#75515f}.receipt-demo{color:#69394e}
@media(max-width:760px){.machine-whisper{top:auto;bottom:-17px;left:0}.paper-wrap{margin-top:38px}}
.pumpkin-rewards{border-top:1px solid #ae789743;border-bottom:1px solid #ae789743;padding:30px 0 24px;margin-top:34px}.pumpkin-rewards .pumpkin-note{max-width:none;border:0;padding:0 0 26px;gap:20px}.pumpkin-rewards .pumpkin-note>svg{width:65px;height:62px;transform:none}.pumpkin-rewards .pumpkin-note p{margin-bottom:0}.physical-gifts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.physical-gift{margin:0;min-width:0;text-align:center}.gift-photo{padding:7px;background:#ead4be;border-radius:12px;box-shadow:0 10px 22px #140a2038}.gift-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fffaf4;border-radius:7px}.physical-gift figcaption{padding-top:14px}.gift-level{display:inline-block;font-size:11px;line-height:1.5;color:#ffdc9b;letter-spacing:1px}.physical-gift h4{margin:5px 0 0;font:20px/1.4 var(--display);color:#f3d9e6}.gift-vouchers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:31px}.gift-voucher{position:relative;isolation:isolate;display:grid;grid-template-columns:75% 25%;min-height:188px;color:#6a3956;filter:drop-shadow(0 10px 17px #14091f38)}.voucher-paper{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible}.voucher-paper>path:first-child{fill:#f6dfb2;stroke:#b97898;stroke-width:2}.friend-voucher .voucher-paper>path:first-child{fill:#efd3e9;stroke:#b385c1}.voucher-perforation{fill:none;stroke:#b07993;stroke-width:1.5;stroke-dasharray:7 7}.voucher-main{padding:20px 24px;min-width:0;display:flex;flex-direction:column;justify-content:center}.voucher-brand{font:11px/1.6 var(--display);letter-spacing:2px;color:#71405c}.voucher-main h4{display:flex;align-items:baseline;gap:13px;margin:10px 0 3px;font:30px/1 var(--display);color:#913e70}.voucher-main h4 strong{font:60px/.95 var(--display);font-weight:400;letter-spacing:2px}.voucher-main .friend-voucher-title{font-size:43px;letter-spacing:6px;line-height:1.2}.voucher-main p{font-size:11px;line-height:1.7;margin:9px 0 0;color:#6a3956}.voucher-stub{padding:15px 5px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.voucher-stub>svg{width:35px;height:35px}.voucher-stub b{font:18px/1.4 var(--display);font-weight:400;letter-spacing:1px}.voucher-stub>span{font-size:10px;color:#71405c;letter-spacing:1px}.pumpkin-rewards-note{font-size:11px;line-height:1.8;text-align:center;color:#d6b4ce;margin:24px 0 0}
@media(max-width:1050px){.physical-gifts{gap:17px}.physical-gift h4{font-size:17px}.voucher-main{padding:20px}.voucher-main h4 strong{font-size:53px}.voucher-main .friend-voucher-title{font-size:37px}.voucher-brand{font-size:10px;letter-spacing:1px}}
@media(max-width:760px){.pumpkin-rewards{padding:25px 0 22px;margin-top:28px}.pumpkin-rewards .pumpkin-note{padding-bottom:23px;gap:13px}.pumpkin-rewards .pumpkin-note>svg{width:55px;height:54px;margin-top:1px}.pumpkin-rewards .pumpkin-note p{font-size:11px;line-height:1.8}.physical-gifts{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 15px}.gift-photo{padding:5px;border-radius:10px}.gift-photo img{border-radius:6px}.physical-gift figcaption{padding-top:10px}.gift-level{font-size:10px;letter-spacing:.5px}.physical-gift h4{font-size:18px;margin-top:3px}.gift-vouchers{gap:14px;margin-top:28px}.gift-voucher{display:flex;flex-direction:column;min-height:202px}.voucher-paper{display:none}.gift-voucher{background:#f6dfb2;clip-path:polygon(5% 0,95% 0,100% 4%,100% 71%,96% 74%,100% 77%,100% 96%,95% 100%,5% 100%,0 96%,0 77%,4% 74%,0 71%,0 4%);filter:drop-shadow(0 7px 12px #14091f38)}.friend-voucher{background:#efd3e9}.voucher-main{flex:1;padding:17px 10px 13px;text-align:center;align-items:center}.voucher-brand{font-size:9px;letter-spacing:0;line-height:1.7}.voucher-main h4{gap:6px;font-size:25px;margin:13px 0 2px;flex-wrap:wrap;justify-content:center}.voucher-main h4 strong{font-size:44px;letter-spacing:0}.voucher-main .friend-voucher-title{font-size:29px;letter-spacing:2px;min-height:43px;align-items:center}.voucher-main p{font-size:10px;line-height:1.7;margin-top:8px}.voucher-stub{border-top:1px dashed #b07993;margin:0 8px;padding:10px 3px 11px;flex-direction:row;gap:6px}.voucher-stub>svg{width:22px;height:22px;flex-shrink:0}.voucher-stub b{font-size:13px;line-height:1.5;letter-spacing:0}.voucher-stub b br{display:none}.voucher-stub>span{display:none}.pumpkin-rewards-note{font-size:10px;line-height:1.9;margin-top:20px}}
@media(max-width:360px){.physical-gift h4{font-size:16px}.voucher-brand{font-size:8px}.voucher-main{padding-inline:8px}.voucher-main h4 strong{font-size:38px}.voucher-main h4{font-size:23px}.voucher-main .friend-voucher-title{font-size:27px}.voucher-main p{font-size:9px}.voucher-stub b{font-size:12px}}
.share-thumbnail{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);pointer-events:none}.share-thumbnail img{width:600px;height:600px}.brand-logo{display:block;width:43px;height:43px;object-fit:cover;border-radius:11px}.music-control{position:relative;display:flex;align-items:center;gap:4px}.music-hint{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;padding:4px 8px;background:#f4d9ae;color:#63374e;border-radius:5px;box-shadow:0 5px 14px #13091d44;z-index:6}.icon-button[data-state=playing]{background:#795080;color:#ffe3a7;box-shadow:0 0 0 3px #a4779433}.mobile-nav{display:none}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.volume-playback{display:none}.volume-control{position:relative}.volume-control summary{list-style:none;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation;display:flex;align-items:center;justify-content:center;gap:3px;min-width:48px;min-height:44px;color:#f4d9ae;font-size:11px;cursor:pointer;font-variant-numeric:tabular-nums}.volume-control summary::-webkit-details-marker{display:none}.volume-control summary>svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5}.volume-control summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.volume-panel{position:absolute;right:0;top:calc(100% + 9px);width:230px;padding:18px 20px 12px;background:#39213e;border-radius:12px;box-shadow:0 12px 28px #12081988;z-index:7}.volume-panel-header{display:flex;align-items:center;gap:8px}.volume-panel-header label{flex:1;gap:8px}.volume-panel label{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#f7e4d5}.volume-panel output{color:#ffdf9c;font-variant-numeric:tabular-nums}.volume-panel input{display:block;width:100%;height:44px;margin:5px 0 0;accent-color:#eda4c7;cursor:pointer;touch-action:pan-y}.volume-panel p{margin:0;color:#d9aec7;font-size:10px}
@media(max-width:760px){body{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}.brand-logo{width:36px;height:36px;border-radius:9px}.header-actions{gap:10px}.icon-button{width:38px;height:38px;padding:9px}.history-button{min-height:42px}.history-button>svg{width:23px;height:23px}.code-entry input{font-size:16px;line-height:1.4}.code-entry button{min-width:62px;font-size:14px}.mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:25;min-height:65px;padding:6px max(8px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));background:#301b39f7;border-top:1px solid #b67e9d80;box-shadow:0 -8px 28px #160c252e}.mobile-nav a,.mobile-nav button{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-width:0;min-height:49px;color:#e0bcd3;font:11px/1.4 'Microsoft YaHei','PingFang SC',sans-serif;border-radius:8px;padding:3px 1px}.mobile-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mobile-nav [aria-current=location]{color:#ffe0a0;background:#9e618d24}.mobile-nav a:active,.mobile-nav button:active{background:#a16b8b33}.mobile-nav b{position:absolute;top:1px;right:calc(50% - 22px);font-size:9px;font-weight:400;min-width:16px;height:16px;line-height:16px;background:#a24b7a;color:#fff1db;border-radius:50%;padding:0 3px}body.typing .mobile-nav,body:has(dialog[open]) .mobile-nav{visibility:hidden;pointer-events:none}.toast{bottom:calc(88px + env(safe-area-inset-bottom,0px))}dialog{max-height:90vh;max-height:90dvh}.result-dialog{padding-bottom:25px}.saved-dialog{padding-bottom:27px}.receipt-actions .primary-button,.receipt-actions .outline-button{min-height:44px}.music-hint{font-size:9px;top:calc(100% + 5px)}footer{padding-bottom:28px}}
@media(max-width:360px){.brand>span{font-size:18px}.brand small{font-size:7px}.header-actions{gap:6px}.brand-logo{width:32px;height:32px}.brand{gap:8px}.history-button>span{font-size:9px}.history-button>svg{width:20px;height:20px}.icon-button{width:35px;height:35px;padding:8px}.mobile-nav a,.mobile-nav button{font-size:10px}}
@media(max-width:760px){html{scroll-padding-top:calc(90px + env(safe-area-inset-top,0px))}body{padding-top:calc(74px + env(safe-area-inset-top,0px))}.topbar{position:fixed;inset:0 0 auto;max-width:none;height:calc(74px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));background:#26142ff7;box-shadow:0 5px 20px #12081944;z-index:40}.brand{gap:8px}.brand>span{font-size:20px}.brand-logo{width:32px;height:32px}.header-actions{gap:7px}.music-control{gap:1px}.icon-button{width:44px;height:44px;padding:11px;flex-shrink:0}.history-button{min-width:44px;min-height:44px}.volume-panel{right:-45px}.volume-panel input{font-size:16px}.volume-control{position:static}.volume-control summary{display:none}.volume-panel{width:196px;padding:6px 12px 4px;border-radius:10px}.volume-panel label{font-size:11px}.volume-panel input{margin-top:0}.volume-panel p{display:none}.volume-playback{display:block;flex-shrink:0;width:44px;min-height:44px;border-radius:6px;color:#ffe0a0;font-size:11px}.volume-playback:active{background:#795080}}
@media(max-width:380px){.brand>span{font-size:18px}.brand small{font-size:7px;letter-spacing:.5px}.brand-logo{width:28px;height:28px}.history-button>span{display:none}.header-actions{gap:3px}.volume-control summary{min-width:44px}}
#soundBtn>svg{transform-origin:center;animation:music-turn 6s linear infinite;animation-play-state:paused}#soundBtn[data-state=playing]>svg{animation-play-state:running}@keyframes music-turn{to{transform:rotate(360deg)}}.test-mode-note{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px 10px;font-size:11px;color:#75304f;margin:4px 0 10px}.test-mode-note button{font-size:11px;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:4px 0;color:#75304f}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.loader{display:none}.machine-aura{opacity:.4}.confetti{display:none}#fireflies{display:none}}