:root{color:#f7f4e9;background:#050a19;font-family:Inter,Noto Sans TC,PingFang TC,system-ui,sans-serif;font-synthesis:none;color-scheme:dark;--night: #050a19;--night-soft: #0b1630;--moon-white: #fffaf0;--champagne: #e7d09b;--gold: #d4ad62;--muted: #aaaec0}*{box-sizing:border-box}html{min-width:320px;background:var(--night)}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}a{-webkit-tap-highlight-color:transparent}.member-app{position:relative;min-height:100vh;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 76% 5%,rgba(225,211,174,.15),transparent 19rem),radial-gradient(circle at 14% 30%,rgba(53,82,132,.14),transparent 24rem),linear-gradient(168deg,#09142c,#071024 38%,#040817)}.member-app:before{content:"";position:fixed;z-index:0;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(1,4,13,.42))}.star-field{position:fixed;z-index:0;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:radial-gradient(circle,rgba(255,247,220,.75) 0 1px,transparent 1.4px),radial-gradient(circle,rgba(218,195,142,.48) 0 .8px,transparent 1.2px),radial-gradient(circle,rgba(211,225,255,.42) 0 .7px,transparent 1.1px);background-position:8% 13%,68% 21%,31% 44%;background-size:173px 191px,229px 263px,317px 289px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.75) 55%,transparent 92%);mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.75) 55%,transparent 92%)}.ambient{position:fixed;z-index:0;border-radius:50%;pointer-events:none}.moon-one{top:-7rem;right:-8rem;width:20rem;height:20rem;border:1px solid rgba(255,250,230,.26);opacity:.38;background:radial-gradient(circle at 34% 31%,rgba(199,185,147,.18) 0 5%,transparent 6%),radial-gradient(circle at 63% 58%,rgba(173,157,121,.13) 0 9%,transparent 10%),radial-gradient(circle at 43% 70%,rgba(189,174,139,.12) 0 6%,transparent 7%),radial-gradient(circle at 42% 36%,#fffdf4,#e6d8b6 66%,#c5aa70);box-shadow:0 0 4rem #f2dca53d,0 0 10rem #d3b36f29}.moon-two{bottom:-15rem;left:-14rem;width:24rem;height:24rem;border:1px solid rgba(213,181,110,.16);opacity:.36;box-shadow:0 0 7rem #6d8bc021}.cloud{position:fixed;z-index:0;width:35rem;height:6rem;border-radius:50%;pointer-events:none;opacity:.1;filter:blur(18px);background:radial-gradient(ellipse,#dbe5ef 0%,rgba(168,188,214,.45) 43%,transparent 72%);will-change:transform}.cloud-one{top:20%;left:-19rem;animation:cloud-drift 32s ease-in-out infinite alternate}.cloud-two{top:53%;right:-22rem;opacity:.07;animation:cloud-drift-reverse 39s ease-in-out infinite alternate}.page-content{position:relative;z-index:2;transition:filter .3s ease,opacity .3s ease}.locked .page-content{filter:blur(3px);opacity:.42;pointer-events:none;-webkit-user-select:none;user-select:none}.member-header{display:flex;align-items:center;justify-content:center;width:min(calc(100% - 24px),640px);margin:0 auto;padding:1.25rem 0 .75rem}.brand{display:flex;align-items:center;gap:.72rem}.brand-moon{display:grid;place-items:center;width:2.65rem;height:2.65rem;border:1px solid rgba(255,249,225,.68);border-radius:50%;color:#27314b;background:radial-gradient(circle at 35% 30%,#fffdf3,#e8d5a5 68%,#c6a55e);box-shadow:0 0 1.8rem #e7d09b47,inset 0 0 .7rem #ffffffa6;font-family:"Noto Serif TC",serif;font-weight:900}.brand strong,.brand small{display:block}.brand strong{color:var(--moon-white);font-size:1rem;letter-spacing:.08em}.brand small{margin-top:.15rem;color:#8f9ab3;font-size:.54rem;letter-spacing:.2em}.member-app main{display:flex;flex-direction:column;gap:1.15rem;width:min(calc(100% - 24px),640px);margin:.5rem auto 0}.hero-copy{padding:1.15rem .35rem .7rem;text-align:center}.eyebrow{margin:0 0 .5rem;color:#d6bd82;font-size:.66rem;font-weight:800;letter-spacing:.22em}.hero-copy h1{margin:0;color:var(--moon-white);font-family:"Noto Serif TC",Songti TC,serif;font-size:clamp(2rem,9vw,3.45rem);font-weight:700;line-height:1.24;letter-spacing:.055em;text-shadow:0 .12rem 1.8rem rgba(218,203,166,.12)}.hero-copy>p:last-child{margin:.85rem 0 0;color:#aeb4c7;font-size:.88rem;line-height:1.65}.member-overview{display:grid;gap:.3rem;width:100%;padding:.82rem 1rem;border:1px solid rgba(222,201,151,.16);border-radius:1rem;background:linear-gradient(135deg,#fff1,#ffffff06);box-shadow:inset 0 1px #ffffff0a;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.member-overview span{color:#969fb6;font-size:.7rem;letter-spacing:.08em}.member-overview strong{color:var(--champagne);font-size:1rem;letter-spacing:.09em}.game-card,.history-card,.support-card{min-width:0;border:1px solid rgba(222,201,151,.16);border-radius:1.55rem;background:linear-gradient(145deg,#ffffff13,#ffffff05),#050c1d8c;box-shadow:0 1.6rem 4.5rem #00020d52,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.game-card{position:relative;padding:1rem .45rem 1.35rem;overflow:hidden;text-align:center}.game-card:before{content:"";position:absolute;inset:0 10% auto;height:1px;background:linear-gradient(90deg,transparent,rgba(244,225,180,.44),transparent)}.ticket-summary{position:relative;z-index:3;display:flex;align-items:baseline;justify-content:center;gap:.42rem;min-height:2.6rem;color:#aeb5c7;font-size:.82rem}.ticket-count{display:inline-block;color:#eed79f;font-family:"Noto Serif TC",serif;font-size:2rem;line-height:1;text-shadow:0 0 1rem rgba(224,190,112,.2);animation:count-settle .34s ease-out}.wheel-stage{--wheel-size: min(88vw, 520px);--wheel-label-offset: min(36vw, 210px);position:relative;display:grid;place-items:center;width:var(--wheel-size);aspect-ratio:1 / 1;margin:.7rem auto 1.15rem}.wheel-aura{position:absolute;top:3%;right:3%;bottom:3%;left:3%;border-radius:50%;background:#dabb7314;box-shadow:0 0 2.5rem #dcb96930,0 0 6rem #6286bf21;animation:aura-breathe 4.6s ease-in-out infinite}.wheel-pointer{position:absolute;z-index:7;top:-7px;left:50%;width:42px;height:57px;transform:translate(-50%);transform-origin:50% 11px;filter:drop-shadow(0 7px 8px rgba(0,0,0,.42))}.wheel-pointer:before{content:"";position:absolute;top:10px;left:8px;width:26px;height:40px;clip-path:polygon(50% 100%,2% 5%,98% 5%);background:linear-gradient(90deg,#9a7132,#f5e4b3 48%,#c39442 76%,#7a5423);box-shadow:inset 1px 0 #ffffff8c}.wheel-pointer:after{content:"";position:absolute;top:0;left:11px;width:20px;height:20px;border:2px solid #f1daa4;border-radius:50%;background:radial-gradient(circle at 36% 30%,#fff4cb,#d2a554 60%,#805723);box-shadow:inset 0 1px 3px #fff9}.wheel{position:relative;z-index:2;width:100%;aspect-ratio:1 / 1;border:clamp(6px,2vw,10px) solid transparent;border-radius:50%;background:repeating-conic-gradient(from -15deg,#102544,#102544 30deg,#1b3657 30deg,#1b3657 60deg) padding-box,linear-gradient(135deg,#fff0c2,#b98a42 24%,#f2d99e 50%,#85602d,#e1c27d) border-box;box-shadow:0 0 0 3px #5a3f1bc7,0 0 0 5px #e6cb8f3d,0 1.4rem 3.4rem #0000006b,0 0 3rem #cbad6826,inset 0 0 4rem #00041270;will-change:transform}.wheel:before{content:"";position:absolute;top:2.3%;right:2.3%;bottom:2.3%;left:2.3%;border:1px solid rgba(255,244,214,.26);border-radius:50%;background:repeating-conic-gradient(from -15deg,transparent 0deg 29.65deg,rgba(238,215,165,.42) 29.75deg 30deg);pointer-events:none}.wheel:after{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;border:1px solid rgba(226,205,159,.16);border-radius:50%;pointer-events:none}.wheel.spinning{filter:saturate(1.08) brightness(1.06)}.wheel-label{position:absolute;z-index:3;top:50%;left:calc(50% - 2rem);width:4rem;margin-top:-.62rem;color:#fff8e7;font-size:clamp(.7rem,2.65vw,1rem);font-weight:850;letter-spacing:.015em;text-shadow:0 1px 4px rgba(0,3,15,.75),0 0 .8rem rgba(228,204,149,.2)}.wheel-center{position:absolute;z-index:5;inset:50% auto auto 50%;display:grid;place-items:center;width:clamp(4.75rem,16vw,6.4rem);height:clamp(4.75rem,16vw,6.4rem);translate:-50% -50%;overflow:hidden;border:clamp(3px,.8vw,5px) solid #e9cf91;border-radius:50%;color:#1b2941;background:radial-gradient(circle at 36% 28%,#fffdf4,#ead8aa 48%,#b98a42);box-shadow:0 .6rem 1.4rem #00030f85,inset 0 0 1rem #ffffff85,0 0 0 2px #785526}.wheel-center span{align-self:end;font-family:Georgia,serif;font-size:1.25rem;font-weight:900;letter-spacing:.06em}.wheel-center small{align-self:start;font-size:.49rem;font-weight:900;letter-spacing:.2em}.wheel-center i{position:absolute;top:-15%;left:-65%;width:38%;height:130%;rotate:28deg;background:#ffffff61;filter:blur(3px);animation:center-glint 5.8s ease-in-out infinite}.draw-button,.modal-primary{position:relative;width:min(100%,22rem);min-height:3.15rem;overflow:hidden;border:1px solid rgba(255,250,226,.56);border-radius:999px;padding:.9rem 1.25rem;color:#17243b;background:linear-gradient(110deg,#fff9e8,#e7ce96 48%,#c99b50);box-shadow:0 .8rem 2rem #92662633,inset 0 1px #ffffffb8;font-weight:900;letter-spacing:.08em;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.draw-button:after,.modal-primary:after{content:"";position:absolute;inset:-50% auto -50% -30%;width:22%;rotate:18deg;background:#ffffff7a;filter:blur(6px);animation:button-shimmer 4s ease-in-out infinite}.draw-button:hover:not(:disabled),.modal-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 1rem 2.3rem #aa792d42,inset 0 1px #fffc}.draw-button:active:not(:disabled),.modal-primary:active:not(:disabled){transform:translateY(1px) scale(.995)}.draw-button:focus-visible,.modal-primary:focus-visible,.redeem-button:focus-visible,.section-heading button:focus-visible,.modal-close:focus-visible,.support-card a:focus-visible,.line-contact:focus-visible{outline:2px solid #f2d99e;outline-offset:3px}.draw-button:disabled{opacity:.52;box-shadow:none}.redeem-button{display:block;min-height:2.75rem;margin:.65rem auto 0;border:0;padding:.55rem 1rem;color:#d8c38f;background:transparent;font-size:.84rem;font-weight:750;letter-spacing:.025em}.redeem-button:hover{color:#fff0c8}.action-error,.modal-error{color:#ffbdc2;font-size:.82rem;line-height:1.5}.history-card{padding:1.15rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.section-heading h2,.support-card h2{margin:0;color:#f8f3e8;font-family:"Noto Serif TC",serif;font-size:1.25rem;letter-spacing:.05em}.section-heading button{flex:0 0 auto;min-height:2.35rem;border:1px solid rgba(222,201,151,.22);border-radius:999px;padding:.45rem .72rem;color:#c6cad6;background:#ffffff0b;font-size:.72rem}.empty-history{padding:2.2rem .5rem;color:#9199ad;text-align:center}.empty-history span{display:block;font-size:1.85rem;filter:grayscale(.2)}.empty-history p{margin:.55rem 0 0;font-size:.82rem;line-height:1.55}.history-list{display:grid;gap:.65rem;margin-top:1rem}.history-list article{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0;padding:.88rem;border:1px solid rgba(255,255,255,.035);border-radius:.95rem;background:linear-gradient(115deg,#091329c7,#0d19317a)}.history-list article>div{min-width:0}.history-list strong,.history-list time{display:block}.history-list strong{overflow:hidden;color:#ead29b;text-overflow:ellipsis;white-space:nowrap}.history-list time{margin-top:.3rem;color:#8892aa;font-size:.7rem}.history-list>article>span{flex:0 0 auto;border:1px solid currentColor;border-radius:999px;padding:.3rem .58rem;font-size:.68rem;font-weight:800}.history-list .pending{color:#e1b95f;background:#d5a5411a}.history-list .paid{color:#84dab0;background:#4db8841a}.support-card{padding:1.15rem;text-align:center}.support-card>p:not(.eyebrow){margin:.7rem 0 .4rem;color:#a6adbf;font-size:.84rem;line-height:1.55}.support-card a,.line-contact{color:#a6ddb9;font-weight:800;text-decoration:none}.support-card a{display:inline-block;min-height:2.5rem;padding:.55rem}.member-app footer{padding:1.65rem 1rem 2.25rem;color:#69738b;text-align:center;font-size:.67rem;letter-spacing:.02em}.modal-layer{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow-y:auto;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:#02071380;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-card{position:relative;width:min(100%,25rem);max-height:calc(100dvh - 2rem);overflow:auto;border:1px solid rgba(234,208,148,.35);border-radius:1.5rem;padding:1.55rem;color:#f8f4ea;outline:none;background:linear-gradient(155deg,rgba(255,255,255,.075),transparent 42%),#071126e8;box-shadow:0 2rem 7rem #0000009e,0 0 3.5rem #d3b46e1a,inset 0 1px #ffffff0f;text-align:center;-webkit-backdrop-filter:blur(24px) saturate(1.15);backdrop-filter:blur(24px) saturate(1.15);animation:modal-enter .36s cubic-bezier(.2,.8,.2,1) both}.modal-glint{position:absolute;inset:0 12% auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,243,210,.64),transparent)}.modal-card h2{margin:.3rem 0 .58rem;color:var(--moon-white);font-family:"Noto Serif TC",serif;font-size:1.45rem;letter-spacing:.04em}.modal-card>p{color:#b5bac9;font-size:.84rem;line-height:1.7}.modal-close{position:absolute;z-index:2;top:.65rem;right:.7rem;display:grid;place-items:center;width:2.5rem;height:2.5rem;border:0;border-radius:50%;color:#bfc3ce;background:#ffffff06;font-size:1.55rem}.modal-moon{width:4rem;height:4rem;margin:0 auto 1rem;font-size:2.7rem;line-height:4rem;filter:drop-shadow(0 0 1.2rem rgba(224,200,143,.3))}.code-form input{width:100%;min-height:3.25rem;margin:1rem 0 .75rem;border:1px solid rgba(224,201,148,.27);border-radius:.85rem;padding:.9rem .7rem;color:#fffaf0;outline:0;background:#0107148c;box-shadow:inset 0 1px .6rem #0003;text-align:center;letter-spacing:.1em;text-transform:uppercase}.code-form input::placeholder{color:#6f7890;opacity:1}.code-form input:focus{border-color:#e4c985;box-shadow:0 0 0 3px #e4c9851c,inset 0 1px .6rem #0003}.modal-primary{margin-top:.45rem}.prize-modal{overflow:hidden;padding-top:1.8rem}.result-moon{display:grid;place-items:center;width:5.5rem;height:5.5rem;margin:.15rem auto .9rem;border:1px solid rgba(255,249,225,.62);border-radius:50%;color:#46516a;background:radial-gradient(circle at 35% 30%,#fffef7,#e9d8ad 69%,#bd9854);box-shadow:0 0 2.2rem #e8d09759,inset 0 0 1rem #ffffff8c;font-family:"Noto Serif TC",serif;font-size:1.45rem;font-weight:900;animation:result-moon-rise .7s cubic-bezier(.2,.8,.2,1) both}.prize-result{margin:.9rem 0 1rem;color:#f2d89b;font-family:"Noto Serif TC",serif;font-size:clamp(2.2rem,10vw,3.15rem);font-weight:900;letter-spacing:.025em;text-shadow:0 0 1.7rem rgba(222,184,99,.25)}.prize-radiant .result-moon{box-shadow:0 0 3.2rem #ffe8ae9e,0 0 6rem #b7cdf438,inset 0 0 1rem #fff}.prize-grand .result-moon{animation:grand-moon-rise .9s cubic-bezier(.17,.85,.24,1) both;box-shadow:0 0 3.8rem #ffedbcdb,0 0 8rem #d0deff57,inset 0 0 1.2rem #fff}.prize-grand .prize-result{color:#fff1bd;text-shadow:0 0 2.3rem rgba(237,200,113,.58)}.line-contact{display:block;min-height:2.7rem;margin:.2rem 0 .65rem;padding:.55rem}.no-tickets{margin:1rem 0 0;color:#dfc47f!important;font-weight:800}.closed-mark{display:grid;place-items:center;width:4.2rem;height:4.2rem;margin:0 auto 1rem;border-radius:50%;color:#39445c;background:#e8d6a8;font-size:1.5rem;font-weight:900;box-shadow:0 0 2rem #e8d6a838}.loading-text{margin:0;color:#d9c48f!important}.celebration-layer{position:fixed;z-index:15;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.celebration-moon{position:absolute;top:50%;left:50%;width:min(78vw,34rem);aspect-ratio:1;translate:-50% -50%;border-radius:50%;opacity:.14;background:#fff5d6;box-shadow:0 0 6rem #ffe6a84d,0 0 13rem #bfd4fa2e;animation:celebration-glow 1.5s ease-out both}.celebration-radiant .celebration-moon{opacity:.32}.celebration-grand .celebration-moon{opacity:.48;animation:grand-flash 1.3s ease-out both}.celebration-particles i,.celebration-ribbons i{position:absolute;display:block;pointer-events:none}.celebration-particles i{top:68%;left:var(--particle-x);width:var(--particle-size);height:var(--particle-size);border-radius:50%;opacity:0;background:#f0cd75;box-shadow:0 0 .7rem #f3d998;animation:particle-rise 1.8s var(--particle-delay) cubic-bezier(.13,.64,.25,1) both}.celebration-soft .celebration-particles i{animation-duration:1.15s}.celebration-radiant .celebration-particles i,.celebration-grand .celebration-particles i{box-shadow:0 0 1rem #fff0bc}.celebration-ribbons i{top:45%;left:var(--ribbon-x);width:5px;height:35px;border-radius:4px;opacity:0;background:linear-gradient(#fff0bb,#bc8435);rotate:var(--ribbon-rotate);animation:ribbon-fall 2.2s var(--ribbon-delay) cubic-bezier(.17,.72,.28,1) both}@keyframes cloud-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(28vw,1rem,0) scale(1.08)}}@keyframes cloud-drift-reverse{0%{transform:translateZ(0)}to{transform:translate3d(-25vw,-1rem,0)}}@keyframes aura-breathe{0%,to{opacity:.6;scale:.98}50%{opacity:1;scale:1.035}}@keyframes center-glint{0%,65%{left:-65%}86%,to{left:135%}}@keyframes button-shimmer{0%,62%{left:-30%}82%,to{left:125%}}@keyframes count-settle{0%{opacity:.25;transform:translateY(-.28rem) scale(.92)}to{opacity:1;transform:none}}@keyframes modal-enter{0%{opacity:0;transform:translateY(.8rem) scale(.97)}to{opacity:1;transform:none}}@keyframes result-moon-rise{0%{opacity:.2;transform:scale(.75)}70%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes grand-moon-rise{0%{opacity:0;transform:scale(.55);filter:brightness(3)}55%{opacity:1;transform:scale(1.16);filter:brightness(1.8)}to{transform:scale(1);filter:none}}@keyframes celebration-glow{0%{opacity:0;scale:.35}55%{opacity:.26}to{scale:1}}@keyframes grand-flash{0%{opacity:0;scale:.22;filter:brightness(3)}42%{opacity:.72;filter:brightness(1.8)}to{opacity:.48;scale:1;filter:none}}@keyframes particle-rise{0%{opacity:0;transform:translate3d(-50%,0,0) scale(.25)}14%{opacity:1}to{opacity:0;transform:translate3d(calc(-50% + var(--particle-drift)),-48vh,0) scale(.8)}}@keyframes ribbon-fall{0%{opacity:0;transform:translate3d(0,-22vh,0) rotate(0)}18%{opacity:1}to{opacity:0;transform:translate3d(22px,45vh,0) rotate(420deg)}}@media(max-width:380px){.member-app main,.member-header{width:calc(100% - 24px)}.game-card{padding-right:.4rem;padding-left:.4rem}.wheel-label{left:calc(50% - 1.7rem);width:3.4rem;font-size:.68rem}.section-heading{align-items:flex-start}.hero-copy h1{font-size:2rem}}@media(min-width:760px){.member-app main{gap:1.5rem;margin-top:1rem}.member-header{padding-top:1.6rem}.hero-copy{padding:1.7rem 1rem 1rem}.game-card{padding:1.3rem 2rem 1.65rem}.history-card,.support-card{padding:1.45rem}.moon-one{top:-5rem;right:max(calc((100vw - 900px)/2),-2rem)}}@supports not (backdrop-filter: blur(1px)){.member-overview,.game-card,.history-card,.support-card{background:#081227f0}.modal-card{background:#071126fa}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.cloud,.wheel-aura,.wheel-center i,.draw-button:after,.modal-primary:after,.ticket-count,.modal-card,.result-moon,.celebration-moon,.celebration-particles i,.celebration-ribbons i{animation:none!important}.draw-button,.modal-primary,.page-content{transition:none}.celebration-moon{opacity:.2;scale:1}.celebration-particles i{top:auto;bottom:14%;opacity:.32}.celebration-ribbons i{opacity:.2}}