@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lilita-one-latin-400-normal-87r-Z-Re.woff2)format("woff2"),url(/assets/lilita-one-latin-400-normal-DXkechA3.woff)format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/outfit-latin-500-normal-DKnIMDSk.woff2)format("woff2"),url(/assets/outfit-latin-500-normal-ClnHRwRh.woff)format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/outfit-latin-700-normal-Cu9v6i1X.woff2)format("woff2"),url(/assets/outfit-latin-700-normal-D4itBLBr.woff)format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/outfit-latin-800-normal-CQna6-G7.woff2)format("woff2"),url(/assets/outfit-latin-800-normal-BRHLSPcU.woff)format("woff")}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;color:#fff8ea;background-color:#2a0610;background-image:linear-gradient(#1200061f,#12000675),url(/lottery/page-glow.jpg);background-position:top;background-size:cover;background-attachment:fixed;height:100dvh;font-family:Outfit,Segoe UI,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}.page{height:100dvh;max-height:100dvh;padding:8px 10px calc(8px + env(safe-area-inset-bottom));justify-content:center;display:flex;position:relative;overflow:hidden}.page:before,.page:after{content:none}.stage{z-index:1;flex-direction:column;width:min(430px,100%);min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.hero{flex:none}.picado{justify-content:center;gap:4px;margin-bottom:4px;display:flex}.picado i{background:var(--flag,#ff2e7a);clip-path:polygon(0 0,100% 0,100% 62%,82% 100%,50% 68%,18% 100%,0 62%);width:18px;height:12px;display:block}.picado i:nth-child(3n){--flag:#ffd15c}.picado i:nth-child(3n+1){--flag:#22d3ee}.picado i:nth-child(3n+2){--flag:#ff2e7a}.hero h1{text-align:center;text-wrap:balance;letter-spacing:.02em;color:#ffe56b;text-shadow:0 2px #ffffff40,0 3px #b86a00,0 6px #7a3a00,0 14px 24px #00000059;margin:0;font-family:Lilita One,Arial Black,Impact,sans-serif;font-size:clamp(1.45rem,6.4vw,2.15rem);font-weight:400;line-height:.95}.hero h1 span{color:#fff6c2}.subtitle{text-align:center;color:#ffe7c2;text-shadow:0 2px 8px #00000059;margin:4px 0 0;font-size:.88rem;font-weight:700}.timer{z-index:2;color:#fff;background:linear-gradient(#ff5a5a,#c1121f);border:2px solid #ffd36a;border-radius:18px;flex-direction:column;align-items:center;gap:0;width:fit-content;margin:6px auto 0;padding:3px 16px 4px;display:flex;position:relative;box-shadow:0 7px #6e0b16}.timer-label{letter-spacing:.16em;font-size:.68rem;font-weight:800}.timer strong{font-variant-numeric:tabular-nums;letter-spacing:.04em;justify-content:center;align-items:center;min-width:5.2ch;font-family:Outfit,Segoe UI,sans-serif;font-size:1.35rem;font-weight:800;line-height:1;display:inline-flex}.colon{animation:1s step-end infinite blink}.timer.is-done{animation:.45s linear infinite shake}.ticket{-webkit-user-select:none;user-select:none;background:radial-gradient(120% 80% at 50% -10%,#ffffff47,#0000 42%),linear-gradient(#3b82f6 0%,#1d4ed8 26%,#1e3a8a 100%);border:3px solid #ffe38a;border-radius:26px;flex-direction:column;flex:1;min-height:0;margin-top:12px;padding:8px;display:flex;box-shadow:0 0 0 3px #17357a,0 0 0 5px #e7b84a,0 10px 18px #00000059,inset 0 1px #ffffff80}.ticket-banner{background:radial-gradient(circle at 50% 58%,#fff6bf 0%,#ffd24a 36%,#f5a30a 70%,#e07a00 100%);border-radius:16px;flex:none;height:clamp(88px,15dvh,124px);margin-bottom:6px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #fff8d6d9,0 5px #0c245c47}.ticket-burst{object-fit:cover;object-position:center 78%;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ticket-banner-copy{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:100%;display:flex;position:relative}.ticket-banner-copy span,.ticket-banner-copy em{letter-spacing:.24em;color:#8a3b00;text-shadow:0 1px #ffffff73;font-size:.72rem;font-style:normal;font-weight:800}.ticket-banner-copy strong{color:#fffef6;text-shadow:0 2px #ffe08a,0 4px #c2410c,0 7px #7c2d12,0 12px 16px #50140059;margin-top:6px;margin-bottom:12px;font-family:Lilita One,Arial Black,Impact,sans-serif;font-size:clamp(1.9rem,7vw,2.7rem);font-weight:400;line-height:.95}.ticket-label{text-align:center;letter-spacing:.16em;text-transform:uppercase;color:#ffe7a8;flex:none;margin:0 0 6px;font-size:.72rem;font-weight:800}.grid-wrap{touch-action:none;background:radial-gradient(120% 90% at 50% 0,#e7ffb0,#46b33a 58%,#1d7a2c);border-radius:16px;flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #146024,inset 0 0 0 6px #ffecaae6}.grid-wrap.is-top:after,.grid-wrap.is-bottom:after{content:"";z-index:3;pointer-events:none;border:2px dashed #ffffffd9;border-radius:12px;height:calc(50% - 10px);position:absolute;left:6px;right:6px;box-shadow:inset 0 0 0 3px #ffd15c2e}.grid-wrap.is-top:after{top:6px}.grid-wrap.is-bottom:after{bottom:6px}.grid-wrap.is-hot:after,.grid-wrap.is-done:after{opacity:0}.cells{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:8px;height:100%;padding:8px;display:grid}.cell{text-align:center;background:radial-gradient(circle at 50% 16%,#fffef8,#ffe7a3 64%,#f0c14b);border:3px solid #5a3010;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:6px 4px 5px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffffe0,inset 0 -6px #b06e1038,0 3px #b7791f}.cell img{object-fit:contain;filter:drop-shadow(0 5px 4px #5a300047);width:auto;max-width:82%;height:58%}.cell strong{letter-spacing:.01em;color:#7a3200;text-shadow:0 1px #ffffffb3;font-family:Lilita One,Arial Black,Impact,sans-serif;font-size:clamp(.68rem,3vw,.92rem);font-weight:400;line-height:1.05}.cell-miss{background:radial-gradient(circle at 50% 16%,#fffdfb,#f8e4e8 62%,#e7c5cc);box-shadow:inset 0 0 0 2px #ffffffd9,0 3px #c4a0a6}.cell-miss strong{color:#9f1239;max-width:10ch;font-size:clamp(.58rem,2.5vw,.72rem);line-height:1.05}.cell.is-revealed{animation:.42s cubic-bezier(.2,1.4,.4,1) pop}.cell.is-revealed:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff8c 50%,#0000 68%);animation:.7s shine;position:absolute;inset:0}.foil{z-index:2;touch-action:none;cursor:pointer;background:linear-gradient(135deg,#f3d98a,#d4a017 55%,#8d6a1f);width:100%;height:100%;position:absolute;inset:0}.guide-chip{z-index:5;cursor:pointer;white-space:nowrap;color:#4a1608;background:#fff;border:0;border-radius:999px;padding:7px 14px;font-family:Lilita One,Arial Black,Impact,sans-serif;font-size:1rem;animation:1.25s ease-in-out infinite chip-bob;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 16px #00000047,0 0 0 3px #ffd15cf2}.guide-chip-top{top:8px}.guide-chip-bottom{top:calc(50% + 8px)}.guide-chip:focus-visible,.claim:focus-visible{outline-offset:3px;outline:3px solid #fff}.guide-hand{z-index:4;pointer-events:none;width:96px;animation:1.25s ease-in-out infinite scratch-hint;position:absolute}.guide-hand img{filter:drop-shadow(0 10px 8px #00000061);width:100%;height:auto;display:block}.guide-hand-top{top:2%}.guide-hand-bottom{top:46%}.pay{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;flex:none;margin-top:8px;padding:8px 8px 6px}.pay ul{justify-content:center;align-items:stretch;gap:8px;margin:0;padding:0;list-style:none;display:flex}.logo{letter-spacing:.04em;border-radius:8px;flex:1;place-items:center;min-width:0;height:32px;font-weight:800;display:grid}.logo-spei{color:#fff;letter-spacing:.08em;background:#123f93;font-size:.95rem}.logo-oxxo{color:#d00000;letter-spacing:.02em;background:#ffd100;font-family:Arial Black,Impact,sans-serif;font-size:.95rem}.logo-mp{color:#fff;background:#00a6e0}.logo-mp span{flex-direction:column;align-items:center;line-height:.95;display:flex}.logo-mp small{letter-spacing:0;font-size:.52rem;font-weight:600}.logo-mp b{font-size:.82rem;font-weight:800}.logo-visa{color:#1a1f71;letter-spacing:.08em;background:#fff;font-family:Georgia,Times New Roman,serif;font-size:1.15rem;font-style:italic;font-weight:800}.pay p{text-align:center;letter-spacing:.03em;color:#fff4dcc7;margin:6px 0 0;font-size:.68rem;font-weight:700}.ticker{flex:none;width:100%;min-width:0;margin-top:6px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.ticker-track{width:max-content;animation:18s linear infinite ticker;display:flex}.ticker-group{gap:10px;padding-right:10px;display:flex}.tag{color:#fff6d8;white-space:nowrap;background:#ffffff1a;border:1px solid #ffd15c73;border-radius:999px;flex:none;padding:7px 12px;font-size:.82rem;font-weight:700}.legal{text-align:center;letter-spacing:.04em;color:#ffecd2b8;flex:none;margin:6px 0 0;font-size:.75rem;font-weight:700}.backdrop,.dim{z-index:30;background:#120008c7;position:fixed;inset:0}.backdrop{place-items:center;padding:20px;display:grid}.notice,.win-card{text-align:center;color:#4a1608;background:linear-gradient(#fffaf0,#ffe7bf);border:3px solid #f6d36a;border-radius:24px;width:min(92vw,380px);padding:22px 18px 18px;animation:.35s cubic-bezier(.2,1.2,.4,1) pop-in;box-shadow:0 0 0 6px #8d1530e6,0 24px 50px #0006}.notice-art{object-fit:contain;filter:drop-shadow(0 8px 8px #783c0047);width:104px;height:78px;margin:0 auto 2px}.win-art{justify-content:center;align-items:flex-end;gap:8px;margin-top:8px;display:flex}.win-art img{object-fit:contain;filter:drop-shadow(0 6px 6px #783c0040);width:76px;height:64px}.notice-title,.win-card h2{color:#c1121f;margin:0;font-family:Lilita One,Arial Black,Impact,sans-serif;font-size:clamp(1.55rem,6.4vw,2rem);font-weight:400;line-height:1.15}.emoji{font-family:Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,sans-serif;font-size:.92em;line-height:1}.notice-copy{margin:10px 0 16px;font-size:1.15rem;font-weight:800;line-height:1.3}.win-prizes{margin:14px 0 16px}.prize-line{margin:0;font-family:Lilita One,Arial Black,Impact,sans-serif;font-weight:400;line-height:1}.prize-line.cash{color:#e39b12;text-shadow:0 3px #ffffff73;font-size:clamp(2.5rem,11vw,3.5rem)}.prize-line.spins{color:#ff2e7a;margin-top:10px;font-size:clamp(1.55rem,6.4vw,2.15rem)}.claim{cursor:pointer;letter-spacing:.03em;color:#4a1b00;background:linear-gradient(#ffe38a,#f5b400 46%,#e08900);border:0;border-radius:16px;justify-content:center;align-items:center;width:100%;padding:15px 12px;font-family:Lilita One,Arial Black,Impact,sans-serif;font-size:clamp(1rem,4.5vw,1.28rem);line-height:1.1;text-decoration:none;display:flex;box-shadow:0 6px #a15c00}.claim:active{transform:translateY(3px);box-shadow:0 3px #a15c00}.claim-next{color:#fff;background:linear-gradient(#ff6b9d,#e11d48 52%,#9f1239);box-shadow:0 6px #6f0d28}.auto{color:#8a4b12;margin:10px 0 0;font-size:.92rem;font-weight:800}.coin-layer{z-index:34;pointer-events:none;position:fixed;inset:0;overflow:hidden}.modal-layer{z-index:40;pointer-events:none;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.win-card{pointer-events:auto}.coin{will-change:transform;animation-name:coin-fall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-12vh}.coin img{filter:drop-shadow(0 .12em .16em #00000047);width:1em;height:1em;display:block}.coin-spark img{width:1.2em;height:1.2em}@keyframes blink{50%{opacity:.25}}@keyframes shake{25%{transform:translate(-1px)}75%{transform:translate(1px)}}@keyframes chip-bob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(5px)}}@keyframes scratch-hint{0%,to{left:8%;transform:rotate(-18deg)}50%{left:68%;transform:rotate(12deg)}}@keyframes pop{0%{filter:brightness(1.35);transform:scale(.84)}to{filter:none;transform:scale(1)}}@keyframes shine{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes pop-in{0%{opacity:0;transform:translateY(16px)scale(.94)}to{opacity:1;transform:none}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes coin-fall{0%{opacity:0;transform:translateY(-12vh)rotate(0)}10%{opacity:1}to{transform:translate3d(var(--drift), 112vh, 0) rotate(420deg);opacity:.9}}@media (prefers-reduced-motion:reduce){.colon,.guide-chip,.guide-hand,.ticker-track,.timer.is-done,.coin{animation:none}.coin-layer{display:none}.ticker{overflow:hidden}.ticker-group+.ticker-group{display:none}}@media (hover:hover){.ticker:hover .ticker-track{animation-play-state:paused}}
