/*
Theme Name: Arkaid MY Portal
Description: Dark esports game database (EN + Bahasa Malaysia). Site-specific design.
Version: 2.0.0
Text Domain: gml
*/
:root{--bg:#0c1018;--pan:#141a24;--pan2:#1b2330;--acc:#41f195;--acc2:#8a5cff;--tx:#e8edf2;--tx2:#8fa0b3;--ln:#26303f}
*{margin:0;padding:0;box-sizing:border-box}
body.ark{background:var(--bg);color:var(--tx);font:15px/1.6 "Segoe UI",system-ui,sans-serif}
a{color:inherit;text-decoration:none}
.ark-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.ark-top{background:#080b10;border-bottom:1px solid var(--ln);font:11px/1 ui-monospace,monospace;color:var(--tx2)}
.ark-top-in{display:flex;gap:16px;align-items:center;height:34px;overflow:hidden}
.ark-live{color:var(--acc);letter-spacing:.08em;white-space:nowrap}
.ark-tick{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ark-sw{display:flex;gap:4px}
.ark-sw a{padding:3px 9px;border:1px solid var(--ln);color:var(--tx2)}
.ark-sw a.on{background:var(--acc);color:#080b10;font-weight:700;border-color:var(--acc)}
.ark-head-in{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;gap:20px}
.ark-brand{display:flex;gap:12px;align-items:center}
.ark-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--acc);color:#080b10;font:800 17px ui-monospace,monospace;clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%)}
.ark-brand-t b{display:block;font-size:19px;letter-spacing:.02em}
.ark-brand-t i{display:block;font:10px/1 ui-monospace,monospace;color:var(--acc2);font-style:normal;letter-spacing:.18em;margin-top:3px}
.ark-search{display:flex}
.ark-search input{background:var(--pan);border:1px solid var(--ln);border-right:0;color:var(--tx);padding:9px 14px;width:250px;font-size:13px}
.ark-search button{background:var(--acc);border:0;color:#080b10;font:700 12px ui-monospace,monospace;padding:0 16px;cursor:pointer;letter-spacing:.1em}
.ark-nav{border-top:1px solid var(--ln);border-bottom:2px solid var(--acc)}
.ark-nav .ark-wrap{display:flex;gap:2px;overflow-x:auto}
.ark-nav a{padding:11px 15px;font-size:12.5px;color:var(--tx2);text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid transparent;margin-bottom:-2px}
.ark-nav a:hover{color:var(--acc)}
.gml-crumbs{font-size:12px;color:var(--tx2);padding:12px 0;border-bottom:1px solid var(--ln)}
.gml-crumbs ol{list-style:none;display:flex;gap:8px;max-width:1180px;margin:0 auto;padding:0 20px;flex-wrap:wrap}
.ark-main{padding-bottom:60px}
.ark-hero{padding:26px 0 8px}
.ark-slides{display:grid;grid-template-rows:auto;gap:0;position:relative;min-height:300px}
.ark-slide{display:none;grid-template-columns:340px 1fr;background:var(--pan);border:1px solid var(--ln)}
.ark-slide.on{display:grid;animation:arkin .45s ease}
@keyframes arkin{from{opacity:0;transform:translateY(8px)}to{opacity:1}}
.ark-slide-cover{background:linear-gradient(135deg,#0b0f16 0%,#17233a 60%,#232b4d 100%);display:grid;place-items:center;position:relative;min-height:240px}
.ark-slide-cover b{font:800 34px/1.1 ui-monospace,monospace;text-transform:uppercase;color:var(--acc);text-align:center;padding:0 24px;letter-spacing:.02em}
.ark-slide-cover i{position:absolute;top:10px;right:14px;font:11px ui-monospace,monospace;color:var(--tx2)}
.ark-slide-body{padding:26px 30px;display:flex;flex-direction:column;gap:10px;justify-content:center}
.ark-slide-body em{color:var(--acc2);font-style:normal;font:11px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.14em}
.ark-slide-body strong{font-size:24px}
.ark-slide-body p{color:var(--tx2);font-size:14px;max-width:60ch}
.ark-meta-row{display:flex;gap:14px;color:var(--tx2);font-size:12px;align-items:center}
.ark-meta-row b{color:var(--acc);font:700 16px ui-monospace,monospace}
.ark-dots{display:flex;gap:6px;justify-content:center;padding:12px 0 0}
.ark-dots button{width:26px;height:4px;border:0;background:var(--ln);cursor:pointer}
.ark-dots button.on{background:var(--acc)}
.ark-h{font-size:15px;text-transform:uppercase;letter-spacing:.14em;color:var(--tx2);border-left:3px solid var(--acc);padding-left:12px;margin:34px 0 16px;font-weight:600}
.ark-split-in{display:grid;grid-template-columns:1fr 300px;gap:26px;align-items:start}
.ark-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ark-grid-wide{grid-template-columns:repeat(4,1fr)}
.ark-card{background:var(--pan);border:1px solid var(--ln);padding-bottom:12px;position:relative;transition:border-color .2s}
.ark-card:hover{border-color:var(--acc)}
.ark-card-cov{display:grid;place-items:center;min-height:110px;background:linear-gradient(120deg,var(--pan2),#101823);margin-bottom:10px}
.ark-card-cov b{font:800 18px ui-monospace,monospace;text-transform:uppercase;color:var(--tx);padding:0 14px;text-align:center}
.ark-card-r{position:absolute;top:8px;right:8px;background:var(--acc);color:#080b10;font:700 12px ui-monospace,monospace;padding:2px 7px}
.ark-card-t{display:block;padding:0 12px;font-weight:600;font-size:14px}
.ark-card-m{display:block;padding:0 12px;margin-top:5px;color:var(--tx2);font-size:12px}
.ark-rail{background:var(--pan);border:1px solid var(--ln);padding:16px}
.ark-ranks{list-style:none;counter-increment:none}
.ark-ranks li+li{border-top:1px solid var(--ln)}
.ark-ranks a{display:flex;gap:10px;align-items:center;padding:9px 2px;font-size:13px}
.ark-ranks b{font:700 13px ui-monospace,monospace;color:var(--acc2);min-width:24px}
.ark-ranks span{flex:1}
.ark-ranks em{font:700 12px ui-monospace,monospace;color:var(--acc);font-style:normal}
.ark-guides-head{display:flex;justify-content:space-between;align-items:baseline}
.ark-more{color:var(--acc);font:600 12px ui-monospace,monospace;letter-spacing:.06em}
.ark-guides-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}
.ark-guide{background:var(--pan);border:1px solid var(--ln);border-top:2px solid var(--acc2);padding:16px}
.ark-guide em{font:11px ui-monospace,monospace;color:var(--tx2);font-style:normal}
.ark-guide h3{font-size:15px;margin:8px 0}
.ark-guide p{color:var(--tx2);font-size:13px}
.ark-stats{border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);background:#0a0e14}
.ark-stats-in{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:20px;text-align:center}
.ark-stats b{display:block;font:800 26px ui-monospace,monospace;color:var(--acc)}
.ark-stats span{color:var(--tx2);font-size:12px}
.ark-single{padding:30px 20px}
.ark-gp-head{display:grid;grid-template-columns:280px 1fr;gap:24px;background:var(--pan);border:1px solid var(--ln);padding:24px}
.ark-gp-cov{background:linear-gradient(135deg,#0b0f16,#1d2a44);display:grid;place-items:center;min-height:180px}
.ark-gp-cov b{font:800 26px ui-monospace,monospace;text-transform:uppercase;color:var(--acc);text-align:center;padding:0 16px}
.ark-gp-info em{font:11px ui-monospace,monospace;color:var(--acc2);text-transform:uppercase;letter-spacing:.14em;font-style:normal}
.ark-gp-info h1{font-size:28px;margin:6px 0 10px}
.ark-gp-score b{font:800 30px ui-monospace,monospace;color:var(--acc)}
.ark-gp-score span{color:var(--tx2);font-size:12px;margin-left:6px}
.ark-facts{display:grid;grid-template-columns:repeat(4,auto);gap:6px 18px;margin-top:14px;font-size:13px}
.ark-facts dt{color:var(--tx2)}
.ark-facts dd{font-weight:600}
.ark-body{background:var(--pan);border:1px solid var(--ln);border-top:0;padding:26px;font-size:15px;color:#cfd9e4}
.ark-body h2{color:var(--tx);margin:22px 0 10px;font-size:18px;border-left:3px solid var(--acc2);padding-left:10px}
.ark-body p{margin:0 0 14px}
.ark-art-k{font:11px ui-monospace,monospace;color:var(--acc2);text-transform:uppercase;letter-spacing:.14em;font-style:normal}
.ark-art h1{font-size:28px;margin:8px 0}
.ark-art-m{display:flex;gap:14px;color:var(--tx2);font-size:12px;margin-bottom:18px}
.ark-arch-head em{font:11px ui-monospace,monospace;color:var(--acc2);text-transform:uppercase;letter-spacing:.14em;font-style:normal}
.ark-arch-head h1{font-size:26px;margin:6px 0 20px}
.ark-arch{padding:30px 20px}
.ark-pagi{margin-top:24px;display:flex;gap:6px}
.ark-pagi .page-numbers{padding:8px 13px;border:1px solid var(--ln);font:600 13px ui-monospace,monospace;color:var(--tx2)}
.ark-pagi .current{background:var(--acc);color:#080b10;border-color:var(--acc)}
.ark-404{padding:70px 20px;text-align:center}
.ark-404 b{font:800 60px ui-monospace,monospace;color:var(--acc2)}
.ark-foot{margin-top:50px;background:#080b10;border-top:2px solid var(--acc)}
.ark-foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;padding:34px 20px}
.ark-foot h4{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--tx2);margin-bottom:12px}
.ark-foot ul{list-style:none}
.ark-foot li a{display:block;padding:4px 0;color:var(--tx2);font-size:13px}
.ark-foot-brand p{color:var(--tx2);font-size:13px;margin:12px 0}
.ark-ver{font:10px ui-monospace,monospace;color:var(--acc2);letter-spacing:.1em}
.ark-bar{border-top:1px solid var(--ln);padding:14px 0;font-size:12px;color:var(--tx2)}
@media(max-width:900px){.ark-split-in{grid-template-columns:1fr}.ark-grid,.ark-grid-wide,.ark-guides-grid{grid-template-columns:repeat(2,1fr)}.ark-slide.on{grid-template-columns:1fr}.ark-gp-head{grid-template-columns:1fr}.ark-foot-grid{grid-template-columns:1fr 1fr}.ark-search input{width:150px}}