/*
Theme Name: AngkaSakti
Description: Tema portal data dengan dashboard hasil dan arsip otomatis.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Author: Custom build
Text Domain: angkasakti
*/
:root{--red:#7d0c15;--red2:#4a070c;--black:#120203;--gold:#f0c860;--gold2:#c8921c;--text:#f4e3c8;--muted:#d7a98f;--line:#8a6417}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:10px 8px 24px;background:#5c0910;color:var(--text);font:14px/1.55 Tahoma,Verdana,Arial,sans-serif}
a{color:#ffd76a}.wrap{max-width:1060px;margin:auto;background:var(--black);border:1px solid var(--line);box-shadow:0 12px 40px #0009}
.topline{display:flex;justify-content:space-between;padding:6px 12px;background:#000;color:var(--muted);font-size:12px}
.sitehead{text-align:center;padding:25px 12px;background:radial-gradient(ellipse,#b3151e,#6c0a11 55%,#240405);border-bottom:1px solid var(--line)}
.site-title{margin:0;color:#ffe7a3;font-size:30px;letter-spacing:2px;text-transform:uppercase}.tagline{margin:5px 0 0;color:#f1cdb4}
.nav{background:linear-gradient(#f9df85,#c8921c);border-bottom:2px solid var(--red2)}.nav ul{display:flex;justify-content:center;flex-wrap:wrap;list-style:none;margin:0;padding:0}.nav a{display:block;padding:10px 16px;color:#2a1300;text-decoration:none;font-weight:bold;text-transform:uppercase}.nav a:hover{background:var(--red);color:#ffe7a3}
.main{padding:14px}.hero-title,.section-title{margin:0 0 12px;padding:10px 12px;background:linear-gradient(#9a1019,#5e0910);border:1px solid var(--line);border-left:5px solid var(--gold);color:#fff;font-size:18px;text-transform:uppercase}
.live-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.result-card{background:#1d0507;border:1px solid #684411;padding:12px;text-align:center}.result-card h3{margin:0;color:var(--gold);font-size:15px}.result-date{font-size:11px;color:var(--muted)}.balls{display:flex;justify-content:center;gap:5px;margin:10px 0}.ball{display:inline-grid;place-items:center;width:35px;height:40px;border-radius:7px;background:radial-gradient(circle at 30% 25%,#fffbe0,#f5cc4b 42%,#a56a04);color:#2a1300;font-weight:bold;font-size:20px;box-shadow:inset 0 -4px 7px #0005}.status{font-size:11px;color:#f3d98b}
.cols{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px}.panel{margin-bottom:14px;background:#170304;border:1px solid #4d1712}.panel-body{padding:10px}.data-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.data-table th{background:linear-gradient(#f9df85,#c8921c);color:#2a1300;padding:8px 6px;text-align:center}.data-table td{padding:8px 6px;text-align:center;border-bottom:1px solid #4d1712}.data-table tr:nth-child(even) td{background:#270709}.data-table td:first-child{text-align:left}.number{color:var(--gold);font-weight:bold;letter-spacing:2px;font-size:16px}.side-list{list-style:none;padding:0;margin:0}.side-list li{padding:8px 10px;border-bottom:1px solid #4d1712;background:#1d0507}.side-list a{text-decoration:none;color:var(--text)}.site-footer{padding:18px;text-align:center;background:#080102;border-top:2px solid var(--line);color:var(--muted);font-size:12px}
.updated{font-size:11px;color:var(--muted);text-align:right;margin:6px 0}.empty{padding:18px;text-align:center;color:var(--muted)}
@media(max-width:800px){.live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cols{grid-template-columns:1fr}}
@media(max-width:520px){body{padding:0}.wrap{border:0}.site-title{font-size:22px}.nav ul{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto}.nav a{white-space:nowrap;padding:10px 12px}.main{padding:8px}.live-grid{gap:6px}.result-card{padding:9px 4px}.ball{width:29px;height:35px;font-size:17px}.data-table th,.data-table td{padding:7px 3px;font-size:12px}}