.ghost{z-index:2;margin:0;position:absolute}*{box-sizing:border-box}body{width:100vw;height:100svh;margin:0;overflow:hidden}img{height:auto}svg{display:block}.overflow-mask{color:#fff;touch-action:manipulation;background-color:#000;justify-content:center;height:100%;margin:0;display:flex;position:relative;overflow:hidden}.backdrop{visibility:hidden;position:absolute}.fps-display{visibility:hidden;position:absolute;top:10px;right:10px}.preload-div{visibility:hidden;flex-wrap:wrap-reverse;align-items:baseline;display:flex;position:absolute;bottom:0}.extra-lives-container,.bottom-row-buttons{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.bottom-row-buttons a{font-family:none;display:inline-block}.bottom-row-buttons img{height:2rem}.bottom-row-buttons button{color:#fff;cursor:pointer;background:0 0;border:0;outline:none;padding:0}.bottom-row-buttons button .material-icons{font-size:40px}.paused-text{-webkit-user-select:none;user-select:none;visibility:hidden;z-index:1;cursor:pointer;justify-content:center;align-items:center;width:100%;height:100%;font-size:50px;display:flex;position:absolute;left:0}.game-ui{flex-direction:column;justify-content:space-between;gap:10px;width:100%;height:100%;padding:30px;display:flex}@media (max-width:768px){.game-ui{justify-content:center;gap:20px;padding:7vw}}@media (min-width:1500px){.game-ui{padding:2vw}}.game-ui .one-up{animation:.6s infinite blink}@keyframes blink{0%{opacity:0}49%{opacity:0}50%{opacity:1}}.game-ui .row{display:flex}.game-ui .top ._25{width:25%}.game-ui .top ._50{width:50%}.game-ui .top .column :first-child{text-align:center}.game-ui .top .column :not(:first-child){text-align:right;margin-right:calc(50% - 3em)}.game-ui .bottom{justify-content:space-between;position:relative}.game-ui .bottom .extra-lives{align-items:flex-start;display:flex}.game-ui .bottom .fruit-display{flex-direction:row-reverse;display:flex}.loading-cover{z-index:4;background:#000;width:50vw;height:100%;position:absolute;top:0}.left{transition:left .5s .5s;left:0}.right{transition:right .5s .5s;right:0}.main-menu-container{opacity:0;visibility:hidden;z-index:5;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:0 40px;transition:opacity .25s;display:flex;position:absolute;left:0}.logo{width:800px;max-width:80vw;margin-top:25vh}.game-start{z-index:1;color:#fff;cursor:pointer;aspect-ratio:1400/235;background-color:#000;border:1px solid #2b2b2b;outline:none;justify-content:center;align-items:center;width:100%;padding-top:1.5vw;font-size:min(6vw,85px);display:flex;position:relative}@keyframes button-flicker{0%,6%{color:#000;background-color:#fff}7%,9%{color:#fff;background-color:#000}10%,14%{color:#000;background-color:#fff}15%,23%{color:#fff;background-color:#000}24%,28%{color:#000;background-color:#fff}29%,47%{color:#fff;background-color:#000}48%,52%{color:#000;background-color:#fff}53%,62%{color:#fff;background-color:#000}63%,68%{color:#000;background-color:#fff}69%,77%{color:#fff;background-color:#000}78%,82%{color:#000;background-color:#fff}83%,to{color:#fff;background-color:#000}}.game-start:hover{animation:4.2s step-end infinite button-flicker}.game-start:active{box-shadow:none;transform:translate(5px)translateY(5px)}.game-start:disabled{cursor:default}.loading-container{z-index:5;justify-content:center;align-items:center;transition:opacity .5s 1s;display:flex;position:absolute;inset:0}@media (max-width:768px){.loading-container{align-items:flex-end;padding-bottom:10vh}}.loading-container-inner{aspect-ratio:1400/235;width:100%;padding:0 40px}@media (max-width:768px){.loading-container-inner{padding:0 10px}}.loading-container-border{border:1px solid #2b2b2b;align-items:center;width:100%;height:100%;display:flex}.loading-pacman{aspect-ratio:800/690;z-index:6;background-color:#000;height:100%;padding:3.8vw;transition:left 1s;animation:.3s steps(4,end) infinite loading-animation}.loading-pacman img{width:100%;display:block}.loading-text{text-align:center;flex:1;padding-top:1.5vw;font-size:min(6vw,85px)}@media (max-width:768px){.loading-text{font-size:min(5vw,85px)}}.loading-text-spacer{aspect-ratio:1;flex:0;height:100%}@keyframes loading-animation{to{background-position:-192px}}.loading-dot-mask{z-index:2;background-color:#000;height:100%;transition:width 1s;display:none;position:absolute;top:0;left:0}.loading-dot{z-index:1;background-image:url(/pacman/style/graphics/spriteSheets/pickups/pacdot.svg);width:6px;height:6px;display:none;position:absolute;top:50%;transform:translateY(-50%)}.pacdot{filter:blur(1px);background-size:5px!important}._5{left:5%}._10{left:10%}._15{left:15%}._20{left:20%}._25{left:25%}._30{left:30%}._35{left:35%}._40{left:40%}._45{left:45%}._50{left:50%}._55{left:55%}._60{left:60%}._65{left:65%}._70{left:70%}._75{left:75%}._80{left:80%}._85{left:85%}._90{left:90%}._95{left:95%}.error-message{color:#231f20;opacity:0;visibility:hidden;z-index:4;width:50vw;transition:opacity .5s;position:absolute;top:30vh}.error-message .error-pacman{z-index:6;background-image:url(/pacman/style/graphics/spriteSheets/characters/pacman/pacman_error.svg);background-size:576px;width:48px;height:48px;margin-left:10px;animation:1.5s steps(12,end) infinite error-animation}@keyframes error-animation{to{background-position:-576px}}.error-message .header{margin-bottom:30px;font-size:50px;display:flex}.error-message .body{font-size:20px;line-height:1.25}.top-row{justify-content:space-between;font-size:min(5vw,75px);display:flex}@media (max-width:768px){.top-row{font-size:20px}}.current-score,.high-score{gap:.8em;display:flex}.play-icon{display:none}.paused .play-icon{display:block}.paused .pause-icon{display:none}.muted .mute-icon{display:block}.muted .unmute-icon,.mute-icon{display:none}.maze-cover{visibility:hidden;z-index:3;background:#000;width:100%;height:100%;position:absolute}.maze{will-change:transform;flex:none;margin:auto;position:relative}.maze:before{content:"";pointer-events:none;border:1px solid #747474;border-radius:10vw;display:block;position:absolute;inset:-5% -20%}@media (max-width:768px){.maze:before{border-radius:25px;inset:-5%}}@media (min-width:1500px) and (min-height:1000px){.maze:before{border-radius:15vw;inset:-7.5% -35%}}.maze-img{-webkit-user-select:none;user-select:none;width:100%;position:absolute}.maze-row{display:flex}.dot-container{width:100%;height:100%;position:absolute}.pacman{z-index:1;margin:0;position:absolute}.power-pellet{animation:.3s infinite blink}