@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";@font-face{font-family:bolota;src:url(/bolota-bold.ttf) format("truetype")}@font-face{font-family:lemon;src:url(/Lemon\ Days.ttf) format("truetype")}@media screen and (max-width: 768px){.selected-slots-board{margin:0}.app{transform-origin:top center}}.app{display:flex;flex-direction:column;width:100%;padding-top:1rem;justify-content:center;align-items:center;min-height:100vh}body{font-family:Inter,serif;font-size:.8rem;margin:0;padding:0;background-color:#f4f4f9;color:#444}.card-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px}.card{background-image:url(/pattern.svg);background-size:contain;border:5px solid #303030;border-radius:20px;padding:10px;text-align:center;transition:transform .15s,box-shadow .15s;cursor:pointer;position:relative;background-color:#fff;display:flex;flex-direction:column;align-items:center}.card:hover{transform:scale(1.019);box-shadow:0 6px 12px #0003}.item-img{align-items:center;width:75px;margin-top:.5rem;margin-bottom:.5rem}.card-name{font-family:Lemon-days;font-size:1rem!important;color:#303030;margin:0;margin-bottom:.5rem}.desc{margin:4px 0;font-weight:550;color:#303030;line-height:140%;font-size:.8rem;max-width:18ch;min-height:2.3rem}.endturn{display:flex;justify-content:center;position:fixed;z-index:999;bottom:50px;right:50px;transform:scale(1.5)}.score{display:flex;align-items:center;justify-content:center;flex-direction:row}.right{right:0;margin-right:110px}.card-holder::-webkit-scrollbar{width:8px}.card-holder::-webkit-scrollbar-thumb{background:#303030;border-radius:4px}.card-holder::-webkit-scrollbar-track{background:#e1e1e1}.selected-slots{padding:1rem;gap:20px;display:flex;flex-wrap:nowrap;overflow-x:auto;border-radius:1rem;overflow-y:hidden}.selected-slots .selected-slots-board ::-webkit-scrollbar{height:8px}.selected-slots .selected-slots-board ::-webkit-scrollbar-thumb{background:#303030;border-radius:4px}.selected-slots .selected-slots-board ::-webkit-scrollbar-track{background:#f1f1f1}.selected-slots-board{border:5px solid #303030;display:flex;flex-wrap:nowrap;overflow-x:auto;border-radius:1rem;max-width:95%;gap:20px;padding:1rem 2rem;overflow-y:hidden;margin-top:20px;height:100%}.selected-slots-board-grid{position:relative;display:grid;grid-template-columns:repeat(8,1fr);gap:15px;border:5px solid #303030;border-radius:1rem;padding:1rem;overflow-y:hidden;min-height:500px;transform:scale(.95);background-color:#fff}.total-slots-used{margin-bottom:-70px;background-color:#fff;padding:.5rem;border:1px solid #303030;z-index:2}.slot{font-size:40px;font-family:bolota;position:absolute;bottom:-30px;right:20px;border-radius:20px;background-color:#fff;padding:.5rem}.scoreboard{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;transform:scale(1.4);z-index:999;position:absolute;top:10px;right:10px}.scoreboard h1{margin:0;font-size:1.5rem;color:#303030}.hand{border:5px solid #0000ff;background-color:#fff;bottom:0;z-index:2;grid-template-columns:repeat(8,1fr);min-height:100px!important}.button{display:block;margin-left:20px;margin-top:20px;padding:8px 20px;font-size:1rem;background-color:#007bff;font-family:Lemon Days;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.end{background-color:#ff003c}.button:hover{background-color:#0056b3}.end:hover{background-color:#c2002d}.selected-card{background:#fff;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;padding:1rem;pad:2rem;border:1px solid #444}.small-img{width:50px}.cat{display:flex;padding:3px 7px;background-color:#2b85fa;border-radius:100px;color:#fff;font-weight:600;font-size:10px;justify-content:center;text-transform:uppercase}.cat-stuck{display:flex;padding:3px 7px;background-color:#fb8c00;border-radius:100px;color:#fff!important;font-weight:600;font-size:10px;justify-content:center;text-transform:uppercase}.mr-4{margin-right:4px}.cool{position:absolute;top:0;right:0;font-family:bolota;background-image:url(/COOL.svg);background-repeat:no-repeat;background-size:contain;width:40px;height:40px;background-position:center;font-size:30px;font-weight:700;color:#fff;padding:1rem 1rem .5rem;text-align:center}.cool-bg{font-family:bolota;background-image:url(/COOL.svg);background-repeat:no-repeat;background-size:contain;background-position:center;font-size:40px;color:#fff;padding:2rem 2rem 1.5rem;text-align:center}h2{margin:0}.slotsused{font-family:bolota;font-size:22px;color:#303030;text-align:center}.cool-bg-sm{font-family:bolota;background-image:url(/COOL.svg);background-repeat:no-repeat;background-size:contain;background-position:center;font-size:20px;color:#fff;padding:1rem 1rem .75rem;text-align:center}.gap-16{gap:16px}.center{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:.5rem}.flex{display:flex;flex-direction:row;justify-content:center;align-items:center}.flex-gap{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;margin-bottom:10px;flex-wrap:no-wrap}.col{flex-direction:column!important}.size-icon{width:40px!important;margin-top:.45rem}.carried{font-size:.65rem;color:gray}.remove{position:absolute;top:0;z-index:2;padding:2px 8px;transition:.35s;font-size:12px}.remove:hover{transform:scale(1.2)}.xbtn:hover{transform:scale(1.2);background-color:#ff003c}button:disabled{background-color:gray}button:disabled:hover{background-color:gray;pointer-events:none}.h1-center{text-align:center;font-family:lemon;margin-bottom:0}.sss{animation:pop .35s forwards;position:relative}.pop{animation:pop .25s forwards}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.085)}to{transform:scale(1)}}.container{width:98%;overflow:hidden;position:relative}.sss.stacked-or-carried{grid-row:2;justify-self:start;align-self:center;width:0px}.sss:not(.stacked-or-carried){grid-row:1}.sss.stacked-or-carried .card{justify-content:flex-start;width:140px;position:relative;min-height:185px;height:auto!important}.sss.stacked-or-carried .card img{width:60px}.sss.stacked-or-carried .desc,.sss.stacked-or-carried .size-icon{display:none}.boardbtn{z-index:999;position:absolute;bottom:0;display:none}.error-toast{background-color:#ff003c;color:#fff;padding:1rem;border-radius:10px;margin-top:1rem;font-weight:500;text-align:center;font-size:1rem}.toasty{border:2px solid #303030;font-size:1rem;text-align:center}.hover-desc{display:none}.show{display:block;position:absolute;z-index:999;background-color:#fff;border:3px solid #303030;border-radius:.5rem;padding:3px;bottom:55px;left:0;text-align:center;min-width:100px!important;transform:scale(1.1)}.legendary{border:5px solid #ff003c;background-color:#000;color:#fff!important;background-image:none}.legendary .desc,.legendary .card-name{color:#fff}.legendary .size-icon{filter:invert(1)}@-webkit-keyframes AnimationName{0%{background-position:0% 83%}50%{background-position:100% 18%}to{background-position:0% 83%}}@-moz-keyframes AnimationName{0%{background-position:0% 83%}50%{background-position:100% 18%}to{background-position:0% 83%}}@keyframes AnimationName{0%{background-position:0% 83%}50%{background-position:100% 18%}to{background-position:0% 83%}}.boop{animation:flip-scale-down-diag-1 .45s ease forwards}@keyframes flip-scale-down-diag-1{0%{transform:scale(.4) rotate3d(1,1,0,90deg)}to{transform:scale(1) rotate3d(1,1,0,-0deg)}}.is-hidden{display:none}.start{display:flex;flex-direction:column;justify-content:center;text-align:center}.title{font-family:Lemon-days;font-size:5rem;color:#ff003c;margin:0;margin-bottom:.5rem}.input{font-family:Inter,serif;font-size:1rem;padding:.5rem;border:1px solid #303030;border-radius:.5rem;margin-bottom:1rem;width:93%}.leaderboard{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:1rem;border:5px solid #303030;padding:1.5rem;border-radius:2rem}.title-small{font-family:Lemon-days;font-size:2.75rem;color:#ff003c;margin:0;margin-bottom:.5rem;text-align:center}.leaderboard-list{display:grid;grid-template-columns:repeat(3,1fr);width:100%;font-size:16px}p{margin-bottom:4px}.right-align{display:flex;justify-content:flex-end}.center-align{text-align:center;margin-top:1rem}.float{position:absolute;right:20px;bottom:20px}.highlight{font-family:Lemon-days;font-size:18px;display:grid;grid-template-columns:repeat(3,1fr);width:100%;color:#ff003c;font-weight:800;animation:pop .35s forwards}.submit{width:100%;margin:auto}