:root{color:#fff;font-synthesis:none;background:#000}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}.tf2-application{isolation:isolate;background:#000;width:100%;height:100%;position:relative;overflow:hidden}.world-canvas{z-index:0;background:#000;width:100%;height:100%;display:block;position:absolute;inset:0}.vgui-layer{pointer-events:none;position:absolute;inset:0}.vgui-layer>*{pointer-events:auto}.startup-layer{z-index:50;background:#000;position:absolute;inset:0}.startup-movie{object-fit:fill;background:#000;width:100%;height:100%;display:block}.startup-loading-plaque{z-index:1;color:#fff;white-space:nowrap;width:128px;height:64px;padding:4px 0 0 18px;font:16px/44px Arial,Helvetica,sans-serif;position:absolute;bottom:0;right:0}.startup-loading-plaque:before{z-index:-1;content:"";background:#000;border-radius:6px;width:110px;height:44px;position:absolute;top:4px;left:2px}.tf2-application[data-bootstrap-loading=false] .startup-loading-plaque,.tf2-application:not([data-phase=Startup]) .startup-layer{display:none}.loading-layer{z-index:15}.tf2-application:not([data-gameui=loading]):not([data-gameui=failure]) .loading-layer{display:none}.gameui-layer{z-index:10}.hud-layer{z-index:20}.options-layer{z-index:30}.developer-layer{z-index:40}.tf2-application[data-options-visible=false] .options-layer{display:none}.tf2-application[data-gameui=main-menu] .world-canvas,.tf2-application[data-gameui=loading] .world-canvas,.tf2-application[data-gameui=failure] .world-canvas{visibility:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}
