body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.panels{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#7f88b866;border:2px solid #fda7b4;border-radius:8px;display:flex;gap:10px;justify-content:space-between;padding:8px;position:relative}.panels .panel{display:flex;height:100%}.stats-bar{display:flex;flex-direction:column;gap:4px}.stats-bar .item{align-items:center;background-color:#b0d7d299;border:1px solid #ffacb0;border-radius:16px;box-shadow:3px 3px 5px #00000080;display:flex;font-size:1.2m;justify-content:center;padding:4px 8px}.stats-bar .item .icon{font-size:1.5rem;margin-right:5px}.stats-bar .item .score--0:before{content:"🐵"}.stats-bar .item .score--0:before,.stats-bar .item .score--1:before{font-size:30px;font-size:var(--cell-sprite-size);font-size:1.5rem;margin-top:-20px}.stats-bar .item .score--1:before{content:"🦁"}.stats-bar .item .score--2:before{content:"🐯"}.stats-bar .item .score--2:before,.stats-bar .item .score--3:before{font-size:30px;font-size:var(--cell-sprite-size);font-size:1.5rem;margin-top:-20px}.stats-bar .item .score--3:before{content:"🐶"}.stats-bar .item .score--4:before{content:"🐱"}.stats-bar .item .score--4:before,.stats-bar .item .score--5:before{font-size:30px;font-size:var(--cell-sprite-size);font-size:1.5rem;margin-top:-20px}.stats-bar .item .score--5:before{content:"🐰"}.stats-bar .item .score--6:before{content:"🐻"}.stats-bar .item .score--6:before,.stats-bar .item .score--7:before{font-size:30px;font-size:var(--cell-sprite-size);font-size:1.5rem;margin-top:-20px}.stats-bar .item .score--7:before{content:"🐨"}.stats-bar .item .score--8:before{content:"🐼"}.stats-bar .item .score--8:before,.stats-bar .item .score--9:before{font-size:30px;font-size:var(--cell-sprite-size);font-size:1.5rem;margin-top:-20px}.stats-bar .item .score--9:before{content:"🐷"}:root{--board-grid-columns:5;--board-grid-rows:8;--cell-size:50px;--cell-destroy-duration:500ms;--cell-move-duration:300ms;--cell-move-down-duration:500ms;--cell-sprite-size:calc(var(--cell-size)*0.6);--global-delay:300ms;--cell-padding:4px}body,html{height:100%;margin:0;overflow:hidden}body{background-color:#99d;background-image:url(/static/media/background-00.bbbea86e16a436f1ae7d.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;font-size:12px;height:100vh;width:100vw}body,body h1{margin:0}body .application{align-items:center;display:flex;flex-direction:column;height:100vh;margin:auto}body .application .board{margin:auto;position:relative}body .application .board header{align-items:center;display:flex;justify-content:space-between}body .application .board .audio-player audio{height:30px;width:220px}body .application .board .score-counter{color:#fda7b4;text-shadow:2px 2px 0 #7f8bbd,-2px -2px 0 #7f8bbd,2px -2px 0 #7f8bbd,-2px 2px 0 #7f8bbd}body .application .board .grid{height:400px;height:calc(var(--cell-size)*var(--board-grid-rows));position:relative;width:250px;width:calc(var(--cell-size)*var(--board-grid-columns))}body .application .board .grid .cell{align-items:center;cursor:pointer;display:flex;height:50px;height:var(--cell-size);justify-content:center;position:absolute;transition:all .3s ease-in-out;transition:all var(--global-delay) ease-in-out;width:50px;width:var(--cell-size)}body .application .board .grid .cell.cell--selected{transform:scale(1.2) rotate(10deg);z-index:100}body .application .board .grid .cell.cell--selected .cell__wrapper{background-color:#ffacb0}body .application .board .grid .cell .cell__wrapper{align-items:center;background-color:#55c0b799;border:1px solid #ffacb0;border-radius:5px;box-shadow:3px 3px 5px #00000080;cursor:pointer;display:flex;height:calc(100% - 8px);height:calc(100% - var(--cell-padding)*2);justify-content:center;transition:all .3s ease-in-out;transition:all var(--global-delay) ease-in-out;width:calc(100% - 8px);width:calc(100% - var(--cell-padding)*2)}body .application .board .grid .cell .cell__wrapper:hover{background-color:#dedba499;transform:scale(1.1)}body .application .board .grid .cell .cell__wrapper .cell__sprite{animation:oscillate 2s infinite;font-size:1rem;text-shadow:2px 2px 2px #0009;transform-origin:50% 100%}body .application .board .grid .cell .cell__wrapper .cell__sprite--0:before{content:"🐵";font-size:30px;font-size:var(--cell-sprite-size);margin-top:-20px}body .application .board .grid .cell .cell__wrapper .cell__sprite--1:before{content:"🦁";font-size:30px;font-size:var(--cell-sprite-size);margin-top:-20px}body .application .board .grid .cell .cell__wrapper .cell__sprite--2:before{content:"🐯";font-size:30px;font-size:var(--cell-sprite-size);margin-top:-20px}body .application .board .grid .cell .cell__wrapper .cell__sprite--3:before{content:"🐶";font-size:30px;font-size:var(--cell-sprite-size);margin-top:-20px}body .application .board .grid .cell .cell__wrapper .cell__sprite--4:before{content:"🐱";font-size:30px;font-size:var(--cell-sprite-size);margin-top:-20px}body .application .board .grid .cell .cell__wrapper .cell__sprite--5:before{content:"🐰";font-size:30px;font-size:var(--cell-sprite-size);margin-top:-20px}body .application .board .grid .cell .cell__wrapper .cell__sprite--6:before{content:"🐻";font-size:30px;font-size:var(--cell-sprite-size);margin-top:-20px}body .application .board .grid .cell .cell__wrapper .cell__sprite--7:before{content:"🐨";font-size:30px;font-size:var(--cell-sprite-size);margin-top:-20px}body .application .board .grid .cell .cell__wrapper .cell__sprite--8:before{content:"🐼";font-size:30px;font-size:var(--cell-sprite-size);margin-top:-20px}body .application .board .grid .cell .cell__wrapper .cell__sprite--9:before{content:"🐷";font-size:30px;font-size:var(--cell-sprite-size);margin-top:-20px}body .application .board .grid .cell--destroyed{background-color:#ff0;opacity:0;transform:scale(4) rotate(1turn);transition:all .5s ease-in-out;transition:all var(--cell-destroy-duration) ease-in-out;z-index:100}@keyframes oscillate{0%{transform:rotate(-15deg)}50%{transform:rotate(15deg)}to{transform:rotate(-15deg)}}
/*# sourceMappingURL=main.8ff7e81a.css.map*/