body[data-game="old-world"]{--sg-accent:#d7bc80;--sg-glow:#463527;--gold:#d7bc80;background:#121417}
body[data-game="infinity"]{--sg-accent:#7fd4cf;--sg-glow:#164453;--gold:#7fd4cf;background:#08141c}
body[data-game="old-world"] .topbar{background:#252119;border-bottom-color:#806b4c}
body[data-game="infinity"] .topbar{background:#0b2730;border-bottom-color:#39727a}
body[data-game="old-world"] .sg-hero,body[data-game="old-world"] .sg-page-head{background-image:linear-gradient(105deg,#1c1917f7,#2d2520d9 52%,#43352266),url('old-world/old-world-hero.webp')}
body[data-game="infinity"] .sg-hero,body[data-game="infinity"] .sg-page-head{background-image:linear-gradient(105deg,#06151ff7,#0a2932db 55%,#18505b88),url('infinity/infinity-hero.webp')}
body[data-game="old-world"] .sg-panel,body[data-game="old-world"] .sg-kpis article{background:#25221e;border-color:#5d5145}
body[data-game="infinity"] .sg-panel,body[data-game="infinity"] .sg-kpis article{background:#142830;border-color:#32616b}
body[data-game] .ng-view{display:none}
body[data-game] .ng-view.active{display:block}
body[data-game] .sg-hero,body[data-game] .sg-page-head{background-position:center;background-size:cover}
body[data-game] .sg-page-head{margin-top:20px;padding:30px;border:1px solid #ffffff35;border-radius:12px}
body[data-game] .sg-hero-actions button:first-child{background:var(--sg-accent);border-color:var(--sg-accent)}
body[data-game] .bottom-nav [data-view].active{background:color-mix(in srgb,var(--sg-accent) 20%,#17212b);color:var(--sg-accent)}
body[data-game] .topbar .brand small{color:var(--sg-accent)}
body[data-game] .game-category[aria-current="page"]{background:var(--sg-accent);color:#102027}
body[data-game] .footer-rights-link{border:0;background:none;color:var(--sg-accent);font-size:11px;text-decoration:underline}
.ng-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.ng-quick{display:flex;flex-wrap:wrap;gap:8px}
.ng-quick button{padding:10px 13px;border:1px solid #6d7474;border-radius:6px;background:#26343d;color:#f5eee3;cursor:pointer;text-align:left}
.ng-quick button span{margin-left:10px;color:var(--sg-accent)}
.ng-faction{min-width:0;padding:20px;border:1px solid #4b5a5e;border-radius:9px;background:#1c2930}
.ng-faction h3{margin:9px 0 4px;overflow-wrap:anywhere}
.ng-faction p{margin:0;color:#c0ced3;font-size:12px}
.ng-zero{padding:20px;border:1px solid #55636a;border-radius:9px;background:#15232c}
.ng-zero strong{color:var(--sg-accent);font-size:18px}
.ng-zero p{color:#c4d0d4;font-size:13px;line-height:1.7}
.ng-zero a{color:var(--sg-accent)}
.ng-add{display:grid;grid-template-columns:minmax(0,2fr) minmax(95px,1fr) auto;align-items:end;gap:9px;margin:12px 0 18px}
.ng-add label{display:grid;gap:7px;color:#bbcbd3;font-size:11px}
.ng-add input{min-width:0;min-height:42px;padding:0 12px;border:1px solid #4e5e69;border-radius:6px;background:#101923;color:#fff;font:inherit}
.ng-add button{min-height:42px;padding:0 16px;border:0;border-radius:6px;background:var(--sg-accent);color:#102027;font-weight:700;cursor:pointer}
.ng-buy-cta{display:flex;align-items:center;justify-content:space-between;gap:16px}
.ng-buy-cta h2{margin:6px 0;font-size:19px}
.ng-buy-cta p{margin:0;color:#bbccd2;font-size:12px}
.ng-buy-cta button{flex:none;min-height:40px;padding:0 14px;border:1px solid var(--sg-accent);border-radius:6px;background:transparent;color:var(--sg-accent);font-weight:700;cursor:pointer}
@media(max-width:700px){body[data-game] .sg-page-head{margin-top:12px;padding:23px}.ng-add{grid-template-columns:minmax(0,1fr) 90px}.ng-add button{grid-column:1/-1}}
@media(max-width:390px){.ng-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ng-kpis article:last-child{grid-column:1/-1}.ng-buy-cta{align-items:stretch;flex-direction:column}}
