/* Restored at the user's request, 2026-10-12. Chakra Petch system. Local upright files, no synthetic bold/italic. */
@font-face{font-family:'Chakra Petch';src:url('/assets/fonts/ChakraPetch-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Chakra Petch';src:url('/assets/fonts/ChakraPetch-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Chakra Petch';src:url('/assets/fonts/ChakraPetch-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Chakra Petch';src:url('/assets/fonts/ChakraPetch-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
/* The protected Valorant theme has per-component font shorthands. Override only
   typography, never its pricing CSS, field geometry, artwork or tab contour. */
html[data-site-typography="chakra"] body,
html[data-site-typography="chakra"] body *:not(svg):not(svg *){font-family:'Chakra Petch',Arial,sans-serif!important;font-synthesis:none}
html[data-site-typography="chakra"] body{font-weight:400;font-style:normal}
html[data-site-typography="chakra"] :is(h1,h2,h3,h4,strong){font-weight:700!important;font-style:normal!important}
html[data-site-typography="chakra"] :is(button,.gg-service-tab,.gg-review-button){font-weight:700!important;font-style:normal!important}
html[data-site-typography="chakra"] :is(legend,.gg-context-caption,.gg-navigation-game>summary){font-weight:600!important}
html[data-site-typography="chakra"] .z3d-catalog-service[aria-current="page"]{font-weight:700!important}
html[data-site-typography="chakra"] :is(input[type="number"],.order-route strong,[role="status"]){font-variant-numeric:tabular-nums}

:root{--gg-font-ui:'Chakra Petch',Arial,sans-serif;--gg-font-display:var(--gg-font-ui)}
/* Original artwork supplies the mask; only its displayed gold material changes. */
.brand{display:inline-flex;align-items:center;flex-shrink:0;width:232px;height:36px}
.gg-brand-original-full{display:block;width:232px;height:36px}
.gg-brand-original-mark{display:none;width:46px;height:36px}
@media(min-width:721px) and (max-width:1100px){.site-header .brand,.site-header .gg-brand-original-full{width:205px}}
@media(max-width:720px){.site-header .brand{width:46px}.site-header .gg-brand-original-full{display:none}.site-header .gg-brand-original-mark{display:block}}