:root{color-scheme:dark;--draw-blue:#51baff;--draw-red:#ff5479;--draw-text:#f1f6ff;--draw-muted:#a5b4cc;--draw-line:#7b9dd12b}
*{box-sizing:border-box}body.lucky-page{margin:0;background:#080d19;color:var(--draw-text);font:16px/1.6 "Segoe UI","Microsoft JhengHei",sans-serif;isolation:isolate}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--draw-blue)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}[hidden]{display:none!important}.draw-skip{position:fixed;top:8px;left:12px;transform:translateY(-150%);z-index:100;background:#142c4a;padding:10px 18px}.draw-skip:focus{transform:none}
.draw-background{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 4% 38%,#7e1c3b30,transparent 48%),radial-gradient(ellipse at 95% 20%,#074a8738,transparent 50%),#080d19}.draw-background>div{position:absolute;inset:-60px;background-image:linear-gradient(#86b1ff06 1px,transparent 1px),linear-gradient(90deg,#86b1ff06 1px,transparent 1px);background-size:60px 60px;animation:draw-grid 24s linear infinite}.draw-background>span{position:absolute;width:90vw;height:90vw;left:-50vw;top:12%;border:1px solid #ff557617;border-radius:50%;box-shadow:0 0 0 90px #ff557604,0 0 0 180px #ff557604}
.draw-header{width:min(1440px,calc(100% - 80px));height:100px;display:flex;align-items:center;gap:22px;margin:auto;border-bottom:1px solid var(--draw-line)}.draw-brand{width:88px;flex-shrink:0}.draw-brand img{height:64px;object-fit:contain}.draw-language{display:flex;gap:3px;padding:4px;border:1px solid var(--draw-line);border-radius:7px;background:#101a2c}.draw-language button{border:0;background:transparent;color:#a6b6cf;font-size:12px;font-weight:750;min-height:36px;min-width:37px;border-radius:4px;padding:6px}.draw-language button[aria-pressed=true]{background:#24486d;color:#f5faff}.draw-header nav{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:14px;font-weight:650}.draw-header nav a{padding:10px 0}.draw-header nav a[aria-current]{color:var(--draw-blue);border-bottom:2px solid var(--draw-blue)}.draw-header nav a:hover{color:var(--draw-blue)}.draw-host{font-size:13px;border:1px solid #7e99c54d;border-radius:6px;padding:10px 17px;white-space:nowrap}
.lucky-page main{width:min(1360px,calc(100% - 80px));margin:0 auto}.draw-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:46px 0 32px}.draw-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:11px;letter-spacing:.2em;font-weight:750;color:#9ec4ec}.draw-eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--draw-red);box-shadow:0 0 14px var(--draw-red)}.draw-heading h1{font-size:clamp(34px,3.7vw,53px);line-height:1.3;letter-spacing:-.03em;margin:0;font-weight:850}.draw-heading h1 span{color:var(--draw-blue)}.draw-lead{max-width:360px;color:var(--draw-muted);margin:0 0 5px;font-size:16px;line-height:1.9}.draw-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);gap:24px;align-items:start}.wheel-stage{min-width:0;position:relative;border:1px solid #7299c839;border-radius:16px;background:linear-gradient(135deg,#10192bd9,#0b1322e8 55%,#111c30e6);overflow:hidden;padding:20px 30px 0;box-shadow:0 25px 70px #0003}.stage-top,.stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.stage-top h2{font-size:10px;letter-spacing:.2em;color:#adc7e6;font-weight:650;margin:0}.stage-status{display:flex;align-items:center;gap:7px;font-size:12px;color:#c9ddf6;white-space:nowrap}.stage-status i{height:5px;width:5px;border-radius:50%;background:var(--draw-blue);box-shadow:0 0 10px #51baff8a}.is-spinning .stage-status i{background:var(--draw-red);box-shadow:0 0 10px var(--draw-red)}.prize-display{text-align:center;padding:23px 10px 3px}.prize-display>span{display:block;font-size:12px;color:var(--draw-muted);letter-spacing:.1em;margin-bottom:4px}.prize-display strong{display:block;font-size:clamp(21px,2.2vw,30px);line-height:1.4;overflow-wrap:anywhere;max-width:540px;margin:auto;font-weight:800}
.wheel-shell{position:relative;width:min(100%,570px);aspect-ratio:1;margin:16px auto 7px;display:grid;place-items:center}.wheel-aura{position:absolute;inset:-3%;border-radius:50%;background:conic-gradient(from 0deg,#5dbdff14,transparent 22%,#ff4f7020,transparent 72%,#5dbdff14);filter:blur(16px)}.wheel-orbit{position:absolute;inset:1%;border:1px solid #91b5e330;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0deg 9.5deg,#b1d4ff55 9.5deg 10deg);mask:radial-gradient(transparent 68%,#000 68.2% 69%,transparent 69.2%);animation:draw-orbit 50s linear infinite}.wheel-rim{position:absolute;inset:6%;padding:9px;border-radius:50%;background:linear-gradient(130deg,#a9c9e880,#15263a 25%,#192c48 48%,#a9c9e880 72%,#29384f);box-shadow:0 0 0 1px #9fc5fb42,0 18px 50px #0008,0 0 35px #3da2ff15}.wheel-face{width:100%;height:100%;border-radius:50%;overflow:hidden;background:#0b172b;box-shadow:inset 0 0 30px #0008;transform:rotate(0deg)}.is-spinning .wheel-face{will-change:transform}.wheel-face canvas{width:100%;height:100%;display:block}.wheel-pointer{position:absolute;left:50%;top:2.4%;transform:translateX(-50%);width:40px;height:52px;z-index:3;filter:drop-shadow(0 4px 8px #000a)}.wheel-pointer svg{width:100%;height:100%}.wheel-pointer path:first-child{fill:#e8f4ff;stroke:#98c2f1;stroke-width:1}.wheel-pointer path:last-child{fill:#fa5378}.wheel-hub{position:absolute;inset:37%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;border-radius:50%;border:2px solid #9ec9f77a;background:radial-gradient(circle at 35% 20%,#273956,#0a111f 72%);box-shadow:0 4px 25px #000a,0 0 0 7px #071223b3,0 0 35px #54b2ff40;pointer-events:none}.wheel-hub img{width:76%;height:61%;object-fit:contain}.wheel-hub>span{font:700 8px/1 "Segoe UI",sans-serif;letter-spacing:.27em;color:#adcaee;margin-top:-3px}.wheel-coordinate{position:absolute;bottom:2%;font-size:8px;letter-spacing:.19em;color:#7b97b5}.wheel-coordinate.left{left:3%}.wheel-coordinate.right{right:3%}.wheel-hint{text-align:center;font-size:13px;color:#9db1ce;margin:5px 0 16px;min-height:21px}.draw-spin{width:min(100%,430px);min-height:61px;display:flex;align-items:center;justify-content:center;gap:18px;margin:0 auto;border:1px solid #75c9ff8a;border-radius:8px;color:#fff;background:linear-gradient(115deg,#126abb,#268bd7);box-shadow:-12px 6px 35px #fc3c6415,10px 6px 35px #238dff20;font-weight:850;font-size:21px;letter-spacing:.06em;transition:background .2s,box-shadow .2s}.draw-spin:hover:not(:disabled){background:linear-gradient(115deg,#237ed0,#329eea);box-shadow:-12px 6px 35px #fc3c6425,10px 6px 35px #238dff45}.draw-spin svg{width:24px;height:24px}.draw-spin>span:last-child{font-size:21px;margin-left:auto}.draw-spin>svg{margin-right:auto}.draw-spin{padding:13px 22px}.draw-status{text-align:center;color:#aac5e4;font-size:13px;min-height:44px;line-height:1.6;padding:10px 0 12px}.stage-bottom{margin:14px -30px 0;padding:15px 22px;border-top:1px solid var(--draw-line);font-size:9px;letter-spacing:.08em;color:#839bb9}.stage-bottom>span:last-child{letter-spacing:0;font-size:11px}.last-result{display:flex;align-items:center;gap:18px;padding:16px 18px;margin-top:8px;border:1px solid #57b6ff55;border-radius:8px;background:#18345265}.last-result>div{min-width:0;flex:1}.last-result span{font-size:11px;color:#a6c5e8}.last-result strong{display:block;font-size:22px;overflow-wrap:anywhere;color:#c3e7ff;line-height:1.4}.last-result p{margin:4px 0 0;font-size:13px;color:#afc3dd;overflow-wrap:anywhere}.last-result button{flex-shrink:0;border:1px solid #6695c559;background:#13263e;color:#d9eaff;border-radius:6px;font-size:12px;min-height:44px;padding:9px 12px}
.draw-console{display:grid;gap:18px;min-width:0}.draw-card{padding:23px;border:1px solid var(--draw-line);border-radius:12px;background:linear-gradient(135deg,#121e32e8,#0e1728e8)}.card-heading{display:flex;align-items:center;gap:11px;margin-bottom:22px}.card-heading h2{margin:0;flex:1;font-size:18px;line-height:1.4}.step-index{width:29px;height:29px;display:grid;place-items:center;font-size:11px;letter-spacing:.04em;border:1px solid #6bbdff59;border-radius:5px;color:#9cd7ff;background:#1e467544}.step-index.red{border-color:#ff658766;color:#ffb0c1;background:#662a3b44}.card-heading svg{width:22px;height:22px;color:#82bce9}.draw-card label{display:block;font-size:13px;color:#cbdaf0;margin-bottom:8px;font-weight:650}.draw-card input{display:block;width:100%;height:49px;border:1px solid #638aba69;border-radius:6px;background:#091426;color:#fff;padding:11px 13px;min-width:0;font-size:16px}.draw-card input::placeholder{color:#7288a7}.draw-card input:disabled{opacity:.55}.field-note{font-size:12px;color:#91a8c7;margin:10px 0 0;line-height:1.8}.entry-count{background:#243d5d;color:#b7dfff;border:1px solid #79b4f14a;border-radius:6px;min-width:38px;text-align:center;padding:3px 8px;font-size:14px;font-weight:750}.entry-input-row{display:flex;gap:8px}.entry-input-row button{flex:0 0 49px;height:49px;border-radius:6px;border:1px solid #79c5ff7a;color:#d8f0ff;background:#214e7d;font-size:24px}.entry-input-row button:hover:not(:disabled){background:#2d6399}.roster-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:16px 0 10px}.roster-meta>span{font-size:12px;color:#9cb1cd}.roster-meta button{border:0;background:none;color:#eab1be;font-size:12px;min-height:36px;padding:6px 0 6px 10px}.entry-list{list-style:none;padding:0;margin:0;max-height:342px;overflow:auto;scrollbar-width:thin;scrollbar-color:#355679 #0a1423;overscroll-behavior:contain}.entry-list>li{display:flex;align-items:center;gap:10px;min-height:55px;padding:4px 4px 4px 10px;margin-bottom:7px;background:#17243a;border:1px solid #6b8bb52b;border-radius:6px}.entry-list .entry-number{width:28px;flex-shrink:0;color:#7facd5;font-size:11px;text-align:center;font-variant-numeric:tabular-nums}.entry-list .entry-name{flex:1;min-width:0;font-size:15px;font-weight:650;overflow-wrap:anywhere;line-height:1.45}.entry-list .entry-remove{display:grid;place-items:center;width:44px;min-width:44px;height:44px;font-size:21px;border:0;background:transparent;color:#b3a6b8;border-radius:5px}.entry-remove:hover:not(:disabled){background:#79324955;color:#ffbbca}.entry-list>li.is-winner{border-color:#67bcff9c;background:linear-gradient(100deg,#163f66,#162b46);box-shadow:inset 3px 0 #64bdff}.entry-list .entry-won{font-size:10px;color:#b4e1ff}.roster-empty{text-align:center;border:1px dashed #6286b048;border-radius:8px;padding:27px 12px}.roster-empty>div{width:43px;height:43px;margin:0 auto 10px;display:grid;place-items:center;background:#203b5b80;border-radius:50%;font-size:24px;color:#9fc7f1}.roster-empty strong{display:block;font-size:15px}.roster-empty p{font-size:12px;color:#91a8c7;margin:6px 0 0}.list-help{font-size:11px;color:#8099bb;line-height:1.8;margin:14px 0 0}.draw-storage{font-size:11px;line-height:1.9;color:#839bb9;margin:0 5px}.draw-storage.is-unsaved{color:#ffb2c1}.clear-confirm{border:1px solid #eb76905c;border-radius:6px;background:#4b213044;padding:12px;margin:0 0 12px}.clear-confirm p{font-size:13px;margin:0 0 8px}.clear-confirm>div{display:flex;gap:8px}.clear-confirm button{min-height:40px;padding:6px 13px;border:1px solid #98778a60;border-radius:5px;background:#2d2335;color:#fff;font-size:12px}.clear-confirm button:first-child{background:#8a3650}.draw-footer{width:min(1360px,calc(100% - 80px));display:flex;align-items:center;gap:20px;padding:28px 0;margin:25px auto 0;border-top:1px solid var(--draw-line);font-size:11px;color:#88a2c4}.draw-footer>span:first-child{letter-spacing:.15em;font-weight:750;color:#bfcee3}.draw-footer a{margin-left:auto;color:#b4d7fa}
.winner-dialog{position:fixed;inset:0;margin:auto;width:min(650px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #6fbdff80;border-radius:18px;background:radial-gradient(ellipse at 50% 0,#184c76aa,transparent 65%),linear-gradient(135deg,#17273d,#0b1323 48%,#32182b);color:var(--draw-text);box-shadow:0 0 140px #1b94ff30,0 30px 100px #0009;overflow:auto}.winner-dialog::backdrop{background:#030710dc;backdrop-filter:blur(8px)}.winner-close{position:absolute;right:13px;top:13px;width:44px;height:44px;border:1px solid #b0c9e64d;border-radius:50%;background:#101c30;color:white;font-size:26px;z-index:2}.winner-body{position:relative;z-index:1;padding:38px 34px 30px;text-align:center}.winner-body>img{width:104px;height:76px;object-fit:contain;margin:0 auto 13px}.winner-eyebrow{font-size:12px;color:#b5d7f9;letter-spacing:.12em;margin:12px 0}.winner-body h2{font-size:22px;font-weight:650;margin:0 0 14px}.winner-body>strong{display:block;font-size:clamp(30px,5vw,56px);line-height:1.3;overflow-wrap:anywhere;color:#f4fbff;font-weight:900;text-shadow:0 0 28px #4eaaff88}.winner-prize-label{font-size:12px;color:#8faacc;margin:25px 0 3px}.winner-body #winner-prize{font-size:21px;font-weight:750;color:#9dd9ff;line-height:1.4;overflow-wrap:anywhere;margin:0}.winner-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:29px auto 0;max-width:360px}.winner-actions button{min-height:49px;padding:11px 16px;border:1px solid #83b2e150;border-radius:7px;background:#172d48;color:#dceeff;font-size:15px;font-weight:700}.winner-actions .winner-primary{background:#2179bb;border-color:#72c3ff;color:white}.winner-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.winner-confetti i{position:absolute;left:var(--x);top:-18px;width:var(--size);height:calc(var(--size) * 1.8);background:var(--color);opacity:0;transform:rotate(var(--angle));animation:draw-confetti 3.2s var(--delay) ease-out both}.winner-dialog[open] .winner-body{animation:draw-reveal .5s ease-out both}
@keyframes draw-grid{to{transform:translate(60px,60px)}}@keyframes draw-orbit{to{transform:rotate(360deg)}}@keyframes draw-confetti{5%{opacity:.9}85%{opacity:.7}100%{opacity:0;transform:translate(var(--drift),650px) rotate(calc(var(--angle) + 440deg))}}@keyframes draw-reveal{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@media(min-width:1500px){.wheel-shell{width:590px}}@media(max-width:1100px){.draw-header{gap:16px}.draw-header nav{gap:17px;font-size:13px}.draw-host{padding:9px 12px}.draw-layout{grid-template-columns:minmax(0,1.35fr) minmax(310px,1fr);gap:18px}.wheel-stage{padding-inline:20px}.stage-bottom{margin-inline:-20px;padding-inline:18px}.draw-card{padding:19px}.wheel-shell{margin-top:22px}.draw-heading{gap:25px}.draw-lead{max-width:300px;font-size:14px}.wheel-hint{font-size:12px}.draw-spin{min-height:56px}.stage-status{font-size:11px}.stage-top h2{font-size:9px}}
@media(max-width:850px){.draw-header{height:86px!important;width:calc(100% - 36px);padding-right:48px;border-bottom:1px solid var(--draw-line)}.draw-header nav,.draw-header .draw-host{display:none}.draw-brand{width:72px}.draw-brand img{height:55px}.draw-language{margin-left:8px}.draw-language button{min-height:35px}.lucky-page .mobile-menu-toggle{top:22px;right:18px;width:42px;height:42px;border-color:#72b3f066;background:#172b45;color:#c9e8ff}.lucky-page main{width:calc(100% - 36px)}.draw-heading{padding:30px 0 25px;align-items:start;gap:15px}.draw-heading h1{font-size:34px}.draw-lead{font-size:13px;max-width:230px;line-height:1.8;padding-top:28px}.draw-eyebrow{font-size:9px;letter-spacing:.15em}.draw-layout{grid-template-columns:minmax(0,1fr);gap:20px}.wheel-stage{padding:19px 24px 0}.wheel-shell{width:min(100%,530px);margin-block:12px}.draw-console{grid-template-columns:1fr 1.25fr;align-items:start;gap:16px}.draw-storage{grid-column:1/-1}.draw-card{padding:21px}.entry-list{max-height:300px}.prize-display{padding-top:18px}.draw-footer{width:calc(100% - 36px);padding:23px 0;margin-top:23px}.stage-bottom{margin-inline:-24px}.wheel-hub>span{font-size:8px}.draw-status{font-size:13px}.card-heading h2{font-size:17px}.stage-top h2{font-size:10px}}
@media(max-width:560px){.draw-heading{display:block;padding-top:28px}.draw-heading h1{font-size:31px}.draw-heading h1 span{display:block}.draw-lead{max-width:none;font-size:14px;padding:0;line-height:1.8;margin:13px 0 0}.draw-layout{gap:16px}.wheel-stage{padding:16px 15px 0;border-radius:12px}.stage-top{gap:6px}.stage-top h2{font-size:8px;letter-spacing:.1em}.stage-status{font-size:10px}.prize-display{padding:18px 5px 0}.prize-display strong{font-size:22px}.prize-display>span{font-size:11px}.wheel-shell{margin:10px auto 4px}.wheel-rim{padding:6px}.wheel-pointer{width:30px;height:39px}.wheel-hub>span{font-size:6px;letter-spacing:.2em;margin-top:-2px}.wheel-hint{font-size:12px;margin-top:8px;margin-bottom:13px;line-height:1.7}.draw-spin{min-height:56px;font-size:19px}.draw-status{font-size:12px;padding-top:12px;min-height:48px}.stage-bottom{margin-inline:-15px;padding:13px 14px;gap:6px;font-size:8px}.stage-bottom>span:last-child{font-size:10px}.draw-console{display:grid;grid-template-columns:1fr;gap:15px}.draw-card{padding:21px}.card-heading{margin-bottom:18px}.card-heading h2{font-size:19px}.field-note{font-size:13px}.list-help{font-size:12px}.draw-storage{font-size:12px}.entry-list{max-height:330px}.entry-list .entry-name{font-size:16px}.entry-list>li{min-height:55px}.last-result{padding:13px;gap:10px}.last-result strong{font-size:20px}.last-result button{font-size:11px;padding:7px 8px}.wheel-coordinate{font-size:6px}.draw-footer{gap:12px;font-size:10px;flex-wrap:wrap}.draw-footer>span:first-child{font-size:10px}.winner-body{padding:42px 20px 23px}.winner-body>img{width:84px;height:62px}.winner-body h2{font-size:20px}.winner-body>strong{font-size:36px}.winner-body #winner-prize{font-size:20px}.winner-dialog{border-radius:12px}.winner-actions button{font-size:15px;min-height:49px}}
@media(max-width:360px){.draw-header{gap:8px}.draw-language{margin-left:0}.lucky-page main{width:calc(100% - 24px)}.draw-heading h1{font-size:29px}.wheel-stage{padding-inline:12px}.stage-bottom{margin-inline:-12px}.stage-top h2{font-size:7px}.prize-display strong{font-size:20px}.draw-card{padding:17px}.draw-header{width:calc(100% - 24px)}.lucky-page .mobile-menu-toggle{right:12px}.draw-spin{font-size:18px;padding-inline:17px}.winner-body>strong{font-size:30px}}
@media(prefers-reduced-motion:reduce){.draw-background>div,.wheel-orbit,.winner-confetti i,.winner-dialog[open] .winner-body{animation:none}.draw-background>div{transform:none}.winner-confetti{display:none}html{scroll-behavior:auto}}

/* Keep the shared drawer in the same blue, red and black palette. */
.lucky-page .mobile-navigation{background:#0c1425;border-left-color:#ff6d894d;color:#f4f7ff}.lucky-page .mobile-navigation a{color:#f4f7ff;border-bottom-color:#649ddd4d}.lucky-page .menu-close{background:#1a2b48;border-color:#5a78a7;color:#f0f6ff}

.draw-settings-shortcut,.draw-return{display:none}#draw-settings,#wheel-title{scroll-margin-top:24px}@media(max-width:850px){.draw-heading{flex-wrap:wrap}.draw-settings-shortcut,.draw-return{display:inline-flex;align-items:center;min-height:44px;color:#8ccfff;font-size:13px;font-weight:700}.draw-settings-shortcut{width:100%;margin-top:4px}.draw-return{border-top:1px solid #7198c52e;margin-top:14px;padding-top:10px;width:100%}}