*{box-sizing:border-box}html,body,#root{background:#050b14;min-height:100%;margin:0}body{color:#eef5ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}.app{background:radial-gradient(circle at 10% 0,#102c4b 0,#07101c 34%,#040912 100%);max-width:760px;min-height:100vh;margin:auto;padding-bottom:88px}.demoBanner{text-align:center;color:#fff;letter-spacing:1.4px;background:#8a5b18;padding:6px;font-size:10px;font-weight:900}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050b14df;border-bottom:1px solid #ffffff0b;justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brandMark{background:linear-gradient(145deg,#4aa0ff,#0e62cd);border-radius:11px;place-items:center;width:36px;height:36px;font-weight:1000;display:grid;box-shadow:0 8px 28px #0d76ff33}.brand b{letter-spacing:.4px;font-size:15px;display:block}.brand small{color:#7f91aa;margin-top:2px;font-size:10px;display:block}.wallet{background:linear-gradient(135deg,#122741,#0d1b2d);border:1px solid #ffffff12;border-radius:14px;padding:9px 11px;font-size:12px;font-weight:900}.wallet span{color:#7f91aa;font-weight:700}.heroCard{background:radial-gradient(circle at 75% 22%,#1757a4 0,#0b203b 34%,#07101d 76%);border:1px solid #3f9eff2b;border-radius:26px;grid-template-columns:1.05fr .95fr;min-height:270px;margin:14px;padding:18px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 50px #0008,inset 0 1px #ffffff0a}.heroCard:after{content:"";filter:blur(20px);background:#1888ff22;border-radius:50%;width:240px;height:240px;position:absolute;inset:auto -60px -90px auto}.heroCopy{z-index:2;position:relative}.eyebrow{color:#83bcff;letter-spacing:1.3px;font-size:10px;font-weight:1000}.heroCopy h1{margin:11px 0;font-size:33px;line-height:1.02}.heroCopy h1 strong{color:#dfefff}.heroCopy p{color:#a2b2c7;max-width:285px;font-size:12px;line-height:1.55}.heroButton{color:#fff;cursor:pointer;background:#258bff;border:0;border-radius:12px;padding:12px 16px;font-weight:900;box-shadow:0 10px 28px #258bff40}.heroButton span{margin-left:8px}.heroArt{object-fit:contain;filter:drop-shadow(0 16px 25px #0008);align-self:center;width:100%;height:100%}.prizeStrip{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 14px 14px;display:grid}.prizeStrip>div{background:#0a1524;border:1px solid #ffffff0d;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:30px 1fr;column-gap:7px;padding:10px 8px;display:grid}.prizeStrip span{text-align:center;grid-row:1/3;align-self:center;font-size:20px}.prizeStrip b{font-size:11px}.prizeStrip small{color:#74869f;font-size:9px}.progressCard{background:linear-gradient(145deg,#0b1727,#08121f);border:1px solid #ffffff10;border-radius:18px;margin:0 14px 12px;padding:15px;box-shadow:0 14px 35px #0005}.liveRow{color:#7f92aa;justify-content:space-between;font-size:11px;display:flex}.liveDot{color:#72d9a1;font-weight:1000}.progressNumbers{justify-content:space-between;align-items:end;margin:10px 0;display:flex}.progressNumbers strong{font-size:27px}.progressNumbers span{color:#778ba5;font-size:12px}.progressNumbers>b{color:#9eb2ca;font-size:12px}.progressBar{background:#142338;border-radius:99px;height:11px;overflow:hidden;box-shadow:inset 0 1px 3px #0008}.progressBar i{background:linear-gradient(90deg,#1886ff,#53b9ff);border-radius:99px;height:100%;transition:width .4s;display:block;box-shadow:0 0 20px #1886ff55}.progressFoot{color:#7488a0;justify-content:space-between;margin-top:7px;font-size:9px;display:flex}.myTicketsTop{background:linear-gradient(145deg,#0e2137,#091523);border:1px solid #3b9fff32;border-radius:18px;margin:0 14px 12px;padding:13px 14px;box-shadow:0 14px 34px #0006,inset 0 1px #ffffff08}.myTicketsTopHead{justify-content:space-between;align-items:center;gap:10px;display:flex}.myTicketsTopHead strong{color:#eef8ff;letter-spacing:.4px;margin-top:3px;font-size:15px;display:block}.myTicketsTopList{flex-wrap:wrap;gap:8px;margin-top:11px;display:flex}.myTicketTopChip{color:#dcfff0;cursor:pointer;background:linear-gradient(#124d3a,#0d3328);border:1px solid #44e39b66;border-radius:11px;padding:9px 11px;font-size:13px;box-shadow:0 8px 20px #0b6b4724}.myTicketTopChip b{letter-spacing:.3px;font-weight:1000}.myTicketTopChip small{color:#052116;vertical-align:2px;background:#46e396;border-radius:5px;margin-left:7px;padding:2px 5px;font-size:7px;font-weight:1000;display:inline-block}.myTicketTopChip.new{background:linear-gradient(#176045,#0c3a2c);border-color:#6af0ae;animation:1.8s ease-in-out 2 ticketPulse;box-shadow:0 0 0 2px #46e39620,0 10px 24px #0b6b4730}@keyframes ticketPulse{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.myTicketsTopEmpty{color:#7f93aa;background:#08111d;border:1px solid #ffffff08;border-radius:10px;margin-top:10px;padding:10px 11px;font-size:10px}.toast{color:#ecf7ff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:90;background:#0b1828e8;border:1px solid #57aeff44;border-radius:15px;align-items:center;gap:10px;width:min(560px,100% - 28px);padding:12px 13px;font-size:11px;font-weight:800;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #000b,0 0 30px #1688ff20}.toastIcon{color:#fff;background:#1c86ff;border-radius:50%;flex:0 0 23px;place-items:center;width:23px;height:23px;font-weight:1000;display:grid}.toast-success{border-color:#46e39b55}.toast-success .toastIcon{background:#159e68}.toast-error{border-color:#ff6b7155}.toast-error .toastIcon{background:#c83f48}.toast button{color:#8ea4bb;cursor:pointer;background:#ffffff0b;border:0;border-radius:50%;width:26px;height:26px;margin-left:auto}.boardStats{text-align:right;justify-items:end;gap:3px;display:grid}.boardStats strong{font-size:14px}.boardStats span{color:#60e1a5;letter-spacing:.8px;font-size:8px;font-weight:1000}.notice{color:#cfe9ff;background:#10345a;border:1px solid #368cff33;border-radius:12px;margin:10px 14px;padding:11px 13px;font-size:11px}.actionGrid{grid-template-columns:1fr 1fr;gap:10px;margin:0 14px 12px;display:grid}.actionGrid button,.glassCard{color:#eef5ff;background:linear-gradient(145deg,#0c1828,#08111d);border:1px solid #ffffff10;border-radius:18px;box-shadow:0 13px 30px #0005}.actionGrid button{text-align:left;cursor:pointer;padding:16px}.actionIcon{font-size:20px}.actionGrid b{margin-top:7px;font-size:12px;display:block}.actionGrid small{color:#71849d;margin-top:4px;font-size:9px;display:block}.glassCard{margin:0 14px 12px;padding:16px}.cardHeading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.miniLabel{color:#6f839b;letter-spacing:1.4px;font-size:9px;font-weight:1000}.glassCard h2{margin:3px 0 0;font-size:21px}.glassCard p{font-size:11px}.statusPill{color:#79efb0;background:#0c4830;border:1px solid #1d9a62;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:1000}.entryRow{color:#7f92aa;background:#091420;border:1px solid #ffffff08;border-radius:12px;justify-content:space-between;align-items:center;margin:14px 0;padding:11px 12px;font-size:11px;display:flex}.entryRow strong{color:#edf7ff}.primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2b96ff,#166ed7);border:0;border-radius:12px;width:100%;padding:13px;font-weight:1000;box-shadow:0 10px 26px #1378f033}.primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.linkButton{color:#58adff;cursor:pointer;background:0 0;border:0;font-size:11px}.ticketChips{flex-wrap:wrap;gap:8px;margin-top:13px;display:flex}.ticketChips span{color:#b9dcff;background:#12345b;border:1px solid #2c87e333;border-radius:10px;padding:8px 10px;font-size:10px;font-weight:1000}.muted{color:#71849d}.ticketGrid{grid-template-columns:repeat(8,1fr);gap:6px;max-height:530px;padding:10px 2px 4px;display:grid;overflow:auto}.ticketBtn{color:#bcd5ee;cursor:pointer;background:#0f2135;border:1px solid #234260;border-radius:8px;padding:9px 2px;font-size:9px;font-weight:900;transition:all .15s}.ticketBtn.available:hover{border-color:#56adff;transform:translateY(-1px);box-shadow:0 7px 18px #138cff25}.ticketBtn.taken{color:#465465;cursor:not-allowed;background:#0b1119;border-color:#172230;text-decoration:line-through}.ticketBtn.selected{color:#c8ffe7;background:#104f3c;border-color:#46e396;box-shadow:0 0 0 2px #46e39622}.selectedPanel{color:#778aa1;background:#09131f;border:1px solid #ffffff0b;border-radius:12px;justify-content:space-between;align-items:center;margin:12px 0;padding:12px;font-size:11px;display:flex}.selectedPanel strong{color:#dff4ff;font-size:17px}.centerText{text-align:center}.payBox{grid-template-columns:1fr 1fr;gap:9px;margin:14px 0;display:grid}.payBox>div{background:#0a1625;border:1px solid #ffffff09;border-radius:13px;padding:12px}.payBox small,.payBox b{display:block}.payBox small{color:#7489a4;font-size:9px}.payBox b{margin-top:4px;font-size:12px}label{color:#8ba0b8;margin:13px 0 5px;font-size:10px;display:block}input,select{color:#edf7ff;background:#07111c;border:1px solid #213a55;border-radius:11px;outline:none;width:100%;padding:12px 13px}input:focus,select:focus{border-color:#4da9ff}.myTicketsLarge{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px;display:grid}.myTicketsLarge>div{background:#10325a;border:1px solid #2f8ff933;border-radius:13px;padding:13px}.myTicketsLarge span{color:#7e95ad;font-size:9px;display:block}.myTicketsLarge strong{margin-top:3px;font-size:18px;display:block}.bottomNav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:30;background:#07101ce8;border:1px solid #fff1;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:6px;width:min(730px,100% - 16px);padding:7px;display:grid;position:fixed;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 18px 45px #0009}.bottomNav button{color:#667b93;background:0 0;border:0;border-radius:14px;padding:7px;font-size:17px}.bottomNav button.active{color:#5db4ff;background:#0e3154}.bottomNav small{margin-top:2px;font-size:9px;display:block}.center{text-align:center;background:#050b14;place-content:center;min-height:100vh;padding:30px;display:grid}.center p{color:#778aa2;font-size:12px}.spinner{border:3px solid #1d334b;border-top-color:#49a7ff;border-radius:50%;width:34px;height:34px;margin:0 auto 14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.drawOverlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:50;background:#01050ad9;justify-content:center;align-items:center;padding:14px;display:flex;position:fixed;inset:0}.drawStage{text-align:center;background:radial-gradient(circle at 50% 0,#143d6f 0,#081626 35%,#050b13 100%);border:1px solid #6cb8ff2e;border-radius:26px;width:min(680px,100%);padding:18px;box-shadow:0 30px 100px #000d,0 0 90px #0b69c420}.drawTopLine{justify-content:space-between;align-items:center;display:flex}.drawTopLine button{color:#94a8bf;cursor:pointer;background:#ffffff0d;border:0;border-radius:50%;width:34px;height:34px}.livePill{color:#ffd9dc;letter-spacing:1px;background:#7e1820;border:1px solid #f45b64;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:1000;display:inline-block}.drawKicker{color:#6d8baa;letter-spacing:1.2px;margin-top:13px;font-size:10px}.drawStage h2{margin:7px 0 2px;font-size:27px}.drawPrize{color:#9fc5ef;font-size:13px;font-weight:800}.reels{grid-template-columns:repeat(3,1fr);gap:9px;max-width:500px;margin:22px auto 8px;display:grid}.reel{background:linear-gradient(#f9fbff,#d9dee4 45%,#aeb6bf 49%,#f8fafc 53%,#cfd5da);border:3px solid #d8a53f;border-radius:18px;place-items:center;height:145px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 2px #5c3e15,0 15px 30px #0009,inset 0 0 25px #5e6d7b66}.reel:before,.reel:after{content:"";z-index:1;background:linear-gradient(#fffa,#0000);height:20px;position:absolute;left:0;right:0}.reel:before{top:0}.reel:after{bottom:0;transform:rotate(180deg)}.reelGlow{background:#ffcf5a;height:1px;position:absolute;inset:50% 0 auto;box-shadow:0 0 18px #ffcc45}.reel span{color:#101820;text-shadow:0 2px #fff;z-index:2;font-variant-numeric:tabular-nums;font-size:67px;font-weight:1000;position:relative}.reel.spinning{box-shadow:0 0 0 2px #5c3e15,0 0 30px #c5892844,inset 0 0 25px #5e6d7b66}.reel.stopped{box-shadow:0 0 0 2px #5c3e15,0 0 38px #ffc9284f,inset 0 0 25px #5e6d7b66}.digitLabels{color:#748aa2;grid-template-columns:repeat(3,1fr);font-size:9px;display:grid}.connectLine{color:#ffca46;letter-spacing:1px;margin:7px 0;font-size:11px}.drawStatus{color:#aec2d8;background:#08111c;border:1px solid #ffffff09;border-radius:12px;min-height:38px;padding:11px;font-size:11px}.winnerReveal{color:#1a1206;background:linear-gradient(#ffda73,#c68d20);border-radius:15px;max-width:360px;margin:4px auto 12px;padding:12px 16px;box-shadow:0 12px 30px #dca21f33}.winnerReveal span{letter-spacing:1.2px;font-size:9px;font-weight:1000;display:block}.winnerReveal strong{font-size:30px;display:block}.finalResults{text-align:left;gap:7px;margin:12px 0;display:grid}.finalResults div{background:#0a1624;border:1px solid #ffffff0b;border-radius:11px;grid-template-columns:35px 1fr auto;align-items:center;gap:9px;padding:10px;display:grid}.finalResults b{color:#ffcf5f}.finalResults span{font-size:11px}.finalResults em{color:#8bb5df;font-size:10px;font-style:normal}@media (width<=520px){.toast{font-size:10px;top:10px}.myTicketsTopHead strong{font-size:13px}.myTicketTopChip{padding:8px 10px;font-size:12px}.heroCard{grid-template-columns:1.05fr .95fr;min-height:245px}.heroCopy h1{font-size:28px}.heroArt{transform:scale(1.1)}.ticketGrid{grid-template-columns:repeat(6,1fr)}.reel{height:120px}.reel span{font-size:55px}.drawStage h2{font-size:23px}}@media (width<=380px){.ticketGrid{grid-template-columns:repeat(5,1fr)}.prizeStrip b{font-size:10px}.heroCard{min-height:230px}.heroCopy p{font-size:10px}}