.lotto-site{background:#030106;color:#fff}
.lotto-site .site-header{z-index:120}
.lotto-hero{position:relative;min-height:720px;padding:150px 0 80px;overflow:hidden;background:
linear-gradient(180deg,rgba(2,0,5,.3),rgba(3,1,7,.82) 72%,#030106),
radial-gradient(circle at 70% 42%,rgba(197,105,34,.2),transparent 22%),
url("../assets/eclipse-citadel.webp") center/cover no-repeat}
.lotto-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 42%,rgba(147,47,221,.2),transparent 32%),linear-gradient(90deg,rgba(2,0,5,.74),transparent 65%)}
.lotto-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr .85fr;gap:55px;align-items:center}
.lotto-hero-copy h1{margin:16px 0;font:800 clamp(50px,7vw,96px)/.9 "Cinzel",serif;letter-spacing:1px}
.lotto-hero-copy h1 em{display:block;margin-top:10px;font-style:normal;background:linear-gradient(180deg,#fff4c4,#ffc45e 45%,#c96fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 24px rgba(255,179,70,.28))}
.lotto-hero-copy>p{max-width:640px;color:#d2bfdc;font-size:16px;font-weight:700;line-height:1.85}
.lotto-countdown-card{display:inline-grid;gap:7px;min-width:320px;margin-top:30px;padding:20px 24px;border:1px solid rgba(255,196,98,.32);border-radius:18px;background:linear-gradient(135deg,rgba(70,38,12,.42),rgba(23,8,36,.84));box-shadow:0 20px 55px rgba(0,0,0,.38)}
.lotto-countdown-card span{color:#d5b981;font-size:11px;font-weight:800;letter-spacing:1px}
.lotto-countdown-card strong{color:#fff3cc;font:800 35px/1 "Cinzel",serif;letter-spacing:3px;text-shadow:0 0 20px rgba(255,187,79,.35)}
.lotto-countdown-card small{color:#9e8aab;font-size:10px}
.lotto-oracle{position:relative;min-height:470px;display:grid;place-items:center}
.lotto-orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,197,103,.26);box-shadow:0 0 30px rgba(255,177,61,.08),inset 0 0 35px rgba(165,67,226,.08)}
.lotto-orbit::before,.lotto-orbit::after{content:"◆";position:absolute;color:#ffd077;font-size:12px;text-shadow:0 0 12px #ffb13c}
.lotto-orbit::before{left:50%;top:-7px}.lotto-orbit::after{left:50%;bottom:-7px}
.orbit-a{width:390px;height:390px;animation:lottoSpin 18s linear infinite}
.orbit-b{width:310px;height:310px;border-style:dashed;border-color:rgba(201,105,255,.28);animation:lottoSpinBack 13s linear infinite}
.lotto-ball{position:relative;z-index:3;width:210px;height:210px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 36% 28%,#fff1bd 0 4%,#d29838 18%,#6a3215 50%,#160817 72%);border:2px solid rgba(255,224,157,.74);box-shadow:0 0 0 9px rgba(180,92,34,.12),0 0 80px rgba(255,164,53,.28),inset -28px -32px 55px rgba(19,3,20,.7)}
.lotto-ball span{color:#fff2c5;font:800 108px/1 "Cinzel",serif;text-shadow:0 3px 0 #6e3216,0 0 25px rgba(255,237,179,.45)}
.lotto-ball small{position:absolute;right:24px;bottom:27px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#190919;border:1px solid rgba(255,214,132,.6);color:#ffd889;font:800 16px/1 "Cinzel",serif}
.lotto-oracle-label{position:absolute;bottom:10px;text-align:center}.lotto-oracle-label strong{display:block;color:#ffe4a1;font:800 11px/1 "Cinzel",serif;letter-spacing:3px}.lotto-oracle-label span{display:block;margin-top:7px;color:#a887b8;font:700 9px/1 "Cinzel",serif;letter-spacing:2px}

.lotto-prizes{padding:20px 0 75px;background:#030106}
.lotto-prize-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lotto-prize{position:relative;overflow:hidden;padding:28px 22px;border:1px solid rgba(220,151,255,.18);border-radius:22px;background:linear-gradient(145deg,rgba(24,9,37,.95),rgba(7,2,12,.99));text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.38)}
.lotto-prize::after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#bf66f0,transparent)}
.lotto-prize.first{border-color:rgba(255,202,105,.42)}.lotto-prize.first::after{background:linear-gradient(90deg,transparent,#ffbf4d,transparent)}
.lotto-prize.second{border-color:rgba(207,214,236,.34)}.lotto-prize.third{border-color:rgba(210,133,74,.32)}
.lotto-prize>span{display:block;color:#b98bd1;font:800 11px/1 "Cinzel",serif;letter-spacing:3px}
.lotto-prize strong{display:inline-block;margin-top:12px;color:#fff;font:800 clamp(29px,4vw,48px)/1 "Cinzel",serif}.lotto-prize small{margin-left:8px;color:#d68bff;font:800 10px/1 "Cinzel",serif}.lotto-prize p{margin-top:12px;color:#a28eae;font-size:11px}
.lotto-prize.first strong{color:#ffe5a0;text-shadow:0 0 25px rgba(255,184,64,.25)}

.lotto-console-section{padding:35px 0 100px;background:linear-gradient(180deg,#030106,#07020c 60%,#030106)}
.lotto-round-status{display:grid;grid-template-columns:repeat(4,1fr);position:relative;overflow:hidden;margin-bottom:20px;border:1px solid rgba(215,144,255,.2);border-radius:18px;background:rgba(14,5,23,.9)}
.lotto-round-status>div:not(.lotto-progress){padding:19px 22px;border-right:1px solid rgba(215,144,255,.11)}.lotto-round-status>div:nth-child(4){border-right:0}
.lotto-round-status span{display:block;color:#8e7a9b;font-size:9px;font-weight:800;letter-spacing:1px}.lotto-round-status strong{display:block;margin-top:7px;color:#eadcf2;font-size:13px}.lotto-round-status b{color:#db91ff;font:800 18px/1 "Cinzel",serif}
.lotto-progress{position:absolute!important;left:0;right:0;bottom:0;height:3px!important;padding:0!important;background:rgba(255,255,255,.04)}.lotto-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#7a2ab1,#d56cff,#ffbd53);box-shadow:0 0 15px rgba(207,98,255,.5);transition:width .35s ease}
.lotto-console{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid rgba(220,150,255,.24);border-radius:26px;background:linear-gradient(145deg,rgba(19,7,30,.96),rgba(6,2,11,.99));box-shadow:0 32px 90px rgba(0,0,0,.48)}
.lotto-account,.lotto-buy{padding:38px}.lotto-account{border-right:1px solid rgba(220,150,255,.12)}
.lotto-account h2,.lotto-buy h2{margin-top:10px;color:#fff;font-size:26px}.lotto-account p,.lotto-buy p{margin-top:8px;color:#9d8aaa;font-size:11px;line-height:1.7}
.lotto-account-stats{display:grid;gap:11px;margin-top:24px}.lotto-account-stats>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid rgba(214,143,255,.16);border-radius:12px;background:rgba(6,2,11,.76)}
.lotto-account-stats span{color:#8e7b9a;font-size:9px;font-weight:800;letter-spacing:1px}.lotto-account-stats strong{color:#eee2f4;font-size:11px}.lotto-account-stats b{color:#d990ff;font:800 19px/1 "Cinzel",serif}
.lotto-buy{display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 50% 48%,rgba(172,73,231,.12),transparent 42%)}
.lotto-buy-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.lotto-buy-buttons button{min-height:112px;padding:15px 10px;border:1px solid rgba(220,154,255,.28);border-radius:15px;background:linear-gradient(145deg,rgba(85,27,121,.62),rgba(38,10,57,.92));color:#fff;cursor:pointer;transition:.25s ease}.lotto-buy-buttons button:hover:not(:disabled){transform:translateY(-4px);border-color:#d58aff;box-shadow:0 16px 38px rgba(151,55,207,.25)}.lotto-buy-buttons button:disabled{opacity:.38;filter:grayscale(.75);cursor:not-allowed}.lotto-buy-buttons span{display:block;font-size:20px;font-weight:900}.lotto-buy-buttons strong{display:block;margin-top:9px;color:#e0b2f5;font:800 9px/1 "Cinzel",serif}
.lotto-buy-note{margin-top:18px;padding:13px;border:1px solid rgba(255,193,92,.14);border-radius:11px;background:rgba(91,56,15,.09);color:#aa9473;font-size:9px;line-height:1.6;text-align:center}

.lotto-my-section,.lotto-results-section{padding:95px 0;background:#030106}.lotto-results-section{background:linear-gradient(180deg,#030106,#08030d 55%,#030106)}
.lotto-odds-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.lotto-odds-grid>div{padding:22px;border:1px solid rgba(211,137,255,.18);border-radius:17px;background:linear-gradient(145deg,rgba(20,8,32,.94),rgba(7,2,12,.98));text-align:center}.lotto-odds-grid span{display:block;color:#9581a1;font-size:10px}.lotto-odds-grid strong{display:block;margin-top:10px;color:#ead7f4;font:800 25px/1 "Cinzel",serif}.lotto-odds-grid .any{border-color:rgba(255,194,92,.28)}.lotto-odds-grid .any strong{color:#ffd27b}
.lotto-ticket-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.lotto-ticket{position:relative;overflow:hidden;padding:21px;border:1px solid rgba(222,155,255,.22);border-radius:16px;background:linear-gradient(120deg,rgba(54,17,78,.7),rgba(12,4,19,.96));box-shadow:0 18px 45px rgba(0,0,0,.3)}.lotto-ticket::after{content:"";position:absolute;right:-14px;top:-14px;width:58px;height:58px;border-radius:50%;border:1px dashed rgba(255,207,115,.28)}.lotto-ticket span{color:#a983bb;font:800 8px/1 "Cinzel",serif;letter-spacing:2px}.lotto-ticket strong{display:block;margin-top:10px;color:#fff0c0;font:800 14px/1.3 "Cinzel",serif;word-break:break-all}
.lotto-empty{grid-column:1/-1;padding:34px;border:1px dashed rgba(207,137,245,.2);border-radius:16px;color:#8f7a9c;font-size:11px;text-align:center}
.lotto-winner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.lotto-winner{padding:24px;border:1px solid rgba(214,145,255,.2);border-radius:19px;background:linear-gradient(145deg,rgba(22,8,34,.96),rgba(6,2,11,.99));text-align:center}.lotto-winner[data-rank="1"]{border-color:rgba(255,199,91,.4)}.lotto-winner>span{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:50%;border:1px solid rgba(222,158,255,.3);color:#e5b9f7;font:800 14px/1 "Cinzel",serif}.lotto-winner[data-rank="1"]>span{border-color:rgba(255,205,108,.55);color:#ffd478}.lotto-winner h3{margin-top:14px;color:#fff;font-size:17px}.lotto-winner strong{display:block;margin-top:9px;color:#d997f7;font:800 22px/1 "Cinzel",serif}.lotto-winner small{display:block;margin-top:10px;color:#8e7b99;font-size:9px;word-break:break-all}

.lotto-rules-section{padding:20px 0 110px;background:#030106}.lotto-rules{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;padding:34px;border:1px solid rgba(255,190,88,.2);border-radius:22px;background:linear-gradient(130deg,rgba(58,31,8,.28),rgba(14,5,23,.94))}.lotto-rules h2{margin-top:10px;color:#fff;font-size:25px}.lotto-rules ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.lotto-rules li{position:relative;padding-left:18px;color:#b9a4c4;font-size:11px;line-height:1.7}.lotto-rules li::before{content:"◆";position:absolute;left:0;color:#e2a84d;font-size:7px}
.lotto-site .toast.error{background:#591828;border-color:#ff668a}

@keyframes lottoSpin{to{transform:rotate(360deg)}}@keyframes lottoSpinBack{to{transform:rotate(-360deg)}}
@media(max-width:1180px){.lotto-hero-grid{grid-template-columns:1fr}.lotto-hero-copy{text-align:center}.lotto-hero-copy>p{margin:auto}.lotto-countdown-card{text-align:left}.lotto-oracle{min-height:430px}.lotto-console{grid-template-columns:1fr}.lotto-account{border-right:0;border-bottom:1px solid rgba(220,150,255,.12)}}
@media(max-width:820px){.lotto-hero{min-height:auto;padding:125px 0 60px}.lotto-oracle{min-height:370px}.lotto-oracle{transform:scale(.84)}.lotto-prize-grid{grid-template-columns:1fr}.lotto-round-status{grid-template-columns:1fr 1fr}.lotto-round-status>div:not(.lotto-progress){border-bottom:1px solid rgba(215,144,255,.1)}.lotto-account,.lotto-buy{padding:28px 20px}.lotto-odds-grid{grid-template-columns:1fr 1fr}.lotto-ticket-list,.lotto-winner-grid{grid-template-columns:1fr}.lotto-rules{grid-template-columns:1fr}.lotto-buy-buttons{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:520px){.lotto-hero-copy h1{font-size:45px}.lotto-countdown-card{min-width:0;width:100%}.lotto-countdown-card strong{font-size:28px}.lotto-oracle{margin:-35px 0;transform:scale(.68)}.lotto-round-status{grid-template-columns:1fr}.lotto-buy-buttons{grid-template-columns:1fr}.lotto-buy-buttons button{min-height:80px}.lotto-odds-grid{grid-template-columns:1fr 1fr}.lotto-rules{padding:25px 20px}}
