:root{--navy:#16224d;--navy2:#1e2f66;--blue:#1d4ed8;--gold:#b45309;--goldbg:#fef3c7;
--bg:#f3f5fa;--card:#fff;--text:#1f2937;--muted:#6b7280;--line:#e5e7eb;
--green:#15803d;--greenbg:#dcfce7;--red:#b91c1c;--redbg:#fee2e2;--amberbg:#fef9c3}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
background:var(--bg);color:var(--text);line-height:1.6}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
header{background:var(--navy);color:#fff}
.topbar{max-width:1100px;margin:0 auto;padding:14px 16px;display:flex;flex-wrap:wrap;
gap:8px 20px;align-items:baseline;justify-content:space-between}
.brand{font-size:24px;font-weight:800;letter-spacing:.3px}
.brand a{color:#fff}
.brand span{color:#fbbf24}
.tagline{font-size:13px;color:#c7d2fe}
nav{background:var(--navy2)}
nav ul{max-width:1100px;margin:0 auto;padding:0 16px;list-style:none;display:flex;
flex-wrap:wrap;gap:2px}
nav a{display:block;color:#e0e7ff;padding:12px 14px;font-size:14px;font-weight:600}
nav a:hover,nav a.active{background:#2c3f7d;color:#fff;text-decoration:none}
.quick{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.quick a{flex:1 1 auto;min-width:104px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 10px;font-weight:700;font-size:15px;color:var(--navy);min-height:44px;display:flex;align-items:center;justify-content:center}
.quick a:hover{background:#eef2ff;text-decoration:none}
.quick a.gold{background:var(--gold);color:#fff;border-color:var(--gold)}
.quick a.gold:hover{background:#92400e}
main{max-width:1100px;margin:0 auto;padding:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;
padding:18px;margin-bottom:16px}
h1{font-size:26px;line-height:1.25;margin-bottom:8px}
h2{font-size:20px;margin:18px 0 8px}
h3{font-size:16px;margin:14px 0 6px}
p{margin-bottom:10px}
.lede{color:var(--muted);font-size:15px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.draw{border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--card)}
.draw .time{font-size:13px;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.5px}
.draw .name{font-size:17px;font-weight:700;margin:4px 0}
.draw .series{font-size:13px;color:var(--muted)}
.big{font-size:30px;font-weight:800;letter-spacing:2px;color:var(--gold);
background:var(--goldbg);border-radius:8px;padding:6px 10px;display:inline-block;margin:8px 0}
.dateline{font-size:20px;font-weight:800;color:var(--navy);margin-bottom:2px}
.bigbtns{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.bigbtns a{flex:1 1 160px;min-height:56px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fff;font-weight:800;font-size:19px;padding:12px}
.bigbtns a:hover{text-decoration:none;filter:brightness(1.12)}
.bigbtns .b1{background:var(--green)}
.bigbtns .b2{background:var(--navy2)}
.bigbtns .b3{background:var(--red)}
.bignum{font-size:44px;font-weight:800;letter-spacing:2px;color:#1f2937;
background:var(--goldbg);border:1px solid #fde68a;border-radius:10px;padding:8px 14px;display:inline-block;margin:10px 0}
.srcline{font-size:13px;color:var(--muted)}
.drawsec h2{margin-top:0}
.badge{display:inline-block;font-size:12px;font-weight:700;padding:3px 9px;border-radius:20px}
.ok{background:var(--greenbg);color:var(--green)}
.wait{background:var(--amberbg);color:#92400e}
.prize{font-size:14px;color:var(--muted)}
.btn{display:inline-block;background:var(--blue);color:#fff;font-weight:700;
padding:9px 16px;border-radius:8px;font-size:14px}
.btn:hover{background:#1e40af;text-decoration:none}
.btn-gold{background:var(--gold);color:#fff}
.btn-gold:hover{background:#92400e}
table{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0}
th,td{border:1px solid var(--line);padding:8px 10px;text-align:left}
th{background:#eef2ff;font-weight:700}
tr:nth-child(even) td{background:#f8fafc}
.num{font-weight:800;letter-spacing:1px;white-space:nowrap}
.tablewrap{overflow-x:auto}
.crumbs{font-size:13px;color:var(--muted);margin-bottom:10px}
.crumbs a{color:var(--muted)}
.callout{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:12px 14px;
font-size:14px;margin:12px 0}
.warn{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:12px 14px;
font-size:14px;margin:12px 0}
.small{font-size:13px;color:var(--muted)}
footer{background:var(--navy);color:#c7d2fe;margin-top:24px}
footer .inner{max-width:1100px;margin:0 auto;padding:22px 16px;font-size:13px}
footer a{color:#e0e7ff}
footer .cols{display:flex;flex-wrap:wrap;gap:8px 28px;margin:10px 0}
input,select,textarea{font-size:16px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;width:100%}
textarea{min-height:130px;resize:vertical}
button[type=submit]{background:var(--blue);color:#fff;border:0;border-radius:8px;padding:12px 22px;font-size:16px;font-weight:700;cursor:pointer;margin-top:12px}
button[type=submit]:hover{opacity:.9}
label{font-size:13px;font-weight:700;display:block;margin:10px 0 4px}
.result-ok{background:var(--greenbg);border:1px solid #86efac;border-radius:10px;
padding:14px;margin-top:12px}
.result-no{background:#f1f5f9;border:1px solid var(--line);border-radius:10px;
padding:14px;margin-top:12px}
.kbd{font-family:ui-monospace,Menlo,monospace}
@media(max-width:640px){h1{font-size:22px}.big{font-size:28px}.brand{font-size:20px}
.bignum{font-size:40px}.dateline{font-size:18px}.bigbtns a{font-size:17px;min-height:52px}}