:root{font-family:system-ui,sans-serif;color:#f7f2e5;background:#101c1a;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0;background:#e3bc70;color:#19201b;font-weight:750;padding:.8rem 1.2rem;border-radius:.5rem}button:hover{background:#f3d49a}.secondary{background:#30413a;color:#fff}input{padding:.7rem;border:1px solid #aab6ac;border-radius:.4rem;max-width:100%}label{display:inline-flex;flex-direction:column;gap:.4rem}.display{max-width:1500px;margin:auto;padding:2rem 5vw}header,footer,.heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}.brand{font-size:1.4rem;font-weight:900;letter-spacing:.12em}.brand span{color:#dfb76a}.status,.eyebrow{font-size:.8rem;letter-spacing:.18em;font-weight:800;color:#c6ad7c}.sponsor{text-align:center;margin:2rem auto 0;height:110px}.sponsor span{display:block;color:#91a397;font-size:.65rem;letter-spacing:.15em}.sponsor img{height:80px;max-width:80%;object-fit:contain}.draw{text-align:center;padding:3rem 0 2rem}.dot{display:inline-block;background:#e7bd6a;border-radius:50%;width:.55rem;height:.55rem}.number{font-size:clamp(9rem,25vw,22rem);font-weight:800;line-height:1.05;color:#f5e5bf}.draw p{color:#aebdb0}.history{border-top:1px solid #425149;padding:1.7rem 0}.heading h2{font-size:clamp(1.4rem,3vw,2rem);margin:.4rem 0}.balls{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.4rem 0}.ball{background:#e7d5a8;color:#1a2921;width:4.2rem;height:4.2rem;border-radius:50%;display:grid;place-items:center;font-size:1.5rem;font-weight:800}.history p,footer{color:#aebdb0}footer{border-top:1px solid #425149;padding-top:1.3rem;font-size:.8rem}.admin{max-width:850px;padding:2rem;margin:auto}.admin a{color:#e3bc70}.admin form{display:flex;flex-wrap:wrap;align-items:end;gap:1rem;margin:1rem 0}.panel{background:#1c2d26;border:1px solid #43564a;border-radius:.8rem;padding:1.3rem;margin:1rem 0}.panel h2{margin-top:0}#current{font-size:5rem;font-weight:800}.preview{width:120px;height:65px;object-fit:contain;margin-right:1rem}.panel #sponsorList>div{display:flex;align-items:center;margin:.5rem 0}#feedback{color:#f3d49a}button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:600px){.display{padding:1rem 5vw}.status{font-size:.6rem}.draw{padding:2rem 0}.ball{width:3.2rem;height:3.2rem}.sponsor{height:85px}.sponsor img{height:60px}}
