.offline .icon{-webkit-user-select:none;user-select:none;display:inline-block}.offline .icon-offline{content:-webkit-image-set(url(assets/default_100_percent/100-error-offline.png) 1x, url(assets/default_200_percent/200-error-offline.png) 2x);position:relative}.offline .interstitial-wrapper{color:#2b2b2b;width:100%;max-width:600px;margin:0 auto;padding-top:100px;font-size:1em;line-height:1.55}.offline .runner-container{outline:none;width:600px;max-width:600px;height:150px;position:absolute;top:35px;overflow:hidden}.offline .runner-canvas{opacity:1;z-index:2;outline:none;max-width:600px;height:150px;position:absolute;top:0;overflow:hidden}.offline .runner-canvas:focus,.offline .runner-container:focus,.offline .interstitial-wrapper:focus{outline:none}.offline .controller{z-index:1;background:#f7f7f71a;width:100vw;height:100vh;position:absolute;top:0;left:0}.offline #offline-resources{display:none}@media (width<=420px){.offline .suggested-left>#control-buttons,.offline .suggested-right>#control-buttons{float:none}.offline .snackbar{border-radius:0;width:100%;bottom:0;left:0}}@media (height<=350px){.offline h1{margin:0 0 15px}.offline .icon-offline{margin:0 0 10px}.offline .interstitial-wrapper{margin-top:5%}.offline .nav-wrapper{margin-top:30px}}@media (width>=600px) and (width<=736px) and (orientation:landscape){.offline .interstitial-wrapper{margin-left:0;margin-right:0}}@media (width>=420px) and (width<=736px) and (height>=240px) and (height<=420px) and (orientation:landscape){.offline .interstitial-wrapper{margin-bottom:100px}}@media (height>=240px) and (orientation:landscape){.offline .interstitial-wrapper{margin-bottom:90px}.offline .icon-offline{margin-bottom:20px}}@media (height<=320px) and (orientation:landscape){.offline .icon-offline{margin-bottom:0}.offline .runner-container{top:10px}}@media (width<=240px){.offline .interstitial-wrapper{overflow:inherit;padding:0 8px}}.arcade-mode,.arcade-mode .runner-container,.arcade-mode .runner-canvas{image-rendering:pixelated;max-width:100%;overflow:hidden}.arcade-mode #buttons,.arcade-mode #main-content{opacity:0;overflow:hidden}.arcade-mode .interstitial-wrapper{max-width:100%;height:240px;overflow:hidden}.arcade-mode .runner-container{transform-origin:top;z-index:2;margin:auto;transition:transform .25s cubic-bezier(.4,0,1,1) .4s;left:0;right:0}