: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;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#000;outline:none;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}.startup-gesture{text-align:center;place-content:center;font:16px/1.5 Arial,Helvetica,sans-serif;display:none;position:absolute;inset:0}.tf2-application[data-startup-state=AwaitingGesture] .startup-gesture{display:grid}.startup-gesture button{font:inherit;cursor:pointer;padding:8px 16px}.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}.engineer-layer{z-index:24}.engineer-layer>*,.engineer-layer *{pointer-events:none!important}.class-selection-layer{z-index:25}.tf2-application[data-class-selection-visible=false] .class-selection-layer,.tf2-application[data-class-selection-visible=true] .hud-layer,.tf2-application[data-class-selection-visible=true] .engineer-layer{display:none}.team-selection-layer{z-index:25}.options-layer,.local-match-layer{z-index:30}.developer-layer{z-index:40}.application-failure{z-index:60;color:#fff;background:#000;padding:32px;font:16px/1.5 Arial,Helvetica,sans-serif;display:none;position:absolute;inset:0;overflow:auto}.tf2-application[data-phase=Failed][data-boot-failure=true] .application-failure{display:block}.application-failure h1{font-size:24px}.application-failure p{overflow-wrap:anywhere}.application-failure button{font:inherit;cursor:pointer;padding:8px 16px}.tf2-application[data-options-visible=false] .options-layer,.tf2-application[data-local-match-visible=false] .local-match-layer,.tf2-application[data-team-selection-visible=false] .team-selection-layer,.tf2-application[data-team-selection-visible=true] .hud-layer,.tf2-application[data-team-selection-visible=true] .engineer-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}}