body,html{padding:0;margin:0;width:100%;height:100vh;overflow-y:hidden}.icon{-webkit-user-select:none;user-select:none;display:inline-block}.icon-offline{content:url(assets/default_200_percent/200-error-offline.png);position:relative}.hidden{display:none}.offline .interstitial-wrapper{color:#2b2b2b;font-size:1em;line-height:1.55;margin:0 auto;max-width:600px;padding-top:100px;width:100%}.offline .runner-container{height:150px;max-width:600px;overflow:hidden;position:absolute;top:35px;width:44px}.offline .runner-canvas{height:150px;max-width:600px;opacity:1;overflow:hidden;position:absolute;top:0;z-index:2}.offline .controller{background:rgba(247,247,247,.1);height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:1}#offline-resources{display:none}@media (max-width:420px){.suggested-left>#control-buttons,.suggested-right>#control-buttons{float:none}.snackbar{left:0;bottom:0;width:100%;border-radius:0}}@media (max-height:350px){h1{margin:0 0 15px}.icon-offline{margin:0 0 10px}.interstitial-wrapper{margin-top:5%}.nav-wrapper{margin-top:30px}}@media (min-width:600px) and (max-width:736px) and (orientation:landscape){.offline .interstitial-wrapper{margin-left:0;margin-right:0}}@media (min-width:420px) and (max-width:736px) and (min-height:240px) and (max-height:420px) and (orientation:landscape){.interstitial-wrapper{margin-bottom:100px}}@media (min-height:240px) and (orientation:landscape){.offline .interstitial-wrapper{margin-bottom:90px}.icon-offline{margin-bottom:20px}}@media (max-height:320px) and (orientation:landscape){.icon-offline{margin-bottom:0}.offline .runner-container{top:10px}}@media (max-width:240px){.interstitial-wrapper{overflow:inherit;padding:0 8px}}.arcade-mode,.arcade-mode .runner-canvas,.arcade-mode .runner-container{image-rendering:pixelated;max-width:100%;overflow:hidden}.arcade-mode #buttons,.arcade-mode #main-content{opacity:0;overflow:hidden}.arcade-mode .interstitial-wrapper{height:100vh;max-width:100%;overflow:hidden}.arcade-mode .runner-container{left:0;margin:auto;right:0;transform-origin:top center;transition:transform 250ms cubic-bezier(.4, 0, 1, 1) .4s;z-index:2}.custom-footer{text-align:center;margin:0;font-family:'Open Sans',sans-serif;color:#888;position:fixed;left:0;bottom:0;width:100vw;z-index:100;border-top:1px solid #eee;padding:.8rem 0 .6rem 0;box-shadow:0 -2px 16px 0 rgba(0,0,0,.03);backdrop-filter:blur(4px);background:0 0}.footer-links{display:flex;justify-content:center;gap:.5em 2.5em;align-items:center;flex-wrap:wrap}.footer-links a{color:#888;text-decoration:none;font-weight:500;font-size:1.08em;letter-spacing:.02em;border-bottom:2px solid #eee;padding-bottom:2px;border-radius:2px;transition:color .2s,border-bottom-color .2s;white-space:nowrap}.footer-links a:focus,.footer-links a:hover{color:#222;border-bottom-color:#222}.footer-sep{color:#ccc;font-size:1.2em}.footer-img{width:1em;height:1em;vertical-align:-.15em;margin-right:.15em;border-radius:50%}.music-toggle{position:fixed;top:20px;left:20px;width:40px;height:40px;background:rgba(255,255,255,.9);border:2px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;transition:all .3s ease;backdrop-filter:blur(4px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.music-toggle:hover{background:#fff;border-color:#bbb;transform:scale(1.05)}.music-toggle:active{transform:scale(.95)}.music-icon{color:#666;transition:color .3s ease}.music-toggle:hover .music-icon{color:#333}.music-toggle.muted{background:rgba(255,0,0,.1);border-color:#ff6b6b}.music-toggle.muted .music-icon{color:#ff6b6b}@media (max-width:480px){.music-toggle{width:36px;height:36px;top:15px;left:15px}.music-icon{width:14px;height:14px}}.music-toggle.playing .music-on{animation:musicPulse 1.5s infinite ease-in-out}@keyframes musicPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}100%{transform:scale(1);opacity:1}}.music-toggle.playing .music-icon{animation:musicRotate 2s linear infinite}@keyframes musicRotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.music-toggle.playing::after{content:'';position:absolute;top:50%;left:50%;width:100%;height:100%;border:2px solid #4caf50;border-radius:50%;transform:translate(-50%,-50%);animation:musicRipple 2s infinite}@keyframes musicRipple{0%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.music-toggle.playing{border-color:#4caf50;background:rgba(76,175,80,.1)}.music-toggle.playing .music-icon{color:#4caf50}