@charset "UTF-8";
/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
*,::before,::after{box-sizing:border-box;}html{font-family:var(--font-family-base),system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;font-size:16px;}body{margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;font-size:1rem;}b,strong{font-weight:bolder;}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-.25em;}sup{top:-.5em;}table{border-color:currentcolor;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;}legend{padding:0;}progress{vertical-align:baseline;}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto;}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}summary{display:list-item;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}.coverLink{position:absolute;inset:0;}.hidden{display:none!important;}img{max-width:100%;height:auto;display:inline-block;}button{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background-color:transparent;border-color:transparent;padding:0;cursor:pointer;line-height:1;}button:focus{outline:0;}button img{pointer-events:none;}.scrollContainer{position:relative;width:100%;height:var(--scrollContainerHeight,100%);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--color-primary-yellow) #fff;overscroll-behavior:none;scroll-behavior:smooth;padding-inline:var(--scrollContainerPaddingInline,0 1rem);}.scrollContainer::-webkit-scrollbar-track{background:#fff;}.scrollContainer::-webkit-scrollbar-thumb{background-color:var(--color-primary-yellow);border-radius:6px;border:3px solid #fff;}.scrollContainer::-webkit-scrollbar{width:8px;}.font-numeric{font-family:"Nunito",var(--font-family-base);font-optical-sizing:auto;font-style:normal;color:var(--fontNumericColor,var(--color-primary-brown));letter-spacing:1px;text-align:var(--fontNumericTextAlign,center);}:root{--font-family-base:"Noto Sans TC","PingFang TC","SF Pro TC","微軟正黑體","Microsoft JhengHei";--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--s4-size:.25rem;--s8-size:.5rem;--s10-size:.625rem;--s12-size:.75rem;--s14-size:.875rem;--m-size:1rem;--l18-size:1.125rem;--l20-size:1.25rem;--l24-size:1.5rem;--color-primary-red:145,10,45;--color-secondary-red:88,8,29;--color-tertiary-red:146,0,12;--color-primary-golden:255,202,146;--color-secondary-golden:240,216,157;--color-linear-gradient-golden:linear-gradient(-78deg,rgba(var(--color-primary-golden),1) 0%,rgba(134,69,0,1) 51%,rgba(var(--color-primary-golden),1) 100%);--color-linear-gradient-white:linear-gradient(115deg,rgba(255,255,255,.7) -5%,rgba(255,255,255,.35) 33%,rgba(255,255,255,.15) 69%,rgba(255,255,255,.1) 100%);--loading-bg:url("../images/loading-bg.png");--opening-bg:url("../images/index-bg.png");--gaming-bg:url("../images/startBg.png");}.card{background:var(--color-linear-gradient-golden);position:relative;border-radius:var(--card-border-radius,30px);overflow:hidden;padding:var(--card-padding,var(--l24-size));isolation:isolate;color:#fff;filter:drop-shadow(0 0 var(--card-drop-shadow,16px) #ffca92);place-content:center;text-align:center;transition:filter .3s linear;}.card:before{content:"";position:absolute;inset:var(--border-width,1px);margin:auto;background:var(--cardBg,var(--color-linear-gradient-white) rgb(var(--color-tertiary-red)));display:block;border-radius:inherit;z-index:-1;}.card>*+*{margin-block-start:var(--card-gap,.5rem);}.card h4{font-size:var(--l20-size);padding-block:var(--s14-size);font-weight:400;}.card h4 b{margin-block-start:1rem;}.card i{padding-block-start:var(--i-padding-block-start,0);width:var(--i-width,31.25%);aspect-ratio:1/1;text-align:center;}.card h3{font-weight:var(--h3-font-weight,700);font-size:var(--h3-font-size,2.5em);color:#ffefe9;text-shadow:var(--h3-text-shadow,0 0 16px rgba(255,164,68,.8));--card-gap:var(--s10-size);padding-block-end:var(--h3-padding-block-end,.8rem);}.card>p{border-block-start:rgba(255,255,255,.3) solid var(--p-border-width,1px);padding-block-start:var(--p-padding-block-start,1rem);margin-block-end:var(--p-margin-block-end,0);text-align:center;font-weight:var(--p-font-weight,300);font-size:var(--p-font-size,var(--s14-size));line-height:var(--p-line-height,1.5);width:100%;}.card.resultCard{--i-padding-block-start:var(--s14-size);--i-display:block;}.card.tile{--card-border-radius:8px;--card-padding:var(--s8-size);--card-drop-shadow:0;--card-gap:0;--i-padding-block-start:0;--i-width:59.2592592593%;--p-padding-block-start:0;--p-margin:0;--p-border-width:0;--p-line-height:1;aspect-ratio:1/1;margin:0;opacity:var(--opacity,1);}.gradient-line{width:var(--gradient-line-width,70%);height:var(--gradient-line-height,.0625rem);background:linear-gradient(to right,rgba(255,202,146,0) 0%,#ffca92 51%,rgba(255,202,146,0) 100%);filter:drop-shadow(0 0 16px #ffca92);display:var(--gradient-line-display,block);margin-inline:auto;}.head{color:#fff;display:var(--head-display,inline-grid);gap:var(--s12-size);place-items:center;width:100%;--gradient-line-width:35%;}.head i{width:var(--headLog-width,19.0909090909%);max-width:12.5rem;}.head h1{font-size:var(--l20-size);}.head p{opacity:.5;margin-block:0;font-size:var(--s14-size);font-weight:300;display:var(--head-p-display,block);}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--s8-size) var(--m-size);border-radius:var(--border-radius,30px);border:solid 1px var(--border-color,#fff);color:var(--btn-color,#fff);font-size:var(--btn-font-size,1rem);gap:var(--btn-gap,.25rem);}.btn i{width:1.8rem;padding:var(--i-padding,0);place-content:center;}.btn.filled{--border-color:rgb(var(--color-primary-golden));background:rgb(var(--color-primary-red));}.form{width:var(--form-width,100%);margin-inline:auto;text-align:center;}.form>*+*{margin-block-start:var(--form-gap,1rem);}.form input{padding:var(--input-padding,.5rem);border:2px solid var(--input-border-color,rgb(var(--color-primary-golden)));border-radius:var(--input-border-radius,4px);font-size:var(--l18-size);width:100%;position:relative;color:#575757;}.form input::placeholder{color:#888;}.form input:focus-visible{outline:var(--input-outline,1px solid rgb(var(--color-primary-golden)));outline-offset:3px;}.form .errorMessage{font-size:var(--s14-size);font-weight:normal;color:rgb(var(--color-secondary-golden));display:block;opacity:var(--error-opacity,0);}.form.failed{--error-opacity:1;}.form.failed #loginBtn{opacity:.3;}.twinkleBg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;}.twinkleBg>i{position:absolute;left:var(--star-left,50%);top:var(--star-top,50%);width:var(--star-size,1px);height:var(--star-size,1px);border-radius:50%;background:rgb(var(--color-secondary-golden));filter:drop-shadow(0 0 var(--star-drop-shadow,1px) #ffca92);animation:1.4s ease-in-out var(--star-animation-delay,0s) infinite normal none running twinkle;}@keyframes twinkle{0%,100%{opacity:.15;transform:scale(.7);}50%{opacity:1;transform:scale(1.3);}}.lineBg{position:absolute;inset-inline:0;opacity:.8;pointer-events:none;}.tabs{display:flex;flex-direction:column;width:100%;color:#fff;--card-gap:0;padding-block-end:.5rem;justify-content:stretch;}.tabs p{margin:0;}.tabs .tabs-nav{display:flex;width:100%;}.tabs .tabs-button{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--tab-button-padding,0);transition:all .3s ease;cursor:pointer;white-space:nowrap;padding-block:.7rem;color:#fff;font-weight:var(--tabs-button-fw,300);font-size:var(--tab-button-font-size,var(--s14-size));opacity:.5;background:rgba(255,255,255,.1);border-block-end:1px solid rgba(255,255,255,.2);}.tabs .tabs-button:nth-child(1 of .tabs-button){border-inline-end:1px solid rgba(255,255,255,.2);}.tabs .tabs-button.active{--tabs-button-fw:bold;opacity:1;background:linear-gradient(115deg,rgba(0,0,0,.7) -5%,rgba(0,0,0,.35) 33%,rgba(0,0,0,.15) 69%,rgba(0,0,0,.1) 100%);background:transparent;border-block-end:unset;}.tabs .tabs-content{overflow-y:auto;width:100%;padding:var(--tabs-content-padding,.5rem);position:relative;display:grid;grid-template-columns:1fr;}.tabs .tabs-content::-webkit-scrollbar{width:6px;}.tabs .tabs-content::-webkit-scrollbar-track{background:transparent;}.tabs .tabs-content::-webkit-scrollbar-thumb{background:rgba(var(--color-primary-golden),1);border-radius:3px;}.tabs .tabs-content::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-primary-golden),1);}.tabs [role=tabpanel]{opacity:var(--tabpanel-opacity,0);visibility:var(--tabpanel-visibility,hidden);transition:opacity .3s ease,visibility .3s ease;grid-area:1/1/2/2;}.tabs [role=tabpanel].active{--tabpanel-opacity:1;--tabpanel-visibility:visible;}dialog{border:0;padding:0;background:transparent;}dialog::backdrop{background:transparent;}main:has(dialog[open]){padding-inline:0;}main:has(dialog[open])>section.index{opacity:0;pointer-events:none;}.dialog-content{position:relative;background:transparent;-webkit-animation:fade-in-fwd .6s cubic-bezier(.39,.575,.565,1) both;animation:fade-in-fwd .6s cubic-bezier(.39,.575,.565,1) both;}.dialog-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;}.dialog-body::-webkit-scrollbar{width:6px;}.dialog-body::-webkit-scrollbar-track{background:transparent;}.dialog-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px;}.dialog-body::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3);}@-webkit-keyframes fade-in-fwd{0%{-webkit-transform:translateZ(-80px);transform:translateZ(-80px);opacity:0;}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1;}}@keyframes fade-in-fwd{0%{-webkit-transform:translateZ(-80px);transform:translateZ(-80px);opacity:0;}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1;}}:root{--grid-item-size:1fr;--grid-gap:var(--s10-size);}.lottery-grid{display:grid;grid-template-columns:repeat(4,var(--grid-item-size));grid-template-rows:repeat(4,var(--grid-item-size));gap:var(--grid-gap);perspective:1000px;width:fit-content;padding:3rem 1rem;--p-font-weight:400;}.lottery-grid:has(.active) *:not(.active){--opacity:.4;--hand-opacity:0;--cardBg:#993d45;}.lottery-grid:has(.active)+p{opacity:0;visibility:hidden;}.lottery-grid:has(.active) .lottery-cta{pointer-events:none;--em-span-width:100%;}.lottery-grid:has(.winner){--card-drop-shadow:16px!important;}.lottery-grid:has(.winner) *:not(.winner){--opacity:.4;--hand-opacity:0;}.lottery-grid:has(.winner)+p{opacity:0;visibility:hidden;}.lottery-grid:has(.winner) .card.tile.winner{--card-drop-shadow:8px;}.lottery-grid:has(.winner) .lottery-cta,.lottery-grid:has(.winner) .lottery-cta p{--opacity:1;pointer-events:none;--em-span-width:50%;}.lottery-grid p{color:#fff;text-align:center;font-size:var(--s14-size);font-size:clamp(.75rem,-.6470588235rem + 5.8823529412vw,.875rem);line-height:1.2;}.card.tile{position:relative;transition:opacity .3s ease;user-select:none;}.card.tile.winner{animation:tile-land .8s ease-in-out infinite;}@keyframes tile-land{0%,100%{filter:drop-shadow(0 0 3px rgba(255,202,146,.8)) drop-shadow(0 0 10px rgba(255,202,146,.4));}50%{filter:drop-shadow(0 0 4px #ffca92) drop-shadow(0 0 12px rgba(255,202,146,.7));}}.lottery-cta{grid-column:2/4;grid-row:2/4;background:transparent;text-align:center;position:relative;opacity:var(--opacity,1);}.lottery-cta>*{transition:all .3s linear;pointer-events:none;}.lottery-cta em{display:inline-flex;filter:drop-shadow(0 0 var(--card-drop-shadow,16px) #ffca92);position:relative;align-items:center;justify-content:center;}.lottery-cta em span{color:#3f1c00;font-size:1.5rem;font-weight:bold;font-style:normal;position:absolute;width:var(--em-span-width,50%);}.lottery-cta p{margin-block:.5rem 0;font-size:var(--p-font-size,var(--s14-size));font-weight:bold;line-height:1.2;color:#fff;opacity:var(--opacity,1);}.lottery-cta p span{display:block;}.lottery-cta i{position:absolute;right:.5rem;bottom:.5rem;opacity:var(--hand-opacity,1);width:3rem;transform:rotate(-30deg);animation:hand-click .8s step-start infinite alternate;}@keyframes hand-click{0%{transform:scale(1) rotate(-30deg);}50%{transform:scale(.9) rotate(-30deg);}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;}.confetti{position:absolute;background:linear-gradient(135deg,#d29849 0%,#f0d89d 100%);border-radius:2px;pointer-events:none;box-shadow:0 2px 4px rgba(255,215,0,.3);}@keyframes confetti-bounce-up{0%{transform:translateY(0) rotateZ(0deg);opacity:1;}70%{opacity:1;}100%{transform:translateY(calc(-1*var(--bounce-height,500px))) rotateZ(var(--rotation,360deg));opacity:0;}}.confetti.bounce-up{animation:confetti-bounce-up inherit;z-index:3;}@keyframes confetti-fall-down{0%{transform:translateY(0) rotateZ(0deg);opacity:1;}20%{transform:translateY(calc(.2*var(--fall-distance,100vh))) rotateZ(calc(.2*var(--rotation,360deg)));opacity:.8;}40%{transform:translateY(calc(.4*var(--fall-distance,100vh))) rotateZ(calc(.4*var(--rotation,360deg)));opacity:.6;}60%{transform:translateY(calc(.6*var(--fall-distance,100vh))) rotateZ(calc(.6*var(--rotation,360deg)));opacity:.4;}80%{transform:translateY(calc(.85*var(--fall-distance,100vh))) rotateZ(calc(.9*var(--rotation,360deg)));opacity:.2;}100%{transform:translateY(var(--fall-distance,100vh)) rotateZ(var(--rotation,360deg));opacity:0;}}.confetti.fall-down{animation:confetti-fall-down inherit;}.result-dialog .btns{display:flex;gap:2rem;justify-content:center;}.lottery-result{--card-drop-shadow:0;width:100%;perspective:1000px;padding:3rem 1rem;animation:pulsedLight 1.5s ease-in-out infinite;}@keyframes pulsedLight{0%,100%{filter:drop-shadow(0 0 4px rgba(255,202,146,.8)) drop-shadow(0 0 4px rgba(255,202,146,.3));}50%{filter:drop-shadow(0 0 6px rgba(255,202,146,.6)) drop-shadow(0 0 10px rgba(255,202,146,.4));}}.login{padding-block:2.5rem;}.login .head{--gradient-line-display:block;margin-block-end:3.5rem;--head-p-display:none;--headLog-width:50%;}.login .card{--card-padding:2.5rem;}.login #loginBtn{width:100%;padding:1rem;font-size:var(--l18-size);}.index{padding-block:0;--card-padding:0;--card-border-radius:15px;--card-drop-shadow:0;--cardBg:rgb(var(--color-primary-red));display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto 1fr;height:100%;}.index .head{--gradient-line-display:block;margin-block-end:1rem;--head-p-display:none;}.index .head+*+*{margin-block-start:1.5rem;}.index .profile{--i-width:1.5rem;--card-padding:1rem;--card-drop-shadow:4px;font-size:var(--s18-size);}.index .profile>div:not(.points){display:flex;align-items:flex-start;color:#fff;gap:.25rem;justify-content:center;}.index .profile>div:not(.points) span:nth-child(1 of span){font-weight:400;padding-inline-end:.25rem;}.index .profile>div:not(.points) span:nth-child(2 of span){opacity:.5;font-size:.8em;border-inline-start:1px solid white;padding-inline-start:.5rem;align-self:center;}.index .profile .points{--i-display:inline-block;display:grid;grid-template-columns:1fr 1fr 1.2fr;width:100%;place-content:center;}.index .profile .points>div{display:flex;gap:.5rem;}.index .profile .points>dl{position:relative;}.index .profile .points>dl:after{content:"";display:block;position:absolute;right:0;inset-block:0;margin-block:auto;width:1px;height:1rem;background-color:#fff;opacity:.5;margin-inline-start:.5rem;}.index .profile .points>*{padding-inline:1rem;}.index .profile dl,.index .profile dd{margin:0;}.index .profile dl{text-align:left;}.index .profile dt{font-size:var(--s12-size);opacity:.5;}.index .banner{position:relative;overflow:visible;}.index .banner:after{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,rgba(255,255,255,.6) 0%,rgba(255,255,255,.2) 35%,rgba(255,255,255,0) 90%);background-origin:padding-box;mask-image:repeating-conic-gradient(from var(--mask-angle,0deg) at 10% 100%,rgba(255,255,255,.5) 0 9deg,transparent 9deg 18deg);mask-clip:border-box;background-size:100%;pointer-events:none;border-radius:var(--card-border-radius,30px);z-index:-1;animation:shine 2s linear infinite forwards;}@keyframes shine{0%{--mask-angle:0deg;}20%{--mask-angle:25deg;}40%{--mask-angle:50deg;}60%{--mask-angle:75deg;}80%{--mask-angle:100deg;}100%{--mask-angle:120deg;}}.index .banner button{color:#fff;width:100%;padding:1rem;}.index .banner button>*{pointer-events:none;}.index .banner b{font-size:var(--s14-size);display:block;margin-block-end:.5rem;font-weight:300;margin-inline-start:-1rem;}.index .banner em{font-size:1.5rem;color:rgb(var(--color-primary-golden));font-weight:700;display:inline-block;margin-inline-start:1rem;background:linear-gradient(78deg,#f0d89d 40%,#ddaf67 51%,#f0d89d 60%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gold-shimmer 3s linear infinite;}@keyframes gold-shimmer{0%{background-position:100% center;}100%{background-position:-100% center;}}.index .banner span:has(.btn.filled){position:relative;display:inline-block;}.index .banner span:has(.btn.filled) i{--i-display:block;--i-width:2.5rem;position:absolute;transform:rotate(-30deg);left:4.7rem;top:.2rem;}@keyframes hand-move{0%{transform:translate(20%,10%) rotate(-30deg);}100%{transform:translate(0,0) rotate(-30deg);}}.index .banner i{--i-display:block;position:absolute;--i-width:4.5rem;aspect-ratio:1/1;left:-5px;bottom:-1.7rem;}.index .banner .btn{filter:drop-shadow(0 0 var(--card-drop-shadow,16px) #ffca92);margin-inline-start:.5rem;}.index .tabs{--card-padding:1px;margin-block-start:2.5rem;}.index .tabs-content{--tabs-content-padding:1rem;overflow-y:auto;}.index [role=tabpanel]:has(em) .th{display:none;}.index [role=tabpanel]:has(em) .td{grid-template-columns:1fr;border-top:0;}.index [role=tabpanel]:nth-child(2 of [role=tabpanel]){--grid-columns:2;}.index .th{display:grid;grid-template-columns:repeat(var(--grid-columns,3),1fr);padding:0 .75rem .625rem .75rem;position:sticky;font-size:var(--ta);font-weight:300;color:rgb(var(--color-primary-golden));}.index .td{display:grid;grid-template-columns:repeat(var(--grid-columns,3),1fr);align-items:center;transition:background .2s ease;padding:.625rem .75rem;border-block-start:1px solid rgba(255,255,255,.2);}.index .td:nth-child(odd){background:rgba(245,245,245,.02);}.index .td:nth-child(even){background:transparent;}.index .td:hover{background:rgba(245,245,245,.04);}.index .td p{margin:0;word-wrap:break-word;color:rgb(var(--color-secondary-golden));}.index .td p:nth-child(1 of p){color:inherit;}.index .td>em{font-style:normal;font-weight:normal;opacity:.5;}.index [role=tabpanel] dl{font-size:var(--s14-size);text-align:left;line-height:1.5;padding-block-end:1rem;margin-block:0;}.index [role=tabpanel] dl+dl{border-block-start:1px solid rgba(255,255,255,.2);padding-block-start:1rem;}.index [role=tabpanel] dt{color:rgb(var(--color-primary-golden));}.index [role=tabpanel] dd{margin:0;}h1,h2,h3,h4,h5,h6{margin:var(--heading-margin,0);line-height:var(--heading-line-height,1.2);letter-spacing:var(--heading-letter-spacing,.09375rem);}i{position:var(--i-position,relative);display:var(--i-display,inline-block);font-style:normal;line-height:0;}i img{width:100%;}html{height:100%;}body{background:radial-gradient(at 50% 40%,rgba(255,45,100,.4),rgba(var(--color-primary-red),.4) 51%,rgba(var(--color-secondary-red),.4) 100%),linear-gradient(to top,rgb(var(--color-primary-red),1),rgba(var(--color-secondary-red),1));height:100%;letter-spacing:var(--letter-spacing,.5px);position:relative;overflow:hidden;}main{position:relative;padding:2.25rem 1rem;margin-inline:auto;display:flex;flex-direction:column;align-items:center;width:min(100%,600px);height:100%;}main:not(:has(dialog[open]))>*{width:calc(100% - 2rem);}main>section{text-align:center;}main:has(.login){justify-content:center;}