@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#061124;--panel:#0a1730;--stroke:#1d3154;--lime:#baff28;--muted:#9cafd9;--white:#f7f8ff}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--white);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);padding:calc(22px + env(safe-area-inset-top)) 18px calc(26px + env(safe-area-inset-bottom));overflow-x:hidden}
main{position:relative;max-width:860px;margin:0 auto}.brand{display:inline-flex;align-items:center;gap:10px;margin:0 0 40px;padding:12px 20px;border-radius:28px;background:#111e35;color:var(--lime);font-weight:700;letter-spacing:.02em;font-size:14px}.gift{font-size:22px;line-height:1}h1{font-size:clamp(27px,4.5vw,40px);line-height:1.1;letter-spacing:-.045em;margin:0 0 12px;font-weight:600}.subtitle{color:var(--muted);font-size:clamp(16px,3vw,24px);margin:0 0 32px}
.panel{border:1px solid var(--stroke);border-radius:26px;padding:26px 26px 30px;background:linear-gradient(155deg,rgba(11,24,48,.92),rgba(8,19,39,.96));box-shadow:0 22px 70px #02081755}.panel h2{text-align:center;margin:0 0 25px;font-size:29px;font-weight:700}.amount-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.amount{height:92px;border:1px solid #24395e;border-radius:21px;background:linear-gradient(110deg,#101d38,#111d35);color:var(--white);display:flex;align-items:center;justify-content:space-between;padding:0 22px;font:500 33px Inter, sans-serif;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.amount:active{transform:scale(.985)}.amount.active{border:2px solid var(--lime);background:linear-gradient(110deg,#102433,#10252d);box-shadow:0 0 16px #baff2820}.spark{width:52px;height:52px;border-radius:50%;background:var(--lime);color:#061124;display:grid;place-items:center;font-size:31px;font-weight:500;flex:none}.summary{margin-top:28px;padding:22px;border:1px solid #274158;border-radius:21px;background:linear-gradient(110deg,#0d2030,#0d1a2d);display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:155px}.selected{display:flex;gap:18px;align-items:center;padding:4px 14px 4px 0;border-right:1px solid #31496d;min-height:110px}.trophy{color:var(--lime);font-size:54px;line-height:1}.selected span{display:block;font-weight:600;font-size:16px;margin-bottom:10px}.selected strong{color:var(--lime);font-size:35px;font-weight:600}.prizes{list-style:none;margin:0;padding:0 4px 0 20px;display:grid;gap:13px}.prizes li{display:flex;justify-content:space-around;align-items:center;font-size:17px}.prizes b{color:var(--lime);font-size:20px}.prizes span{font-size:22px;font-weight:600}.prizes sup{font-size:9px}.continue{margin-top:25px;width:100%;height:68px;border:0;border-radius:40px;background:linear-gradient(100deg,#b6f52e,#c3fa32);color:#071426;font-size:21px;font-weight:700;cursor:pointer}.continue span{font-size:30px;vertical-align:-2px;margin-left:12px}.luck{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:26px;font-size:22px}.luck span{color:var(--lime);font-size:31px}.tagline{text-align:center;color:var(--muted);margin:9px 0 0;font-size:16px}
@media(max-width:520px){body{padding-left:14px;padding-right:14px}.brand{margin:0 0 29px;padding:10px 16px;font-size:12px}h1{font-size:28px}.subtitle{margin-bottom:24px}.panel{padding:21px 15px 24px;border-radius:23px}.panel h2{margin-bottom:20px}.amount-grid{gap:10px}.amount{height:70px;padding:0 12px;border-radius:17px;font-size:25px}.spark{height:42px;width:42px;font-size:26px}.summary{padding:14px 10px;min-height:120px;margin-top:22px;border-radius:17px}.selected{gap:10px;min-height:90px;padding-right:9px}.trophy{font-size:40px}.selected span{font-size:12px;margin-bottom:8px}.selected strong{font-size:27px}.prizes{padding-left:12px;gap:10px}.prizes li{font-size:14px}.prizes b{font-size:16px}.prizes span{font-size:19px}.continue{height:60px;font-size:18px;margin-top:20px}.luck{font-size:18px;margin-top:21px}.tagline{font-size:14px}}

.welcome-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 0 28px}.welcome-copy .eyebrow{margin:0 0 7px;color:#9aa3b3;font-size:13px;letter-spacing:.17em;font-weight:500}.welcome-copy h1{margin:0;font-size:26px;line-height:1.2;letter-spacing:-.03em}.balance{text-align:right;color:#9aa3b3;font-size:14px}.balance>span{display:block;margin-bottom:5px}.balance div{display:flex;align-items:baseline;justify-content:flex-end;gap:10px}.balance strong{font-size:22px;font-weight:500;color:#ffb62e}.balance small{font-size:13px;color:#a4adbd}
@media(max-width:520px){.welcome-bar{margin:7px 0 23px}.welcome-copy .eyebrow{font-size:11px}.welcome-copy h1{font-size:23px}.balance{font-size:13px}.balance strong{font-size:20px}.stake-prompt{font-size:25px}}
#stake-screen{padding-top:16px}
.stake-prompt{text-align:center;margin:0 0 18px;padding-top:8px;color:#9aa3b3;font-family:inherit;font-size:13px;font-weight:500;line-height:normal;letter-spacing:.17em}
@media(max-width:520px){.stake-prompt{font-size:11px}}
.amount-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.amount{position:relative;flex-direction:column;justify-content:center;gap:6px;padding:0 8px}.amount-state-indicators{position:absolute;top:-5px;right:-5px;width:15px;height:15px;border:2px solid #09172b;border-radius:50%;background:#baff28;box-shadow:0 0 8px #baff2860}.amount-state-indicators.state-waiting{background:#ffad32;box-shadow:0 0 8px #ffad3260}.amount-state-indicators.state-drawing{background:#ff5757;box-shadow:0 0 8px #ff575760}
.amount.active{background:linear-gradient(110deg,#294725,#174238);box-shadow:0 0 18px #baff2835,inset 0 0 28px #baff2824}
.summary[hidden],.no-stake[hidden]{display:none}.no-stake{min-height:118px;margin-top:28px;padding:24px;border:1px solid #274158;border-radius:21px;background:linear-gradient(110deg,#0d2030,#0d1a2d);display:flex;align-items:center;justify-content:center;gap:12px;color:#c9d5e8;text-align:center}.no-stake p{margin:0;font-size:16px;font-weight:600;line-height:1.6}.no-stake-mark{color:var(--lime);font-size:23px}
.continue:disabled{cursor:not-allowed;background:#3a4654;color:#aab4c1;box-shadow:none}
#number-screen[hidden]{display:none}
.home-tabs{position:fixed;z-index:20;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 28px),832px);display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0;padding:5px;border:1px solid #293d5c;border-radius:18px;background:#08162af2;backdrop-filter:blur(16px);box-shadow:0 10px 35px #0008}
.home-tabs[hidden],#games-screen[hidden]{display:none}
.home-tab{height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;border-radius:12px;background:transparent;color:var(--muted);font:600 11px Inter,sans-serif;cursor:pointer}
.home-tab span{font-size:18px;line-height:1.1}
.home-tab.active{background:#14243c;color:var(--lime);box-shadow:inset 0 0 0 1px #314564}
body{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
.games-heading{display:flex;align-items:center;justify-content:space-between;margin:3px 0 7px}
.games-heading h2{margin:0;font-size:26px}
.games-heading button{width:42px;height:42px;border:1px solid var(--stroke);border-radius:12px;background:#0c1b30;color:var(--lime);font-size:25px;cursor:pointer}
.games-intro{margin:0 0 18px;color:var(--muted);font-size:14px}
.games-list{display:grid;gap:14px}
.games-empty{margin:0;padding:28px 18px;text-align:center;color:var(--muted);border:1px solid var(--stroke);border-radius:18px;background:#0a1729}
.game-card{padding:17px;border:1px solid var(--stroke);border-radius:19px;background:linear-gradient(145deg,#0c1a30,#091527);box-shadow:0 12px 34px #02081744}
.game-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid #203350}
.history-label{color:var(--muted);font-size:10px;letter-spacing:.15em;font-weight:700}
.game-card-head h3{margin:4px 0 0;font-size:13px;line-height:1.2;font-weight:600;letter-spacing:.02em}
.game-card-meta{display:grid;justify-items:end;gap:7px}
.game-status{padding:5px 9px;border:1px solid #324866;border-radius:14px;background:#111f32;color:#a9b6ca;font-size:10px;font-weight:700}
.game-status.status-selecting{border-color:#536b39;background:#17251a;color:var(--lime)}
.game-status.status-waiting{border-color:#766328;background:#292615;color:#ffd65f}
.game-status.status-drawing{border-color:#5a4a85;background:#241d3d;color:#c9b7ff}
.game-status.status-closed{border-color:#38465a;background:#121b29;color:#aab4c1}
.stake-badge{padding:8px 10px;border-radius:20px;background:#172b2e;color:var(--lime);font-size:12px;font-weight:700;white-space:nowrap}
.game-times{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:13px 0;border-bottom:1px solid #203350}
.game-times div,.history-money div{display:grid;gap:5px;min-width:0}
.game-times span,.history-row>span,.history-money span{color:var(--muted);font-size:11px}
.game-times strong{font-size:12px;font-weight:500;line-height:1.4}
.history-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #203350;font-size:13px}
.history-row>strong{text-align:right;max-width:70%;overflow-wrap:anywhere;font-weight:500}
.winner-chips{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.winner-chip{display:flex;gap:5px;align-items:center;padding:5px 8px;border:1px solid #5c831d;border-radius:12px;background:#182c21;color:var(--lime);font-variant-numeric:tabular-nums}
.winner-chip b{font-size:10px}
.history-pending{color:var(--muted);font-size:12px}
.history-money{display:grid;grid-template-columns:1fr 1fr;gap:13px 10px;padding-top:14px}
.history-money strong{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
.history-money .history-win{color:var(--lime)}
@media(max-width:390px){.game-card{padding:14px}.stake-badge{font-size:11px;padding:7px 8px}.history-money strong{font-size:12px}.game-times strong{font-size:11px}}
.wallet-card{padding:16px;border:1px solid var(--stroke);border-radius:17px;background:linear-gradient(145deg,#0c1a30,#091527)}
.wallet-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.wallet-kind{font-size:15px;font-weight:700}
.wallet-game-info{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;color:var(--muted);font-size:11px}
.wallet-game-info span{padding:4px 7px;border:1px solid #293d5c;border-radius:10px;background:#0d1b2d}
.wallet-amount{font-size:17px;white-space:nowrap;font-variant-numeric:tabular-nums}
.wallet-amount.positive{color:var(--lime)}.wallet-amount.negative{color:#ff9c83}
.wallet-card-foot{display:flex;justify-content:space-between;gap:12px;margin-top:13px;padding-top:11px;border-top:1px solid #203350;color:var(--muted);font-size:11px}
.welcome-bar[hidden]{display:none!important}
.welcome-copy #header-game-id{margin:0;color:#9aa3b3;font-size:13px;line-height:1.2;letter-spacing:.17em;font-weight:500}
.number-heading{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;margin:4px 0 20px}
.number-heading h2{margin:0;text-align:left;font-size:clamp(19px,3.4vw,30px);line-height:1.25;font-weight:700}
.back-button{width:50px;height:50px;border:1px solid #3b5278;border-radius:13px;background:#09162a;color:var(--white);font-size:30px;line-height:1;cursor:pointer}
.stake-chip{display:flex;align-items:baseline;gap:8px;padding:12px 16px;border:1px solid var(--stroke);border-radius:15px;background:#0a1728;white-space:nowrap}
.stake-chip span{color:var(--lime);font-weight:700}.stake-chip strong{font-size:22px;font-weight:500}.stake-chip small{color:var(--muted)}
.number-panel{padding:clamp(14px,2.5vw,25px);border:1px solid var(--stroke);border-radius:25px;background:linear-gradient(155deg,rgba(7,18,36,.96),rgba(8,20,39,.98));box-shadow:0 22px 70px #02081755}
.number-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));align-items:start;gap:clamp(4px,1.1vw,11px)}
.number-selection-notice[hidden]{display:none}.number-selection-notice{margin:0 0 12px;padding:10px 13px;border:1px solid #805824;border-radius:12px;background:#2a2117;color:#ffc46b;font-size:13px;font-weight:600;line-height:1.45}
.number-button{display:grid;place-items:center;width:100%;height:auto;min-height:0;aspect-ratio:1 / 1;align-self:start;padding:0;line-height:1;border:1px solid #526887;border-radius:50%;background:transparent;color:var(--white);font:500 clamp(12px,2.5vw,22px) Inter,sans-serif;cursor:pointer;transition:background .15s,border-color .15s}
.number-button:active:not(:disabled){transform:none}
.number-button.selected{border-color:var(--lime);background:var(--lime);color:#081324;font-weight:500}
.number-button.unavailable{border-color:#243348;background:#111b2a;color:#778196;opacity:.64;cursor:not-allowed}
.number-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:15px 18px;border:1px solid #263c57;border-radius:17px;background:#091727}
.number-total span{display:block;color:var(--muted);font-size:14px;margin-bottom:3px}.number-total strong{color:var(--lime);font-size:clamp(22px,4vw,32px)}
.number-total small{color:#c6cee0;text-align:right;font-size:13px}
.number-note{min-height:18px;margin:10px 2px 0;color:var(--muted);font-size:13px;line-height:1.4}
.number-panel>.continue{margin-top:10px}
.number-luck{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:19px;font-size:19px}.number-luck span{color:var(--lime);font-size:27px}
.number-tagline{text-align:center;color:var(--muted);margin:7px 0 0;font-size:14px}
@media(max-width:520px){.welcome-copy #header-game-id{font-size:11px}.number-heading{grid-template-columns:42px 1fr auto;gap:8px;margin:0 0 14px}.back-button{width:42px;height:42px;font-size:27px}.number-heading h2{font-size:16px}.stake-chip{gap:5px;padding:9px 8px;border-radius:12px;font-size:12px}.stake-chip strong{font-size:16px}.stake-chip small{font-size:10px}.number-panel{padding:11px;border-radius:20px}.number-grid{gap:4px}.number-button{font-size:clamp(11px,3.5vw,15px)}.number-total{margin-top:12px;padding:11px 12px}.number-total span,.number-total small{font-size:11px}.number-total strong{font-size:23px}.number-note{font-size:11px}.number-panel>.continue{height:56px;margin-top:8px;font-size:18px}.number-luck{margin-top:14px;font-size:17px}.number-tagline{font-size:12px}}
#confirmation-screen[hidden]{display:none}
#confirmation-screen{position:relative;min-height:calc(100vh - 48px);padding:clamp(20px,6vh,70px) 12px 24px;display:flex;flex-direction:column;align-items:center;text-align:center}
.confirmation-home{position:absolute;top:0;left:0;width:auto;height:44px;padding:0 13px;font-size:14px;line-height:1;border-radius:12px;margin:0}
.confirmation-title{font-family:Inter,"Noto Sans Ethiopic",sans-serif;font-size:clamp(25px,6.5vw,44px);line-height:1.3;margin:0 0 clamp(25px,5vh,55px);letter-spacing:0}
.success-art{position:relative;width:min(31vw,135px);aspect-ratio:1;border:4px solid var(--lime);border-radius:50%;display:grid;place-items:center;color:var(--lime);box-shadow:0 0 40px #baff2826,inset 0 0 32px #baff2814;margin-bottom:16px}
.success-art:before,.success-art:after{content:"✦";position:absolute;color:var(--lime);font-size:17px}.success-art:before{left:-21px;top:24%}.success-art:after{right:-21px;top:56%}
.success-art span{font-family:Arial,sans-serif;font-size:clamp(40px,12vw,70px);font-weight:500;line-height:.8;transform:translateY(-5px)}
.thanks-title{display:flex;align-items:center;justify-content:center;gap:15px;color:var(--lime)}
.thanks-icon{width:57px;height:48px;border:3px solid var(--lime);border-radius:15px;display:grid;place-items:center;font-size:33px;line-height:1;position:relative}
.thanks-icon:after{content:"";position:absolute;left:5px;bottom:-9px;width:12px;height:12px;border-left:3px solid var(--lime);border-bottom:3px solid var(--lime);background:var(--bg);transform:skewY(-35deg)}
.thanks-title strong{font-family:Inter,"Noto Sans Ethiopic",sans-serif;font-size:clamp(26px,6.8vw,46px);line-height:1.2}
.thanks-caption{color:var(--muted);font-weight:700;letter-spacing:.14em;font-size:22px;margin:6px 0 36px}
.confirmation-card{width:min(100%,720px);min-height:150px;border:1px solid var(--stroke);border-radius:25px;background:rgba(7,19,37,.65);display:flex;align-items:center;gap:28px;padding:24px 30px;text-align:left}
.bell-icon{width:72px;height:72px;flex:none;color:var(--lime)}
.confirmation-card p{font-family:Inter,"Noto Sans Ethiopic",sans-serif;font-size:clamp(17px,4vw,27px);line-height:1.65;font-weight:600;margin:0}
.confirmation-card small{display:block;color:var(--lime);font-size:14px;line-height:1.6;margin-top:10px;overflow-wrap:anywhere}
.confirmation-good-luck{font-family:Inter,"Noto Sans Ethiopic",sans-serif;display:flex;align-items:center;gap:20px;font-size:clamp(27px,7vw,48px);font-weight:700;margin:clamp(45px,8vh,90px) 0 9px}
.confirmation-good-luck span{font-size:22px;color:var(--lime)}
.good-luck-underline{width:min(55vw,310px);height:7px;border-top:6px solid var(--lime);border-radius:50%;transform:rotate(-2deg)}
@media(max-width:520px){#confirmation-screen{padding:clamp(30px,7vh,58px) 6px 20px}.confirmation-title{margin-bottom:clamp(24px,5vh,45px)}.success-art{width:min(29vw,110px);border-width:3px;margin-bottom:13px}.success-art:before{left:-15px;font-size:14px}.success-art:after{right:-15px;font-size:14px}.thanks-title{gap:10px}.thanks-icon{width:47px;height:41px;font-size:28px}.thanks-title strong{font-size:clamp(24px,6.5vw,34px)}.thanks-caption{font-size:18px;margin-bottom:28px}.confirmation-card{min-height:135px;border-radius:20px;gap:14px;padding:18px 15px}.bell-icon{width:48px;height:56px}.confirmation-card p{font-size:clamp(15px,4.2vw,20px)}.confirmation-card small{font-size:12px}.confirmation-good-luck{margin-top:clamp(42px,8vh,72px);gap:11px}.confirmation-good-luck span{font-size:16px}}

#game-status-screen[hidden]{display:none}.status-home{width:auto;height:42px;padding:0 14px;font-size:18px}.status-title{text-align:center;font-size:clamp(24px,6vw,38px);margin:28px 0 8px}.status-subtitle{text-align:center;color:var(--muted);font-size:16px;margin:0 0 24px}.countdown-card{margin:20px auto;padding:28px;border:1px solid var(--stroke);border-radius:22px;background:linear-gradient(130deg,#0c1d31,#0c1829);display:grid;gap:10px;text-align:center}.countdown-card[hidden],.drawing-area[hidden],.winner-card[hidden]{display:none}.countdown-card span{color:var(--muted);font-size:17px}.countdown-card strong{font-size:clamp(48px,12vw,76px);color:var(--lime);font-variant-numeric:tabular-nums}.drawing-area{padding:20px 10px 28px;text-align:center}.lottery-bowl{position:relative;width:min(78vw,440px);aspect-ratio:1 / .83;margin:10px auto 22px;overflow:hidden;border:8px solid #9db0c3;border-radius:50% 50% 46% 46% / 45% 45% 55% 55%;background:radial-gradient(ellipse at 50% 35%,#20394b99,#06101ccc 72%);box-shadow:inset 0 0 24px #bfe3ff66,0 15px 0 -7px #18283a,0 19px 0 -8px var(--lime),0 26px 22px #000a}.lottery-bowl:before{content:"";position:absolute;inset:12px;border:2px solid #d8e7f544;border-radius:50%;pointer-events:none}.bowl-ball{position:absolute;display:grid;place-items:center;width:clamp(34px,9vw,58px);aspect-ratio:1;border-radius:50%;color:#09131c;background:radial-gradient(circle at 34% 28%,#edff8a,#a8ee1b 62%,#4a7e03);font-weight:800;font-size:clamp(14px,3.6vw,22px);box-shadow:0 5px 12px #0009;animation:balls-tumble 1.2s ease-in-out infinite alternate}.ball-one{left:11%;bottom:17%;animation-delay:-.3s}.ball-two{left:32%;bottom:8%;animation-delay:-.8s}.ball-three{right:12%;bottom:19%;animation-delay:-.4s}.ball-four{left:18%;bottom:49%;animation-delay:-.6s}.ball-five{left:43%;bottom:34%;animation-delay:-.9s}.ball-six{right:14%;bottom:50%;animation-delay:-.2s}.ball-seven{left:28%;bottom:70%;animation-delay:-1s}.ball-eight{right:31%;bottom:68%;animation-delay:-.5s}.ball-nine{right:39%;bottom:14%;animation-delay:-.7s}.drawing-area.is-final .bowl-ball{visibility:hidden;animation:none}.drawing-area.is-final .ball-one{visibility:visible;opacity:1;left:calc(50% - 38px);bottom:35%;width:76px;box-shadow:0 0 48px #baff28}.drawing-caption{font-size:20px;color:var(--lime);font-weight:700}.drawing-progress{height:9px;border:1px solid #40506a;border-radius:12px;overflow:hidden}.drawing-progress i{display:block;width:35%;height:100%;border-radius:12px;background:repeating-linear-gradient(120deg,#baff28 0 8px,#8aca12 8px 13px);animation:drawing-progress 20s linear forwards}.winner-card{margin:35px auto;padding:24px;border:1px solid #344e32;border-radius:24px;background:radial-gradient(ellipse,#16351b,#091526 72%);display:grid;justify-items:center;gap:18px;max-width:400px}.winner-card span{color:var(--lime);font-weight:700}.winner-card strong{display:grid;place-items:center;width:150px;aspect-ratio:1;border:3px solid var(--lime);border-radius:50%;font-size:86px;box-shadow:0 0 45px #baff2855}
@keyframes balls-tumble{from{transform:translate(0,0) rotate(-12deg)}to{transform:translate(8px,-16px) rotate(20deg)}}@keyframes drawing-progress{to{width:100%}}
.lottery-bowl{background:radial-gradient(ellipse at 50% 32%,rgba(44,86,109,.24),rgba(3,10,19,.18) 72%);backdrop-filter:blur(1.5px)}.bowl-ball{background:radial-gradient(circle at 33% 26%,var(--ball-hi),var(--ball-mid) 60%,var(--ball-low));animation:none;transition:transform .11s linear;will-change:transform}.ball-one{--ball-hi:#f1ff86;--ball-mid:#b7f52f;--ball-low:#598d08}.ball-two{--ball-hi:#b8f4ff;--ball-mid:#27c9ef;--ball-low:#075d91}.ball-three{--ball-hi:#fff0a8;--ball-mid:#ffbd38;--ball-low:#a9520c}.ball-four{--ball-hi:#e8c8ff;--ball-mid:#ba72fa;--ball-low:#5d299d}.ball-five{--ball-hi:#ffc2d2;--ball-mid:#fb5d86;--ball-low:#9c1748}.ball-six{--ball-hi:#baffec;--ball-mid:#39dfad;--ball-low:#087451}.ball-seven{--ball-hi:#ffd0a6;--ball-mid:#ff8238;--ball-low:#9f340c}.ball-eight{--ball-hi:#d3d5ff;--ball-mid:#777ff4;--ball-low:#353b96}.ball-nine{--ball-hi:#fff2a8;--ball-mid:#e7e947;--ball-low:#85870b}
.lottery-bowl{width:min(86vw,480px);aspect-ratio:1;border-radius:50%;overflow:visible;background:radial-gradient(circle at 34% 27%,rgba(179,220,244,.12),rgba(36,70,91,.11) 38%,rgba(1,8,18,.22) 78%);box-shadow:inset 0 0 30px rgba(190,225,250,.28),inset -18px -12px 34px rgba(158,194,221,.12),0 20px 0 -8px #18283a,0 24px 0 -9px var(--lime),0 32px 26px #000b}.lottery-bowl:before{z-index:1;inset:3%;border:2px solid rgba(218,239,255,.22);background:linear-gradient(115deg,rgba(255,255,255,.13),transparent 19% 75%,rgba(214,238,255,.08));border-radius:50%}.lottery-bowl:after{content:"";position:absolute;z-index:4;left:50%;top:2%;width:28%;height:8%;transform:translateX(-50%);border:5px solid #a9bbc9;border-bottom-color:#728b9c;border-radius:50%;background:radial-gradient(ellipse,#01050b 10%,#08121c 65%,#283d49 100%);box-shadow:0 3px 7px #000a,inset 0 2px 3px #000;pointer-events:none}.bowl-ball{left:50%;top:50%;width:clamp(19px,5.5vw,26px);height:clamp(19px,5.5vw,26px);padding:0;border:1px solid rgba(255,255,255,.44);font-size:clamp(8px,2.15vw,10px);line-height:1;z-index:2;background:radial-gradient(circle at 32% 24%,hsl(var(--ball-hue) 100% 88%),hsl(var(--ball-hue) 96% 57%) 55%,hsl(var(--ball-hue) 94% 31%));transition:left .14s linear,top .14s linear,transform .14s linear;will-change:left,top,transform}.drawing-area.is-final .bowl-ball{visibility:visible;transition:opacity .3s ease}.drawing-area.is-final .lottery-bowl .bowl-ball:not([style*="z-index: 10"]){visibility:visible}.drawing-area.is-final .lottery-bowl{overflow:visible}
.bowl-ball{transition:left .075s linear,top .075s linear,transform .075s linear}.bowl-ball.lucky-ball{background:radial-gradient(circle at 32% 24%,#f4ffb0,#baff28 58%,#628f08);box-shadow:0 0 38px #c8ff32,0 0 70px #c8ff3280;border-color:#efffb0}.confetti-layer{position:fixed;inset:0;z-index:1000;overflow:hidden;pointer-events:none}.confetti-piece{position:absolute;top:-24px;width:8px;height:15px;border-radius:2px;background:hsl(var(--hue) 96% 58%);opacity:0;animation:confetti-fall var(--duration) var(--delay) cubic-bezier(.2,.65,.35,1) forwards}.confetti-piece:nth-child(3n){width:6px;height:6px;border-radius:50%}.confetti-piece:nth-child(4n){width:5px;height:17px}.@keyframes confetti-fall{0%{opacity:0;transform:translate3d(0,-10vh,0) rotate(0)}8%{opacity:1}100%{opacity:0;transform:translate3d(var(--sway),110vh,0) rotate(var(--spin))}}
@media(max-width:520px){.status-title{margin-top:23px}.lottery-bowl{border-width:6px}.countdown-card{padding:23px}}
.waiting-thanks{margin:8px 0 0;color:var(--muted);font-size:clamp(15px,4vw,20px);line-height:1.5}
.winner-flyover[hidden]{display:none}.winner-flyover{position:fixed;z-index:1001;top:44%;left:0;width:min(76vw,350px);pointer-events:none;animation:winner-flyover 5s cubic-bezier(.18,.72,.3,1) both}.winner-flyover-card{display:grid;justify-items:center;gap:7px;padding:16px 22px;border:1px solid #baff28;border-radius:22px;background:linear-gradient(145deg,#142b24f5,#091526f5);box-shadow:0 0 28px #baff2850,0 15px 45px #0009;text-align:center}.winner-flyover-card span{color:var(--lime);font-size:11px;font-weight:800;letter-spacing:.15em}.winner-flyover-card strong{color:#fff;font-size:clamp(32px,8vw,54px);line-height:1}.winner-flyover-card p{margin:0;color:#d7f3a0;font-size:clamp(16px,4vw,24px);font-weight:700;overflow-wrap:anywhere}@keyframes winner-flyover{0%{opacity:0;transform:translateX(-110vw) rotate(-5deg)}12%{opacity:1;transform:translateX(-70vw) rotate(-2deg)}24%,74%{opacity:1;transform:translateX(12vw) rotate(0)}88%{opacity:1;transform:translateX(73vw) rotate(2deg)}100%{opacity:0;transform:translateX(110vw) rotate(5deg)}}
.winner-card{width:min(94%,440px);padding:8px;border-radius:16px}.winner-prizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.winner-prize{display:grid;justify-items:center;align-content:center;gap:7px;padding:8px 3px;border:1px solid #baff2866;border-radius:12px;background:#091526eF}.winner-prize[hidden]{display:none}.winner-card .winner-prize span{font-size:clamp(12px,3vw,16px);color:var(--lime);font-weight:700}.winner-card .winner-prize strong{width:clamp(42px,13vw,64px);font-size:clamp(23px,7vw,34px);border:2px solid var(--lime);box-shadow:0 0 22px #baff2844}
.confetti-piece{top:0;opacity:1;animation-name:confetti-fall;animation-duration:var(--duration);animation-delay:var(--delay);animation-timing-function:linear;animation-fill-mode:forwards}@keyframes confetti-fall{0%{opacity:1;transform:translate3d(0,0,0) rotate(0)}100%{opacity:0;transform:translate3d(var(--sway),100vh,0) rotate(var(--spin))}}
.confetti-piece{left:50%;top:38%;animation-name:confetti-burst}.sound-toggle{display:block;margin:12px auto 20px;border:1px solid #425c70;border-radius:999px;padding:10px 18px;background:#11263a;color:var(--lime);font:600 14px Inter,sans-serif;cursor:pointer}.sound-toggle[hidden]{display:none}.sound-toggle:disabled{opacity:.65;cursor:wait}@keyframes confetti-burst{0%{opacity:1;transform:translate(-50%,-50%) scale(.65) rotate(0)}34%{opacity:1;transform:translate(calc(-50% + var(--mid-x)),calc(-50% + var(--mid-y))) scale(1.1) rotate(calc(var(--spin)*.35))}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--end-y))) scale(.8) rotate(var(--spin))}}
.winner-card{position:absolute;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%);width:min(72%,300px);max-width:none;margin:0;padding:14px;border:1px solid #baff2880;border-radius:22px;background:radial-gradient(ellipse,#10261feF,#091526ef 76%);box-shadow:0 0 36px #baff2840;gap:10px;pointer-events:auto}.winner-card strong{width:clamp(76px,24vw,112px);font-size:clamp(48px,15vw,68px);border-width:2px}.winner-card span{font-size:14px}.winner-card .sound-toggle{max-width:100%;padding:8px 10px;font-size:clamp(11px,3vw,13px)}