/* VROOM website typography. One family, with hierarchy supplied by size and weight.
   Important declarations in this layer outrank legacy unlayered page font rules.
   Game playfields are intentionally outside the website typography scope. */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800;900&display=swap');
@layer vroom-typography {
 body[data-vroom-ui="site"],
 body[data-vroom-ui="site"] *:not(:where(svg,svg *,canvas,pre,pre *,code,code *)),
 :host,
 :host *:not(:where(svg,svg *,canvas)){
  font-family:Barlow,Arial,sans-serif!important;
 }
 body[data-vroom-ui="game"] :is(header,footer,.stage-head,.sq-toolbar,.sq-mode-slot,.sq-page-status,.controls,.legend-col,.score-col,.game-legend,.power-legend,.economy-card,dialog),
 body[data-vroom-ui="game"] :is(header,footer,.stage-head,.sq-toolbar,.sq-mode-slot,.sq-page-status,.controls,.legend-col,.score-col,.game-legend,.power-legend,.economy-card,dialog) *:not(:where(svg,svg *,canvas,.board-wrap,.board-wrap *)),
 #vroom-global-header,#vroom-global-header *:not(:where(svg,svg *)),
 .vh-dialog,.vh-dialog *:not(:where(svg,svg *)){
  font-family:Barlow,Arial,sans-serif!important;
 }
}
/* Wider letterforms need room in the former condensed display headings. */
body[data-vroom-ui="site"] h1,body[data-vroom-ui="site"] h2,body[data-vroom-ui="site"] h3{overflow-wrap:normal}
:host .hero h1{font-size:clamp(46px,5.8vw,86px);line-height:1.02;letter-spacing:-2px}
:host .hero h1>span{max-width:8em}
:host .stage-bottom h2{font-size:clamp(26px,3vw,42px)}
:host .dc-hero h1,:host .spotlight-page-intro h1{font-size:clamp(44px,5.7vw,78px);line-height:1.02}
:host .daily-copy h2{font-size:28px}
:host .spotlight-heading h2,:host .community-banner h2{font-size:34px}
:host .return-section h2{font-size:40px}
body[data-vroom-ui="site"] .library-intro h1{font-size:clamp(50px,6.5vw,86px);line-height:1;letter-spacing:-2px}
body[data-vroom-ui="site"] .feature-copy h2{font-size:clamp(34px,4vw,54px);line-height:1.05}
body[data-vroom-ui="site"] .game-heading h3{font-size:28px}
body[data-vroom-ui="site"] .section-top h2{font-size:34px}
body[data-vroom-ui="site"] .library-daily h2{font-size:26px}
body[data-vroom-ui="site"] .workshop-copy h2{font-size:38px}
body[data-vroom-ui="site"] .library-spotlight h2{font-size:30px}
body[data-vroom-ui="game"] .sq-identity h1{font-size:26px}
@media(max-width:767px){
 :host .hero h1{font-size:clamp(44px,11.5vw,68px);letter-spacing:-1.5px}
 :host .stage-bottom h2{font-size:28px}
 :host .dc-hero h1,:host .spotlight-page-intro h1{font-size:clamp(38px,10vw,60px)}
 :host .daily-copy h2,:host .spotlight-heading h2{font-size:27px}
 :host .dc-rules h2{font-size:23px}
 body[data-vroom-ui="site"] .library-intro h1{font-size:clamp(46px,12vw,66px)}
 body[data-vroom-ui="site"] .section-top h2{font-size:28px}
 body[data-vroom-ui="site"] .library-daily h2{font-size:22px}
 body[data-vroom-ui="site"] .library-spotlight h2{font-size:27px}
 body[data-vroom-ui="game"] .sq-identity h1{font-size:20px}
}