:root{color-scheme:dark;font-family:system-ui,Arial,sans-serif;background:#050d18;color:#f7f5f0}*{box-sizing:border-box}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at 50% 12%,#172745,#050d18 70%)}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}.game{width:calc(100% - 20px);max-width:1080px;margin:12px auto;border:1px solid #9f6944;border-radius:16px;overflow:hidden;background:#081726;box-shadow:0 18px 60px #000a}.heading{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:9px 16px;background:linear-gradient(110deg,#09182a,#171b31);border-bottom:1px solid #a67a4f}.heading b{font-size:24px}.heading em{font-family:Georgia,serif;color:#f06bc1}.heading h1{flex:1;text-align:center;font:small-caps 28px Georgia,serif;color:#e8ca89;letter-spacing:.14em;margin:0}.heading .utility{border:1px solid #8ca6b4;border-radius:8px;background:#173247;color:#d8f7ff;font-size:24px;width:42px;height:38px}.scene{background:#071c32}
.draw-tv{margin:9px 14px 6px;padding:8px;border:2px solid #a8744f;border-radius:18px;background-image:linear-gradient(180deg,#f3b97424,#1906048c),url('../ui-icons/cherry-flat.jpg');background-size:100% 100%,auto 68px;box-shadow:inset 0 2px #ffe3a676,0 5px 20px #000b,0 0 20px #4de0ee22}.tv-glass{position:relative;overflow:hidden;border:2px solid #4caebf;border-radius:10px;background:radial-gradient(ellipse at 20% 40%,#104a84 0%,#0c255b 43%,#071331 100%);box-shadow:inset 0 0 20px #000c,0 0 15px #31d9f455}.tv-glass::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#fff2 0%,transparent 24%,transparent 75%,#83eaff12 100%)}.tv-glass::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0001 0 1px,transparent 1px 4px);opacity:.3}.tv-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 14px;border-bottom:1px solid #5aadd186;background:#030d25a6}.tv-top strong{font-size:18px;letter-spacing:.13em;text-shadow:0 0 11px #86efff}.tv-top em{font:small-caps 21px Georgia,serif;color:#e9c879}.tv-top span{font-size:10px;font-weight:750;letter-spacing:.19em;color:#bfe6f5}.tv-top i{display:inline-block;width:7px;height:7px;margin-left:5px;border-radius:50%;background:#5df8eb;box-shadow:0 0 9px #5df8eb}.tv-content{position:relative;z-index:1;display:grid;grid-template-columns:minmax(140px,.72fr) minmax(0,2fr);gap:12px;align-items:center;padding:9px 13px}.featured{height:174px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #4da5bf88;border-radius:12px;background:radial-gradient(circle at 50% 50%,#1c5aa0 0%,#123466 50%,#071835 85%);box-shadow:inset 0 0 22px #06112ab0}.featured>span,.featured>small{color:#aad7e8;font-size:10px;font-weight:850;letter-spacing:.15em}.featured strong{display:grid;place-items:center;width:104px;height:104px;margin:5px 0;border:3px solid #fff3d4;border-radius:50%;background:radial-gradient(circle at 32% 25%,#fffefa,#e4e9eb 50%,#8097ae 78%,#3e526c);box-shadow:0 8px 18px #0009,inset -8px -10px 12px #2c445172,0 0 18px #8be7ff99;color:#0b2a50;font-size:56px;font-weight:900;font-variant-numeric:tabular-nums;text-shadow:0 1px #fff}.featured strong.match{background:radial-gradient(circle at 30% 25%,#fffdd7,#f1c850 48%,#bb7d1e 80%,#583610);color:#482307;box-shadow:0 0 30px #ffd548,0 6px 18px #000a}.featured strong.pop{animation:ball-pop .5s cubic-bezier(.1,1.55,.3,1)}@keyframes ball-pop{from{opacity:.3;transform:translateY(-20px) scale(.55) rotate(-20deg)}to{opacity:1;transform:none}}.draw-results{min-width:0}.results-heading{display:flex;justify-content:space-between;color:#cae9f5;font-size:10px;font-weight:800;letter-spacing:.14em;margin-bottom:7px}.results-heading b{color:#efd18e}.balls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.draw-slot{display:grid;place-items:center;height:35px;border:1px solid #4584ba;border-radius:6px;background:#041533a6;color:#5e86a6;font-size:20px;font-weight:850;font-variant-numeric:tabular-nums}.draw-slot.revealed{border-color:#abd7f3;background:linear-gradient(#f3f9fa,#a6c3d9);color:#152b4d;box-shadow:inset 0 2px #fff9,0 2px 5px #0008}.draw-slot.revealed.match{border-color:#fff4aa;background:linear-gradient(#fff6c6,#e4ab38);color:#492507;box-shadow:0 0 13px #efbd4f}.draw-slot.revealed:not(.still){animation:slot-reveal .42s ease-out}@keyframes slot-reveal{from{transform:scale(.55);opacity:.35}to{transform:none;opacity:1}}.screen-caption{position:relative;z-index:1;padding:7px 14px;min-height:32px;border-top:1px solid #5aadd186;background:#020b21a9;color:#f1dfa9;font-size:13px;font-weight:750;text-align:center}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:6px 14px;background:#061626}.stat{text-align:center;border:1px solid #b58952;border-radius:8px;padding:4px 3px;font-size:10px;letter-spacing:.12em}.stat b{display:block;color:#96edf4;font-size:21px;letter-spacing:0}.progress{display:flex;justify-content:space-between;padding:5px 16px;background:#081626;color:#d9d0ae;font-size:10px;letter-spacing:.14em}.progress b{color:#fff;font-size:13px}.board{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;padding:8px 13px 11px;background:radial-gradient(ellipse,#11325b,#081a30)}.number{min-height:37px;border:1px solid #bd975f;color:#f7f7f5;background:linear-gradient(#102640,#081522);border-radius:5px;font-size:17px;font-weight:800}.number.selected{border:2px solid #5af4f2;box-shadow:inset 0 0 9px #3cd8eb,0 0 8px #2dfcff;color:#fff}.number.drawn{background:linear-gradient(#555168,#242a3d);color:#f0dcae}.number.hit{background:radial-gradient(#fff2a9,#ad7414);border-color:#fff4b0;color:#2a1a05;box-shadow:0 0 18px #f9b932;animation:flash .55s ease}@keyframes flash{50%{transform:scale(1.1)}}
.console{padding:10px 12px;background-image:linear-gradient(180deg,#16060730,#1506088c),url('../ui-icons/cherry-flat.jpg');background-size:100% 100%,auto 68px;background-repeat:no-repeat,repeat;background-position:center;border-top:1px solid #bd8748;box-shadow:inset 0 1px #f4d1a66b}.stakes{display:flex;justify-content:center;gap:12px;margin-bottom:10px}.stakes button{width:46px;height:46px;border-radius:50%;border:5px dashed #c7dbd9;background:radial-gradient(circle,#13354a 30%,#326276 32%,#163244 65%,#08202c 67%);color:#fff;font-weight:900;box-shadow:0 3px 8px #000a}.stakes button:nth-child(2){border-color:#e9c6df;background:radial-gradient(circle,#5d2556 30%,#9c4388 32%,#5d2057 65%,#36152e 67%)}.stakes button:nth-child(3){border-color:#c1b4e6;background:radial-gradient(circle,#3e2c69 30%,#7162a6 32%,#473565 65%,#271938 67%)}.stakes button:nth-child(4){border-color:#c6d2e0;background:radial-gradient(circle,#38465d 30%,#758095 32%,#40506a 65%,#202c3e 67%)}.stakes button.active{outline:3px solid #68f7f7;outline-offset:3px;box-shadow:0 0 17px #68f7f7}.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.actions button,.utility-row button{border:1px solid #d9a969;border-radius:8px;background-image:linear-gradient(180deg,#fff5dc1b,#17080933),url('../ui-icons/cherry-flat.jpg');background-size:100% 100%,auto 68px;background-repeat:no-repeat,repeat;background-position:center;box-shadow:inset 0 1px #ffe1ab80,inset 0 -2px #23090b,0 2px #77341c,0 3px 8px #0008;color:#fff;font-weight:800}.actions button{min-height:45px}.actions button:disabled{background-image:linear-gradient(#10080bc2,#10080bd1),url('../ui-icons/cherry-flat.jpg')}.actions .primary{border-color:#7df6f6}.utility-row{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;color:#d6ccd0;font-size:9px;letter-spacing:.1em}.utility-row button{padding:6px 10px}.actions button:hover:not(:disabled),.actions button:focus-visible,.utility-row button:focus-visible,.number:focus-visible,.stakes button:focus-visible{outline:2px solid #68f7f7;outline-offset:2px;box-shadow:0 0 14px #64efff}.reduce *{animation-duration:.01ms!important;transition-duration:.01ms!important}
dialog{color:#f7f3e7;background:#0c1a29;border:1px solid #ca9c64;border-radius:12px;max-width:min(680px,92vw);max-height:85vh;padding:20px;line-height:1.5}dialog::backdrop{background:#000b}.dialog-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.dialog-head h2{margin:0;color:#eccc83}.dialog-head button{background:#3f1910;color:#fff;border:1px solid #e6ad72;border-radius:6px;padding:8px}#paytables{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}#paytables section{border:1px solid #6b7783;padding:6px 10px;border-radius:6px}#paytables h3,#paytables p{margin:2px 0;font-size:13px}#paytables h3{color:#92edf1}#paytables p{line-height:1.6}
@media(max-width:600px){.game{width:100%;margin:0;border-radius:0}.heading{padding:7px 10px}.heading b{font-size:17px}.heading h1{font-size:17px}.draw-tv{margin:6px 7px 3px;padding:5px;border-radius:12px}.tv-top{padding:5px 8px}.tv-top strong{font-size:13px}.tv-top em{font-size:15px}.tv-top span{font-size:8px;letter-spacing:.08em}.tv-content{grid-template-columns:98px minmax(0,1fr);gap:6px;padding:7px}.featured{height:156px}.featured strong{width:72px;height:72px;font-size:37px}.featured>span,.featured>small{font-size:7px}.draw-slot{height:30px;font-size:14px}.balls{gap:3px}.results-heading{font-size:8px}.screen-caption{font-size:11px;min-height:28px;padding:5px}.stats{gap:3px;padding:5px}.stat{font-size:7px}.stat b{font-size:15px}.board{gap:2px;padding:6px}.number{min-height:31px;font-size:13px}.stakes button{width:39px;height:39px;font-size:11px}.actions{grid-template-columns:repeat(2,1fr)}.actions button{min-height:38px;font-size:13px}.utility-row{font-size:8px}#paytables{grid-template-columns:1fr}}
@media(max-width:380px){.tv-content{grid-template-columns:84px minmax(0,1fr)}.featured strong{width:64px;height:64px;font-size:32px}.draw-slot{height:28px;font-size:13px}.number{min-height:29px;font-size:12px}}