: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:10px 12px;font-size:14px;font-weight:600}
nav a:hover,nav a.active{background:#2c3f7d;color:#fff;text-decoration:none}
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}
.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{font-size:16px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;width:100%}
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:24px}.brand{font-size:20px}}