/*
Theme Name: GameBatak Portal
Description: Dark arcade leaderboard portal (EN + Bahasa Indonesia). Site-specific design.
Version: 2.0.0
Text Domain: gml
*/
:root{--bg:#120e0d;--pan:#1d1512;--pan2:#282019;--red:#ff4438;--amb:#ffb03a;--tx:#f2ece6;--tx2:#a89a8d;--ln:#3a2c22}
*{margin:0;padding:0;box-sizing:border-box}
body.gbt{background:var(--bg);color:var(--tx);font:15px/1.6 "Trebuchet MS",Verdana,sans-serif}
a{color:inherit;text-decoration:none}
.gbt-wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.gbt-head{background:#0d0a09;border-bottom:3px solid var(--red)}
.gbt-mast{display:flex;justify-content:space-between;align-items:center;padding:20px}
.gbt-brand{display:flex;gap:12px;align-items:center}
.gbt-mark{width:44px;height:44px;background:var(--red);color:#120e0d;display:grid;place-items:center;font:900 18px "Courier New",monospace;transform:skewX(-8deg)}
.gbt-brand-t b{font:800 21px "Trebuchet MS";letter-spacing:.04em;text-transform:uppercase;display:block}
.gbt-brand-t i{font:10px "Courier New",monospace;color:var(--amb);font-style:normal;letter-spacing:.3em}
.gbt-sw{display:flex;border:1px solid var(--ln)}
.gbt-sw a{padding:8px 16px;font:700 12px "Courier New",monospace;color:var(--tx2)}
.gbt-sw a.on{background:var(--red);color:#120e0d}
.gbt-nav{background:var(--pan);border-bottom:1px solid var(--ln)}
.gbt-nav .gbt-wrap{display:flex;align-items:center;gap:0;flex-wrap:wrap}
.gbt-nav a{padding:13px 16px;font:700 12px "Trebuchet MS";text-transform:uppercase;letter-spacing:.1em;color:var(--tx2);border-bottom:3px solid transparent;margin-bottom:-1px}
.gbt-nav a:hover{color:var(--amb)}
.gbt-quicksearch{margin-left:auto}
.gbt-quicksearch input{background:#0d0a09;border:1px solid var(--ln);color:var(--tx);padding:8px 14px;font:13px "Trebuchet MS";width:190px;border-radius:0}
.gml-crumbs{font:12px "Courier New",monospace;color:var(--tx2);padding:12px 0}
.gml-crumbs ol{list-style:none;display:flex;gap:8px;flex-wrap:wrap;max-width:1160px;margin:0 auto;padding:0 20px}
.gbt-main{padding-bottom:50px}
.gbt-mosaic{padding:24px 0}
.gbt-mosaic-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:170px;gap:10px}
.gbt-m-big{grid-row:span 2}
.gbt-m-big .gbt-m-cov b{font-size:34px}
.gbt-m-big .gbt-m-txt strong{font-size:22px}
.gbt-m-big,.gbt-m-sm{display:grid;grid-template-rows:1fr auto;background:var(--pan);border:1px solid var(--ln);overflow:hidden}
.gbt-m-cov{display:grid;place-items:center;background:repeating-linear-gradient(45deg,#1a1114 0 12px,#160d10 12px 24px);position:relative;padding:10px}
.gbt-m-cov b{font:900 22px/1.15 "Trebuchet MS";text-transform:uppercase;color:var(--red);text-align:center}
.gbt-m-cov i{position:absolute;top:8px;right:10px;background:var(--amb);color:#120e0d;font:700 12px "Courier New",monospace;padding:2px 8px;font-style:normal}
.gbt-m-txt{padding:12px 14px;border-top:1px solid var(--ln)}
.gbt-m-txt em{font:10px "Courier New",monospace;color:var(--amb);font-style:normal;text-transform:uppercase;letter-spacing:.2em}
.gbt-m-txt strong{display:block;font:700 15px "Trebuchet MS";margin:4px 0}
.gbt-m-txt p{font-size:12.5px;color:var(--tx2);line-height:1.5}
.gbt-h2{font:800 17px "Trebuchet MS";text-transform:uppercase;letter-spacing:.12em;color:var(--amb);margin:36px 0 14px;display:flex;align-items:center;gap:10px}
.gbt-h2::before{content:'';width:10px;height:10px;background:var(--red);display:inline-block;transform:rotate(45deg)}
.gbt-board{padding:6px 0}
.gbt-table{width:100%;border-collapse:collapse;background:var(--pan)}
.gbt-table th{font:700 11px "Courier New",monospace;text-transform:uppercase;letter-spacing:.15em;color:var(--tx2);text-align:left;padding:12px 14px;border-bottom:2px solid var(--red)}
.gbt-table td{padding:12px 14px;border-bottom:1px solid var(--ln);font-size:13.5px}
.gbt-table tbody tr:nth-child(odd){background:var(--pan2)}
.gbt-pos{font:800 14px "Courier New",monospace;color:var(--amb)}
.gbt-tt a{font:700 15px "Trebuchet MS";color:var(--tx)}
.gbt-tt a:hover{color:var(--red)}
.gbt-sc{font:800 15px "Courier New",monospace;color:var(--red)}
.gbt-board-more{margin-top:14px}
.gbt-board-more a{font:700 12px "Courier New",monospace;color:var(--amb);text-transform:uppercase;letter-spacing:.12em}
.gbt-lower{padding:10px 0 20px}
.gbt-lower-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:36px;align-items:start}
.gbt-genres{display:flex;flex-wrap:wrap;gap:8px}
.gbt-genre-chip{display:inline-flex;gap:8px;align-items:center;background:var(--pan);border:1px solid var(--ln);padding:9px 14px;font:700 12.5px "Trebuchet MS";text-transform:uppercase;letter-spacing:.06em}
.gbt-genre-chip b{background:var(--red);color:#120e0d;font:700 11px "Courier New",monospace;padding:1px 6px}
.gbt-arts{list-style:none}
.gbt-arts li{border-bottom:1px dashed var(--ln)}
.gbt-arts a{display:flex;justify-content:space-between;gap:14px;align-items:baseline;padding:12px 0}
.gbt-arts strong{font:700 14.5px "Trebuchet MS"}
.gbt-arts a:hover strong{color:var(--amb)}
.gbt-arts span{font:11px "Courier New",monospace;color:var(--tx2);white-space:nowrap}
.gbt-counter{background:#0d0a09;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);padding:12px 0;font:12px "Courier New",monospace;color:var(--tx2)}
.gbt-counter span{color:var(--amb);font-weight:700}
.gbt-single{padding:32px 20px;max-width:920px}
.gbt-gp-tag{display:inline-block;background:var(--red);color:#120e0d;font:800 11px "Courier New",monospace;padding:4px 12px;text-transform:uppercase;letter-spacing:.15em}
.gbt-gp-head h1{font:900 30px/1.2 "Trebuchet MS";text-transform:uppercase;margin:12px 0}
.gbt-gp-scoreline{display:flex;gap:18px;align-items:center}
.gbt-gp-score{font:900 34px "Courier New",monospace;color:var(--amb)}
.gbt-gp-score i{font-size:14px;color:var(--tx2);font-style:normal}
.gbt-gp-fact{font:12px "Courier New",monospace;color:var(--tx2);border:1px solid var(--ln);padding:4px 10px}
.gbt-gp-factsbar{display:flex;gap:24px;flex-wrap:wrap;background:var(--pan);border:1px solid var(--ln);border-left:4px solid var(--amb);padding:12px 18px;margin:18px 0;font-size:13px}
.gbt-gp-factsbar b{color:var(--amb)}
.gbt-body{background:var(--pan);border:1px solid var(--ln);padding:28px;font-size:15px;color:#d8cec2}
.gbt-body h2{color:var(--tx);font:800 17px "Trebuchet MS";text-transform:uppercase;letter-spacing:.06em;margin:22px 0 10px;border-bottom:2px solid var(--red);display:inline-block;padding-bottom:4px}
.gbt-body p{margin:0 0 14px}
.gbt-art-meta{font:12px "Courier New",monospace;color:var(--tx2);margin:8px 0 16px}
.gbt-art h1{font:900 26px/1.25 "Trebuchet MS";text-transform:uppercase;margin:10px 0}
.gbt-arch{padding:32px 20px}
.gbt-arch-title{font:900 26px "Trebuchet MS";text-transform:uppercase;letter-spacing:.04em;margin-bottom:18px;border-bottom:3px solid var(--red);display:inline-block;padding-bottom:6px}
.gbt-arts-page{background:var(--pan);border:1px solid var(--ln);padding:8px 20px}
.gbt-pagi{margin-top:22px;display:flex;gap:6px}
.gbt-pagi .page-numbers{padding:8px 14px;border:1px solid var(--ln);font:700 13px "Courier New",monospace;color:var(--tx2)}
.gbt-pagi .current{background:var(--red);color:#120e0d;border-color:var(--red)}
.gbt-404{padding:80px 20px;text-align:center}
.gbt-404 b{font:900 48px "Courier New",monospace;color:var(--red);letter-spacing:.2em;display:block}
.gbt-404 h1{font:800 20px "Trebuchet MS";margin:14px 0}
.gbt-404 p{color:var(--tx2);margin-bottom:20px}
.gbt-continue{display:inline-block;background:var(--amb);color:#120e0d;font:800 15px "Courier New",monospace;padding:12px 30px}
.gbt-foot{margin-top:50px;background:#0d0a09;border-top:3px solid var(--red)}
.gbt-foot-in{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px;padding:34px 20px}
.gbt-foot .gbt-brand{margin-bottom:10px}
.gbt-foot p{color:var(--tx2);font-size:13px;max-width:40ch}
.gbt-foot h5{font:700 11px "Courier New",monospace;color:var(--amb);text-transform:uppercase;letter-spacing:.2em;margin-bottom:12px}
.gbt-foot ul{list-style:none}
.gbt-foot ul a{display:block;padding:4px 0;color:var(--tx2);font-size:13px}
.gbt-foot-scores{list-style:none;counter-reset:hs}
.gbt-foot-scores li{counter-increment:hs;font:13px "Courier New",monospace;padding:4px 0;color:var(--tx2)}
.gbt-foot-scores li::before{content:counter(hs) '. ';color:var(--red);font-weight:700}
.gbt-foot-scores b{float:right;color:var(--amb)}
.gbt-bar{border-top:1px solid var(--ln);padding:14px 0;font:11px "Courier New",monospace;color:var(--tx2)}
@media(max-width:900px){.gbt-mosaic-grid{grid-template-columns:1fr 1fr}.gbt-m-big{grid-column:span 2;grid-row:auto}.gbt-lower-grid{grid-template-columns:1fr}.gbt-foot-in{grid-template-columns:1fr 1fr}.gbt-table-page{display:block;overflow-x:auto}}