/* STLBEAST v33 performance + layout optimization layer */
:root{color-scheme:dark;}
html{scroll-behavior:smooth;text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{min-height:100vh;overflow-x:hidden;}
img,svg,video{max-width:100%;height:auto;}
a,button,.btn,.gui-tile,.card{touch-action:manipulation;}
.hero,.hub-hero,.section,.cards3,.cards4,.guide-grid,.resource-grid,.gui-grid{content-visibility:auto;contain-intrinsic-size:1px 720px;}
.hero,.hub-hero{content-visibility:visible;contain-intrinsic-size:auto;}
.beast-art,.hero-art img,.shield-lockup{will-change:transform;}
.card,.gui-tile,.admin-card,.guide-card{backface-visibility:hidden;transform:translateZ(0);}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important;}}
@media (max-width:720px){.navlinks{gap:.45rem;}.headline{line-height:.94;}.hero-inner,.hub-hero-inner{gap:1.2rem;}.actions{display:grid;grid-template-columns:1fr;}.cards3,.cards4,.gui-grid,.resource-grid,.guide-grid{grid-template-columns:1fr!important;}.footer{grid-template-columns:1fr!important;}}
@media print{.nav,.topbar,.actions,.admin-sidebar,.navicons{display:none!important;}body{background:#fff!important;color:#111!important;}.card,.section{box-shadow:none!important;border:1px solid #ccc!important;}}