/*
Theme Name: XGO88 Mobile
Theme URI: https://www.xgo88.nl/
Author: XGO88
Description: Tema WordPress mobile-first dengan header aplikasi, navigasi merah, banner utama, grid kategori, panel informasi, dan bottom navigation.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: xgo88-mobile
*/
:root{--bg:#090609;--panel:#16080d;--panel2:#210910;--red:#c90032;--red2:#8e001e;--gold:#f5c84b;--cyan:#28c9f4;--text:#fff;--muted:#c8aeb5;--line:#5c1527}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.45;padding-bottom:74px}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-shell{width:100%;max-width:560px;margin:0 auto;min-height:100vh;background:linear-gradient(180deg,#090609 0%,#12060b 100%);overflow:hidden;box-shadow:0 0 35px #000}.app-top{height:52px;display:flex;align-items:center;gap:9px;padding:5px 10px;background:#171014;border-bottom:1px solid #49202b}.app-icon{width:36px;height:36px;border-radius:50%;border:2px solid var(--gold);background:radial-gradient(circle at 35% 30%,#3b9d8c,#102b36 55%,#090609);display:grid;place-items:center;font-weight:900;color:#fff;font-size:11px;flex:none}.app-copy{min-width:0;flex:1}.app-copy strong{display:block;font-size:12px;line-height:1.2}.app-copy small{display:block;color:#d6c7cb;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.download-btn{background:linear-gradient(#ffe36b,#d79c00);border:1px solid #fff07c;border-radius:18px;padding:6px 13px;color:#24070c;font-size:10px;font-weight:900;box-shadow:0 0 9px #f2c33155}.main-nav{display:flex;align-items:center;gap:5px;padding:6px 9px;background:linear-gradient(90deg,#003d4c,#007c9c 45%,#650016);border-bottom:2px solid #a9002a}.brand{font-weight:1000;font-style:italic;font-size:19px;letter-spacing:-1px;color:#18d9ff;text-shadow:2px 2px #d90032,-1px -1px #fff;flex:1}.nav-btn{border:1px solid #19c8f2;background:linear-gradient(#6be4ff,#087da8);color:#00131b;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:900}.nav-btn.register{background:linear-gradient(#17242b,#05090d);color:#fff;border-color:#22cafa}.menu-toggle{width:29px;height:29px;border:1px solid #ff738e;border-radius:5px;background:#390b18;color:#fff;font-size:18px}.mobile-menu{display:none;padding:9px;background:#210811;border-bottom:1px solid var(--line)}.mobile-menu.open{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.mobile-menu a{padding:8px;background:#340b18;border:1px solid #66152a;border-radius:5px;font-size:11px}.ticker{margin:9px 8px 10px;background:linear-gradient(90deg,#8d001d,#c90032,#8d001d);border:1px solid #ed365e;border-radius:7px;height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;font-size:10px;font-weight:700;box-shadow:0 3px 10px #0008}.ticker .dot{font-size:16px}.hero{margin:0 8px 10px;border:1px solid #a72b43;border-radius:10px;overflow:hidden;min-height:138px;position:relative;background:radial-gradient(circle at 25% 45%,#6a9eb3 0,#273f5a 24%,transparent 46%),radial-gradient(circle at 80% 20%,#650c28,transparent 50%),linear-gradient(115deg,#250712,#8c1232 55%,#16050b);display:flex;align-items:center;padding:16px 14px}.hero:before,.hero:after{content:"";position:absolute;border:1px solid #f6c34d66;border-radius:50%;width:170px;height:170px;right:-40px;top:-75px;transform:rotate(25deg)}.hero:after{width:125px;height:125px;right:-15px;top:-52px;border-color:#fff4}.hero-content{position:relative;z-index:1;max-width:75%;text-shadow:0 2px 4px #000}.hero-kicker{font-size:9px;font-weight:900;color:#ffe17a}.hero h1{font-size:19px;line-height:1.05;margin:4px 0 6px;font-weight:1000;text-transform:uppercase}.hero p{font-size:10px;margin:0 0 8px;color:#fff}.hero-cta{display:inline-block;background:linear-gradient(#fff17d,#e9a900);color:#2a0910;border:1px solid #fff4a2;border-radius:20px;padding:6px 12px;font-size:9px;font-weight:900}.hero-mark{position:absolute;right:10px;bottom:12px;font-weight:1000;font-size:17px;color:#36d8f5;text-shadow:2px 2px #9b0027;transform:rotate(-7deg)}.category-grid{margin:0 8px 10px;padding:9px 5px;background:#13080d;border:1px solid #581329;border-radius:9px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.category-item{text-align:center;min-width:0;font-size:9px;font-weight:800}.category-icon{width:36px;height:36px;margin:0 auto 5px;border-radius:10px;border:2px solid #e3ad35;background:linear-gradient(145deg,#4d2630,#10090d 65%);display:grid;place-items:center;font-size:19px;box-shadow:inset 0 0 8px #f3c44b33,0 2px 5px #000}.content-panel{margin:0 8px 10px;border:1px solid #571426;border-radius:9px;overflow:hidden;background:#17070d}.searchbar{display:flex;align-items:center;gap:8px;padding:9px;background:#210910;border-bottom:1px solid #511323}.searchbar span{color:var(--gold)}.searchbar input{width:100%;min-width:0;background:transparent;border:0;outline:0;color:#fff;font-size:10px}.searchbar input::placeholder{color:#bfaeb3}.searchbar button{border:0;background:transparent;color:#ff5576}.tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#250a12}.tabs button{border:0;border-right:1px solid #4a1424;padding:9px 3px;background:transparent;color:#fff;font-size:9px;font-weight:900}.tabs button.active{color:var(--gold);background:#3a0c19}.result-head,.result-row{display:grid;grid-template-columns:1.15fr 1fr 1fr;align-items:center;text-align:center}.result-head{background:#450d1e;color:#fff;font-size:9px;font-weight:900;padding:7px 3px}.result-row{padding:8px 5px;border-top:1px solid #3b101d;font-size:10px;gap:3px}.result-row:nth-child(odd){background:#1d080f}.pill-select{display:inline-block;background:linear-gradient(#d51b49,#8d0024);border:1px solid #f04c70;border-radius:5px;padding:7px 5px;font-weight:900;text-align:left}.date-cell{font-weight:800;color:#f3d8de}.balls{display:flex;justify-content:center;gap:3px;flex-wrap:wrap}.ball{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#fa4770,#a5002b);font-size:9px;font-weight:900;box-shadow:0 1px 3px #000}.section-title{font-size:13px;margin:0;padding:11px 10px;border-bottom:1px solid #541326;color:#ffe18a}.info-copy{padding:10px;color:#d8c5ca;font-size:11px}.info-copy h2{font-size:13px;color:#fff;margin:8px 0}.site-footer{padding:15px 12px 25px;text-align:center;color:#b99da5;font-size:10px;border-top:1px solid #531326;background:#10070b}.footer-links{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;margin-bottom:10px;color:#f1c6d0}.bottom-nav{position:fixed;z-index:50;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,560px);height:58px;background:linear-gradient(#4a0d20,#1c0710);border-top:1px solid #c3264c;display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 -5px 18px #0009;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:9px;color:#f8d8df;font-weight:800}.bottom-nav .ico{font-size:17px;color:#ffdb67}.bottom-nav a.active{color:#ffe36c}.bottom-nav a.active .ico{filter:drop-shadow(0 0 5px #ffcf3c)}.desktop-note{display:none}
@media(min-width:700px){body{padding:25px 0 40px;background:#050405}.site-shell{border:1px solid #3d1421;border-radius:12px}.app-top{height:58px}.hero{min-height:210px}.hero h1{font-size:27px}.hero p{font-size:13px}.hero-content{max-width:68%}.category-icon{width:48px;height:48px;font-size:24px}.category-item{font-size:11px}.desktop-note{display:block;text-align:center;color:#987e86;font-size:11px;padding:12px}.bottom-nav{position:static;transform:none;width:100%;height:58px}.site-footer{padding-bottom:18px}}