@import"https://fonts.googleapis.com/css2?family=Bagel+Fat+One&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";.App{display:flex;align-items:center;justify-content:center;height:100vh;overflow:hidden;font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-weight:400;font-style:normal}.App .health-bar{position:fixed;top:5rem;left:6rem;display:flex;gap:.8rem}.App .health-bar img{width:6rem;height:6rem}.App .leaderboard-menu.game-menu .no-score{text-align:center;font-size:3rem;font-weight:700}.App .leaderboard-menu.game-menu ul{list-style:none;margin:0;display:flex;flex-direction:column;border-radius:7px;overflow:hidden;padding:2rem 4rem;background-color:#ffffff75;margin-bottom:2rem;max-height:25rem;overflow:scroll}.App .leaderboard-menu.game-menu ul li{display:flex;width:100%;justify-content:space-between;align-items:center;font-size:3rem;font-weight:700}.App .leaderboard-menu.game-menu ul li span:last-child{color:#3b7a07;font-size:4rem;text-align:center;font-family:Bagel Fat One,system-ui;font-weight:400}.App .leaderboard-menu.game-menu .brand-wrapper{max-height:30rem;height:10rem;display:flex;position:relative;align-items:baseline;margin-bottom:4rem}.App #leaderboard{position:fixed;top:3.2rem;left:1rem;z-index:5050}.App .submit-score-label{font-size:2.4rem;font-weight:700;color:#fff}.App .submit-score{display:flex;gap:1rem;margin-bottom:2.4rem}.App .submit-score button{background-color:#1f6746}.App .submit-score input{height:8rem;padding:0 2rem;border:none;font-size:3rem;max-width:25rem;border-radius:7px}.App #score{position:fixed;top:0;right:6rem;text-align:center;font-family:Bagel Fat One,system-ui;font-weight:400;font-style:normal;font-size:10rem;color:#3b7a07;margin:0}.App .timeout-start{position:fixed;font-size:10rem;top:50%;left:50%;transform:translate(-50%) translateY(-50%) scale(1);z-index:999;font-family:Bagel Fat One,system-ui;font-weight:400;font-style:normal;color:#fff;white-space:nowrap}.App button{padding:1rem 0;min-height:6rem;line-height:6rem;text-align:center;border:2px solid white;border-radius:99999999px;min-width:25rem;background-color:#93d769;color:#fff;font-size:2.4rem;font-weight:700;text-transform:uppercase}.App .bg-wrapper{position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(45deg,#abd453b3,#abd453b3 12.5%,#dae52ab3 12.5%,#dae52ab3 25%,#7dc37bb3 25%,#7dc37bb3 37.5%,#c2dd3fb3 37.5%,#c2dd3fb3 50%,#4eb2a4b3 50%,#4eb2a4b3 62.5%,#94cc67b3 62.5%,#94cc67b3 75%,#f1ee16b3 75%,#f1ee16b3 87.5%,#65bb90b3 87.5%,#65bb90b3),linear-gradient(0deg,#49b613,#e7fd0f)}.App .game-menu{position:fixed;top:50%;left:50%;transform:translate(-50%) translateY(-50%) scale(1);z-index:3050;display:flex;flex-direction:column;padding:2rem;min-height:40rem;width:calc(100% - 10rem);background:#ffffff0d;box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(9.5px);-webkit-backdrop-filter:blur(9.5px);border-radius:10px;border:1px solid rgba(255,255,255,.18);opacity:1;pointer-events:auto;transition:transform .5s cubic-bezier(.77,0,.18,1),opacity .25s .25s ease-in-out,pointer-events 0s}.App .game-menu.hidden{transition:transform .5s cubic-bezier(.77,0,.18,1),opacity .25s .25s ease-in-out,pointer-events 0s .5s;opacity:0;transform:translate(-50%) translateY(-50%) scale(0);pointer-events:none}.App .game-menu.gameover-menu{align-items:center}.App .game-menu.gameover-menu .brand-wrapper{width:65%}.App .game-menu .rules{width:70%;max-width:70%;min-width:70%;height:auto;object-fit:contain;margin:0 auto;margin-bottom:2rem;background:#ffffff3d;padding:7rem;border-radius:10px}.App .game-menu .brand-wrapper{margin-bottom:2rem;max-height:30rem;height:28rem;display:flex;position:relative;align-items:baseline}.App .game-menu .brand-wrapper.rules-title{max-height:30rem;height:15rem;justify-content:center}.App .game-menu .brand-wrapper.rules-title .brand{width:80%}.App .game-menu .brand-wrapper .brand{position:absolute;bottom:0;width:100%;height:auto}.App .click-effect{position:absolute;pointer-events:none;width:4rem;z-index:10;transform:translate(-50%) translateY(-50%)}.App .click-effect>img{width:4rem;height:auto}.App #board{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem;row-gap:6rem;width:55rem;margin:0 auto}.App #board .tile{height:25rem;display:flex;align-items:end;justify-content:flex-end;position:relative;cursor:pointer}.App #board .tile .explosion{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);z-index:20;width:30rem;height:auto}.App #board .tile .hole{position:relative;width:100%;max-height:15.2rem}.App #board .tile .hole .top,.App #board .tile .hole .bottom{position:relative;width:100%}.App #board .tile .hole .top>img,.App #board .tile .hole .bottom>img{width:100%;height:auto}.App #board .tile .hole .mole{z-index:1;position:absolute;left:50%;transform:translate(-50%);bottom:2rem;width:100%;height:30rem;overflow:hidden}.App #board .tile .hole .mole>img{position:absolute;left:50%;transition:transform .3s ease-in-out;transform:translate(-50%) translateY(5rem);width:80%;height:auto;bottom:0}.App #board .tile .hole .top{z-index:0}.App #board .tile .hole .bottom{z-index:3;transform:translateY(-1.4rem)}.App #board .tile.hit.is-mole .mole>img,.App #board .tile.hit.is-bomb .mole>img,.App #board .tile.hide.is-mole .mole>img,.App #board .tile.hide.is-bomb .mole>img{transform:translate(-50%) translateY(5rem);transition:transform .3s ease-in-out}.App #board .tile .mole>img{transform:translate(-50%) translateY(5rem);transition:transform .3s ease-in-out}.App #board .tile.is-mole .mole>img{transform:translate(-50%) translateY(-10rem);transition:transform .3s ease-in-out}.App #board .tile.is-bomb .mole>img{transform:translate(-50%) translateY(-10rem);transition:transform .3s ease-in-out}.App #board .tile.hit.is-mole .mole>img,.App #board .tile.hit.is-bomb .mole>img{transform:translate(-50%) translateY(5rem);transition:transform .3s ease-in-out}body,html{overflow:hidden}:root{font-size:10px}@media (max-width: 1439px){:root{font-size:.6944444444vw}}@media (max-width: 539px){:root{font-size:1.5vw}}