@font-face{font-family:Clear Sans;src:url(../../static/media/clear-sans.43ea7d2123718b0cfd2c.ttf) format("truetype")}:root{--page-bg:#57407c;--panel-bg:#3d2963;--panel-accent:#9839b5;--tile-width:clamp(34px,min(4.1vw,6.7vh),60px);--tile-height:calc(var(--tile-width)*1.16);--tile-gap:clamp(1px,0.18vw,2px);--board-padding:clamp(4px,0.4vw,6px);--selection-outline:clamp(2px,0.25vw,3px);--board-max-width:calc((var(--tile-width) + (2*var(--tile-gap)))*10 + var(--board-padding)*2)}*,:after,:before{box-sizing:border-box}#root,body,html{min-height:100%}body{background-color:#57407c;background-color:var(--page-bg);color:#fff;font-family:Clear Sans,sans-serif;font-size:clamp(16px,1.3vw,21px);margin:0}#root{align-items:flex-start;min-height:100vh;padding:clamp(12px,2vw,28px);width:100%}#root,.boards-container{display:flex;justify-content:center}.boards-container{align-items:stretch;gap:clamp(16px,2vw,36px);width:min(100%,1440px)}.divider{align-self:stretch;background-color:#3d2963;background-color:var(--panel-bg);border-radius:999px;min-height:clamp(420px,72vh,760px);width:clamp(8px,.8vw,15px)}.board-wrapper{display:flex;flex:1 1;flex-direction:column;max-width:calc((clamp(34px, min(4.1vw, 6.7vh), 60px) + (2*clamp(1px, .18vw, 2px)))*10 + clamp(4px, .4vw, 6px)*2);max-width:var(--board-max-width);min-width:0;width:100%}.text{font-weight:700;order:2;padding-top:40px;width:min(100%,440px)}.board{background-color:#57407c;background-color:var(--page-bg);border-radius:7px;display:inline-flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 auto;outline:none;padding:clamp(4px,.4vw,6px);padding:var(--board-padding);position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tile-container{display:flex;position:relative}.tile-container:before{background-color:#fff;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);content:"";height:calc(100% + clamp(2px, .25vw, 3px)*2);height:calc(100% + var(--selection-outline)*2);left:calc(clamp(2px, .25vw, 3px)*-1);left:calc(var(--selection-outline)*-1);position:absolute;top:calc(clamp(2px, .25vw, 3px)*-1);top:calc(var(--selection-outline)*-1);width:calc(100% + clamp(2px, .25vw, 3px)*2);width:calc(100% + var(--selection-outline)*2);z-index:0}.board .cell,.tile{cursor:default;-webkit-user-select:none;user-select:none}.details-box{flex-wrap:wrap;gap:clamp(8px,1vw,16px);justify-content:space-between;padding:10px 0;width:100%}.details-box,.resetButton{align-items:center;display:flex}.resetButton{background-color:#3d2963;background-color:var(--panel-bg);border-radius:7px;color:#ffffffb3;cursor:pointer;flex:1 1 160px;font-size:clamp(14px,1.2vw,20px);justify-content:center;min-height:clamp(44px,4vh,54px);padding:clamp(10px,1vw,14px) clamp(14px,1.4vw,20px);transition:color .3s ease,background-color .3s ease}.resetButton:hover{background-color:#9839b5;background-color:var(--panel-accent);color:#fff;opacity:.8}.objective-header,.score-header{font-size:60%}.objective-box,.objective-box-lose,.objective-box-win,.score-box,.score-box-lose,.score-box-win{border-radius:7px;cursor:default;display:flex;flex-direction:column;gap:2px;justify-content:center;min-width:clamp(56px,5.4vw,70px);padding:clamp(5px,.6vw,6px) clamp(10px,1vw,15px);text-align:center;width:clamp(56px,5.4vw,70px)}.objective-box,.score-box{background-color:#3d2963;background-color:var(--panel-bg);color:#ffffff80}.score-box-win{background-color:#2eba0eb3;color:#fffc}.objective-box-lose,.score-box-lose{background-color:#c80505b3;color:#fffc}.objective-box-win{background-color:#2dba0eb3;color:#fffc}.row{margin-bottom:0}.cell,.row,.tile{display:flex;justify-content:center}.cell,.tile{align-items:center;background-color:#3d2963;background-color:var(--panel-bg);background-size:contain;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);cursor:pointer;height:calc(clamp(34px, min(4.1vw, 6.7vh), 60px)*1.16);height:var(--tile-height);margin:clamp(1px,.18vw,2px);margin:var(--tile-gap);width:clamp(34px,min(4.1vw,6.7vh),60px);width:var(--tile-width)}.tile2{background-color:#eee;background-image:url(../../static/media/2.cb73ccf3bd443208f37f.gif)}.tile4{background-color:#eec;background-image:url(../../static/media/4.e3175aefe481e7058239.gif)}.tile8{background-image:url(../../static/media/8.da10f113d36b16cac5cd.gif);color:#ffe}.tile256{background-image:url(../../static/media/256.22a03274ba97c67b3437.gif);color:#ffe;font-size:clamp(30px,3vw,45px)}.try-again{background-image:url(../../static/media/try-again.4f930231239de2db3c8d.gif);height:100px;width:100px;z-index:10}.overlay{align-items:center;border-radius:7px;bottom:0;display:flex;flex-direction:column;font-size:clamp(32px,4vw,55px);font-weight:bolder;justify-content:center;left:0;position:absolute;right:0;text-align:center;top:0}.tryAgain{background-color:#876;border:2px solid #fff;border-radius:5px;color:#fff;cursor:pointer;font-size:clamp(16px,1.4vw,20px);font-weight:700;height:40px;width:clamp(160px,18vw,200px)}.gameOver{background-image:url(../../static/media/game-over.7223586a86c43a6c2902.gif)}.gameOver,.winner{animation:scaleIn2 3s ease forwards;background-size:contain;bottom:0;left:0;position:absolute;right:0;text-align:center;top:0;z-index:100}.winner{background-image:url(../../static/media/winner.42763a4fdf059f73af1e.gif)}.overlay .message{color:#666}.empty-cell,.empty-tile{background-color:#0000;height:calc(clamp(34px, min(4.1vw, 6.7vh), 60px)*1.16);height:var(--tile-height);width:clamp(34px,min(4.1vw,6.7vh),60px);width:var(--tile-width)}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:.7;transform:scale(1)}}@keyframes scaleIn2{0%{opacity:0}to{opacity:1}}.scale-in{animation:scaleIn 1.5s ease forwards}.turn-indicator{align-items:center;border:2px solid #fff;border-radius:5px;display:flex;font-size:clamp(14px,1.2vw,20px);font-weight:700;height:clamp(24px,3vh,30px);justify-content:center;letter-spacing:1.5px;margin:8px 0 10px;text-align:center;transition:opacity 1s ease}.turn-indicator.active{background-color:#9839b5;background-color:var(--panel-accent);color:#fff;opacity:.8}.turn-indicator.inactive{color:#fff;opacity:.3}.disadvantages-box,.turn-indicator.inactive{background-color:#3d2963;background-color:var(--panel-bg)}.disadvantages-box{align-items:center;border-radius:7px;color:#ffffff80;cursor:default;display:flex;flex:1 1 180px;min-height:clamp(44px,4vh,54px);padding:8px 12px;width:clamp(160px,16vw,200px)}.disadvantages-select{background-color:#3d2963;background-color:var(--panel-bg);border-radius:7px;color:#ffffff80;cursor:pointer;font-size:clamp(14px,1.1vw,18px);height:100%;padding:4px;transition:color .3s ease,background-color .3s ease;width:100%}.disadvantages-select:hover{color:#ffffffb3}.custom-select{display:inline-block;position:relative;width:100%}.custom-options{border:1px solid #ccc;border-radius:0 0 7px 7px;border-top:none;display:none;left:0;overflow:hidden;position:absolute;top:100%;width:100%}.custom-option{background-color:#fff;cursor:pointer;padding:10px 15px;transition:background-color .3s ease}.custom-option:hover{background-color:#f0f0f0}.custom-select.open .custom-options{display:block}@media(max-width:930px){.boards-container{align-items:center;flex-direction:column}.divider{display:none}.board-wrapper{max-width:100%}}
/*# sourceMappingURL=main.bc744ad8.css.map*/