/* V48: rebuilt visual system — independent layout skin */
:root{--v48-bg:#08090c;--v48-panel:#11141a;--v48-panel2:#171b23;--v48-line:#2b303a;--v48-red:#f22b46;--v48-ink:#f5f6f8;--v48-muted:#a5abb6}
html{scroll-behavior:smooth;background:var(--v48-bg)!important}
body{background:radial-gradient(ellipse at 50% -10%,#32121b 0,transparent 42%),var(--v48-bg)!important;color:var(--v48-ink)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}
body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#08090cf2,#08090c9c 55%,#08090ce8),url('kn-cs2-cinematic.png') center/cover no-repeat!important;opacity:.7!important}
.site-backdrop,.v12-animated-backdrop,#fx{opacity:.10!important}
.site-header{width:100%!important;max-width:none!important;box-sizing:border-box!important;padding:15px clamp(18px,5vw,76px)!important;background:#08090ced!important;border-bottom:1px solid #f22b4655!important;backdrop-filter:blur(20px)!important;grid-template-columns:1fr auto 1fr!important}
.brand{font-size:15px!important;letter-spacing:-.04em!important;text-transform:uppercase!important;color:#fff!important}.mark{border-radius:8px!important;background:var(--v48-red)!important;color:#fff!important;border:0!important;box-shadow:0 0 30px #f22b4630!important}.brand-dot{color:var(--v48-red)!important}
.primary-nav{gap:clamp(12px,2vw,30px)!important}.primary-nav a{font-size:10px!important;text-transform:uppercase!important;letter-spacing:.12em!important;color:#a5abb6!important}.primary-nav a:hover{color:#fff!important}.primary-nav a span{color:var(--v48-red)!important}
.steam,.action-primary{background:var(--v48-red)!important;border:1px solid #ff667b!important;color:#fff!important;border-radius:6px!important;box-shadow:0 8px 26px #f22b4624!important;text-transform:uppercase!important;letter-spacing:.06em!important}.steam:hover,.action-primary:hover{background:#ff4a62!important;transform:translateY(-1px)}
.landing{width:min(1320px,calc(100% - 36px))!important}
.landing-hero{padding:clamp(54px,8vw,108px) 0 58px!important;gap:clamp(26px,5vw,72px)!important;grid-template-columns:1.05fr .95fr!important;min-height:0!important}
.landing-hero:before{content:"";position:absolute;inset:0 -8vw;z-index:-1;background:linear-gradient(90deg,#08090cf2,#08090c80 55%,#08090cf0),url('kn-cs2-cinematic.png') center 45%/cover no-repeat;mask-image:linear-gradient(#000 0%,#000 70%,transparent 100%)}
.eyebrow,.movement-copy-kicker,.manifesto-tag{color:#ff6479!important}.eyebrow-line{background:var(--v48-red)!important}
.landing-hero h1{font-size:clamp(44px,6vw,82px)!important;line-height:.95!important;letter-spacing:-.075em!important;text-transform:uppercase!important}.landing-hero h1 em{color:var(--v48-red)!important}
.hero-intro{color:#c2c7d0!important;font-size:14px!important;line-height:1.8!important;max-width:480px!important}
.hero-proof{border-color:#ffffff20!important;background:#0c0e13b8!important;border-radius:8px!important;padding:15px!important}.proof-mark{border-color:var(--v48-red)!important;color:#ff6479!important}
.movement-console{background:linear-gradient(145deg,#171b23f2,#090a0df5)!important;border:1px solid #ffffff25!important;border-radius:12px!important;box-shadow:0 30px 90px #0009!important;overflow:hidden!important}
.movement-console-top,.movement-console-bottom{border-color:#ffffff18!important;color:#9ba3b0!important}.movement-console-top>span:first-child{color:#f3f4f6!important}.movement-console-top i{background:#40e38a!important;box-shadow:0 0 12px #40e38a!important}
.movement-visual{background:linear-gradient(#08090c88,#08090cbb),url('kn-cs2-cinematic.png') center/cover!important;border-color:#ffffff18!important}.movement-visual-grid{background-image:linear-gradient(#f22b4610 1px,transparent 1px),linear-gradient(90deg,#f22b4610 1px,transparent 1px)!important}
.movement-copy h2 em{color:var(--v48-red)!important}.movement-tags span{border-color:#ffffff22!important;background:#ffffff08!important}.movement-copy-bottom a{background:var(--v48-red)!important;border-radius:5px!important}
.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;padding:18px!important;background:#0b0d12eF!important;border:1px solid #ffffff20!important;border-radius:12px!important;box-shadow:0 24px 70px #0008!important}
.hub-card{min-height:270px!important;border:1px solid #ffffff20!important;border-radius:9px!important;background:linear-gradient(180deg,#0b0d1255,#0b0d12f2),url('kn-cs2-cinematic.png') center/cover!important;padding:22px!important;transition:transform .25s,border-color .25s,box-shadow .25s!important}
.hub-stats{background-position:20% center!important}.hub-forums{background-position:55% center!important}.hub-discord{background-position:85% center!important}
.hub-card:hover{transform:translateY(-5px)!important;border-color:#f22b4699!important;box-shadow:0 18px 42px #0009!important}.hub-card h2{color:#fff!important;text-transform:uppercase!important}.hub-card p{color:#c0c5ce!important}.hub-index,.hub-bottom{color:#9ca4b1!important}.hub-arrow,.hub-symbol,.hub-bottom b{color:var(--v48-red)!important}.hub-bottom{border-color:#ffffff20!important}
.site-footer{border-color:#ffffff1e!important;color:#9198a5!important;padding:26px 20px!important}.footer-brand{color:#fff!important}.footer-kn{color:var(--v48-red)!important}
.forum-shell{background:#0b0d12!important;border-color:#ffffff20!important;box-shadow:0 30px 100px #000b!important}.forum-top{border-color:#ffffff1b!important}.forum-title span{color:var(--v48-red)!important}
button,input,textarea,select{font:inherit!important}input,textarea,select{background:#0a0c10!important;color:#f5f6f8!important;border:1px solid #343a46!important;border-radius:6px!important}button{border-radius:6px!important}
.container,.stats-shell,.page-shell,.main-wrap{max-width:1320px!important}
.panel,.stat-card,.metric,.map-tile,.profile-top,.section-panel,.hero-art,.table-wrap{background:#11141a!important;border-color:#2b303a!important;border-radius:10px!important;box-shadow:0 14px 40px #0003!important}
h1,h2,h3{letter-spacing:-.035em!important}h1 span,.hero h1 span{color:#fff!important}.link,.time,.rank,.tag{color:#ff6479!important}
.button,.tab,.section-switch button,.map-reset,.pagination button{background:#191d26!important;border:1px solid #343a46!important;color:#e9ebef!important;border-radius:6px!important}.button:hover,.tab:hover,.section-switch button:hover{border-color:#f22b46!important}
table{border-color:#2b303a!important}th{background:#171b23!important;color:#aeb5c1!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-size:10px!important}td{border-color:#242a34!important;color:#e2e5eb!important}tr:hover td{background:#f22b460a!important}
.kn-motion-control,#knMotionControl{border-color:#ffffff26!important;background:#11141a!important;color:#c2c7d0!important}
@media(max-width:850px){.site-header{grid-template-columns:1fr auto!important;gap:12px!important}.primary-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;flex-wrap:wrap}.landing-hero{grid-template-columns:1fr!important}.hub-grid{grid-template-columns:1fr!important}.hub-card{min-height:210px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}