@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap";.Popup{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:3;opacity:1;transition:opacity .1s;transition-timing-function:ease-in-out;background-color:#24242473;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.Popup:not(.open){opacity:0;pointer-events:none}.Popup:not(.open) .window{opacity:0;transform:translateY(50%);filter:blur(20px)}.Popup .window{max-width:600px;width:100%;min-height:200px;background-color:#2f2f2f;border-radius:1em;padding:2em 0 0;box-sizing:border-box;background-image:linear-gradient(75deg,#2f2f2f,#3b3b3b);box-shadow:10px 10px 6px #0006;position:relative;border-bottom:3px solid #2c2c2c;margin:1em;transition:transform .2s,opacity .2s,filter .2s;transition-timing-function:ease-out}.Popup .window button.close{position:absolute;top:-.25em;right:-.25em;padding:0;width:2em;height:2em;display:flex;justify-content:center;align-items:center;border-radius:.25em;margin:0;font-size:1.25em}.Popup .window button.close svg{width:1.5em;height:1.5em;top:0}.Popup .window h1{margin:0 0 1em}.Popup .window .actions{display:flex;justify-content:center;align-items:center;margin-top:2em;position:absolute;bottom:0;left:0;width:100%;padding:1em 1em 1.5em;box-sizing:border-box}.Popup .window .actions button{margin:0 .5em}.Popup .window>div{max-height:80vh;overflow-y:auto;padding:0 2em;margin-bottom:5em}@media (max-width: 500px){.Popup .window>div{padding:0 1em}}@media (max-width: 400px){.Popup .window .actions button{font-size:.8em;margin:0 .25em}.Popup .window>div{margin-bottom:4.25em}}button,a.linkButton{color:#fff;border:none;padding:.75em 1.5em;text-align:center;text-decoration:none;display:inline-block;font-size:1em;margin:.5em;cursor:pointer;border-radius:2em;box-shadow:5px 5px 2px #00000040;outline:2px solid transparent;font-weight:600;position:relative;transition:background-color .1s,transform .1s,box-shadow .1s;text-transform:capitalize;text-wrap:nowrap;background-image:linear-gradient(45deg,#4caf50,#72bd40)}button.red,a.linkButton.red{background-image:linear-gradient(45deg,#c62e2e,#d2502c)}button svg,a.linkButton svg{position:relative;top:.2em}button svg path,a.linkButton svg path{fill:#fff}button:hover:not(:disabled):not([aria-disabled=true]),a.linkButton:hover:not(:disabled):not([aria-disabled=true]){transform:scale(1.05);box-shadow:10px 10px 6px #0003}button:hover:not(:disabled):not([aria-disabled=true]) svg,a.linkButton:hover:not(:disabled):not([aria-disabled=true]) svg{animation:jiggle .5s ease 1}button:active:not(:disabled):not([aria-disabled=true]),a.linkButton:active:not(:disabled):not([aria-disabled=true]){transform:scale(.95);box-shadow:1px 1px 1px #00000080}button:disabled,a.linkButton:disabled,button[aria-disabled=true],a.linkButton[aria-disabled=true]{background:#2f2f2f;color:#6d6d6d;cursor:not-allowed;outline:solid 2px #6d6d6d;box-shadow:2px 2px 1px #0006}button:disabled svg path,a.linkButton:disabled svg path,button[aria-disabled=true] svg path,a.linkButton[aria-disabled=true] svg path{fill:#6d6d6d}.ErrorMessage{color:#ffdc41;display:flex;flex-direction:row;align-items:center;justify-content:center;margin:.5em;height:0em;overflow:hidden;box-sizing:border-box;transition:height .2s ease,opacity .2s ease;opacity:0}.ErrorMessage svg{width:1.25em;height:1.25em;margin-right:.5em}.ErrorMessage svg path{fill:#ffdc41}.ErrorMessage.active{height:2em;opacity:1}.LoadingSpinner{width:1em;height:1em;border:3px solid #FFF;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;position:relative;top:.125em}button:disabled .LoadingSpinner{border:3px solid #6d6d6d;border-bottom-color:transparent}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.PopupGotPack{--card-scale: 4}.PopupGotPack .image{width:100%;display:flex;justify-content:center;align-items:center}.PopupGotPack .image img{box-shadow:10px 10px 6px #0000001a;cursor:pointer}@media (max-height: 900px){.PopupGotPack{--card-scale: 3}}@media (max-height: 720px){.PopupGotPack{--card-scale: 2}}@media (max-height: 580px){.PopupGotPack{--card-scale: 1}}.PackImage{--pack-scale: 1;font-size:calc(136px * var(--pack-scale));line-height:1;height:1em;width:calc(1em * (82 / 136));position:relative;background-image:url(/pack-loading.png);background-size:cover;image-rendering:pixelated;image-rendering:-moz-crisp-edges;border-radius:.01em}.PackImage.scale-2{--pack-scale: 2}.PackImage.scale-3{--pack-scale: 3}.PackImage.scale-4{--pack-scale: 4}.PackImage img{height:1em;width:calc(1em * (82 / 136));image-rendering:pixelated;image-rendering:-moz-crisp-edges;border-radius:.01em}.PackImage .count{font-weight:600;font-size:calc(1rem * var(--pack-scale));position:absolute;bottom:calc(-.25rem * var(--pack-scale));right:calc(-.25rem * var(--pack-scale));padding:0;text-shadow:1px 1px 0px #1a1a1a,-1px -1px 0px #1a1a1a,1px -1px 0px #1a1a1a,-1px 1px 0px #1a1a1a,3px 3px 3px rgba(0,0,0,1)}.PackImage .count.big{text-shadow:2px 2px 0px #828282,2px 2px 8px #000000}.CardImage{--card-scale: 1;font-size:calc(120px * var(--card-scale));line-height:1;height:1em;width:calc(1em / 3 * 2);position:relative;background-image:url(/card-back.png);background-size:cover;image-rendering:pixelated;image-rendering:-moz-crisp-edges;border-radius:.01em}.CardImage.scale-2{--card-scale: 2}.CardImage.scale-3{--card-scale: 3}.CardImage.scale-4{--card-scale: 4}.CardImage img{height:1em;width:calc(1em / 3 * 2);image-rendering:pixelated;image-rendering:-moz-crisp-edges;border-radius:.01em}.CardImage .count{font-weight:600;font-size:calc(1rem * var(--card-scale));position:absolute;bottom:calc(-.25rem * var(--card-scale));right:calc(-.25rem * var(--card-scale));padding:0;text-shadow:1px 1px 0px #1a1a1a,-1px -1px 0px #1a1a1a,1px -1px 0px #1a1a1a,-1px 1px 0px #1a1a1a,3px 3px 3px rgba(0,0,0,1)}.CardImage .count.big{text-shadow:2px 2px 0px #828282,2px 2px 8px #000000}.PopupGotCard{--card-scale: 4}.PopupGotCard .image{width:100%;display:flex;justify-content:center;align-items:center}.PopupGotCard .image .CardImage{box-shadow:10px 10px 6px #0000001a}.PopupGotCard .actions .CardImage{justify-content:center!important}@media (max-height: 820px){.PopupGotCard .CardImage{--card-scale: 3}}@media (max-height: 680px){.PopupGotCard .CardImage{--card-scale: 2}}.PopupSelectedPack .image .PackImage{--pack-scale: 4}.PopupSelectedPack .image{width:100%;display:flex;justify-content:center;align-items:center}.PopupSelectedPack p{text-align:center}.PopupSelectedPack .card-list-toggle{font-weight:600;cursor:pointer;text-align:center;padding:.25em;margin-top:.5em;transition:transform .1s}.PopupSelectedPack .card-list-toggle:hover{transform:scale(1.05)}.PopupSelectedPack .card-list-toggle svg{top:.125em;position:relative}.PopupSelectedPack .card-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;color:#bebebe}@media (max-height: 930px){.PopupSelectedPack .image .PackImage{--pack-scale: 3}}@media (max-height: 760px){.PopupSelectedPack .image .PackImage{--pack-scale: 2}}@media (max-height: 600px){.PopupSelectedPack .image .PackImage{--pack-scale: 1}}.PackCompletionProgress{border-radius:1em;width:80%;height:2em;overflow:hidden;background-color:#181818;position:relative;margin:1em auto}.PackCompletionProgress .progress-bar{height:100%;background-image:linear-gradient(75deg,#4caf50,#72bd40);margin:0;position:absolute;top:0;left:0}.PackCompletionProgress .progress-bar.tier1{background-image:linear-gradient(75deg,#4caf50,#72bd40)}.PackCompletionProgress .progress-bar.tier2{background-image:linear-gradient(75deg,#ed8121,#f7c04d)}.PackCompletionProgress .progress-bar.tier3{background-image:linear-gradient(75deg,#ce4641,#dc6153)}.PackCompletionProgress .progress-bar.tier4{background-image:linear-gradient(75deg,#ff5c8d,#f97eb3)}.PackCompletionProgress .progress-bar.tier5{background-image:linear-gradient(75deg,#4c32e1,#2971ed)}.PackCompletionProgress .progress-bar.tier6{background-image:linear-gradient(75deg,#139bc4,#1ee4eb)}.PackCompletionProgress .progress-bar.tier7{background-image:linear-gradient(75deg,#9490a3,#e1d9e2)}.PackCompletionProgress .progress-bar.tier8{background-image:linear-gradient(75deg,#131313,#000)}.PackCompletionProgress .progress-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9em;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.RarityIcon{font-size:1em;display:inline-block;width:1em;height:1em;position:relative}.RarityIcon svg{width:100%;height:100%}.RarityIcon svg path{fill:#bebebe}.RarityIcon .text{position:absolute;top:.125em;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.7em;color:#323232;font-weight:700}.PackCard{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.5em;padding:.5em}.PackCard.missing .CardImage{filter:grayscale(100%) blur(1px);opacity:.5}.PackCard:not(.missing){cursor:pointer}.PackCard:not(.missing):hover{color:#fff;background-color:#555;box-shadow:0 .25em #222}.PackCard:not(.missing):hover svg path{fill:#fff}.PackCardList .card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(144px,1fr));justify-content:center;align-items:center;padding:1em}.PackCardList .card-list .card-name{font-weight:500}.PackCardList .card-list .card-rarity{font-size:.8em}.PopupSelectedCard .image{width:100%;display:flex;justify-content:center;align-items:center}.PopupSelectedCard .image .CardImage{--card-scale: 4}.PopupSelectedCard .cardId{font-size:.6em;text-align:center;color:#686868;margin-top:.5em}.PopupSelectedCard .card-info{display:grid;grid-template-columns:1fr 1fr;margin:2em 0 1em;gap:.5em}.PopupSelectedCard .card-info>div{color:#c3c3c3}.PopupSelectedCard .card-info>div strong{color:#fff}.PopupSelectedCard .actions{justify-content:center!important}@media (max-height: 900px){.PopupSelectedCard .image .CardImage{--card-scale: 3}}@media (max-height: 750px){.PopupSelectedCard .image .CardImage{--card-scale: 2}}@media (max-height: 650px){.PopupSelectedCard .image .CardImage{--card-scale: 1}}.PopupMergeComplete .animation{display:flex;justify-content:center;align-items:center;height:264px}.PopupMergeComplete .animation .card{position:relative}.PopupMergeComplete .animation .card img{position:absolute;width:80px;height:120px}.PopupMergeComplete .animation .card img:nth-child(1){top:0;left:0}.PopupMergeComplete .animation .card img:nth-child(2){top:0;right:0}.PopupMergeComplete .animation .card img:nth-child(3){bottom:0;left:0}.PopupMergeComplete .animation .card img:nth-child(4){bottom:0;right:0}.PopupMergeComplete .animation .card .result-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:240px;image-rendering:pixelated;background-size:cover;overflow:hidden}.PopupMergeComplete .animation .card .result-card:after{content:"";position:absolute;top:-50%;left:200%;width:50px;height:200%;background:#ffffff80;transform:rotate(-45deg)}.PopupMergeComplete .animation .card .result-card.hidden{visibility:hidden}.PopupMergeComplete .animation .sparkle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:240px}.PopupMergeComplete .animation.animate .card{animation:upgradeAnimation 2s linear}.PopupMergeComplete .animation.animate .card div{animation:upgradeAnimationResult 2s linear}.PopupMergeComplete .animation.animate .card div:after{animation:cardShine 3s linear}.PopupMergeComplete .animation.animate .sparkle{animation:showSparkle 2s linear}.PopupMergeComplete p{text-align:center}.PopupMergeComplete p.hidden{visibility:hidden}@keyframes upgradeAnimation{0%{transform:rotate(0);width:168px;height:252px}30%{transform:rotate(0);width:168px;height:252px}40%{width:176px;height:264px}80%{filter:blur(0)}90%{transform:rotate(720deg);width:80px;height:120px;filter:blur(10px)}to{transform:rotate(720deg);width:80px;height:120px}}@keyframes upgradeAnimationResult{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}80%{opacity:0;filter:blur(10px)}90%{transform:translate(-50%,-50%) scale(.5);filter:blur(0)}98%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes showSparkle{0%{opacity:0}98%{opacity:0}to{opacity:1}}@keyframes cardShine{0%{left:200%}67%{left:200%}80%{left:-125%}to{left:-125%}}.PopupMergeConfirmation h2{text-align:center;color:#bcbcbc}.PopupMergeConfirmation h2 svg{width:.8em;height:.8em;margin-left:.25em}.PopupMergeConfirmation .card-slots{display:flex;justify-content:center}.PopupMergeConfirmation .card-slots img{width:80px;height:120px;margin:.5em;border-radius:2px}.PopupMergeConfirmation .card-slots .empty-slot{display:inline-block;width:80px;height:120px;background:#242424;margin:.5em;border:solid 2px #535353;border-radius:.25em;box-sizing:border-box;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.PopupMergeConfirmation .card-slots .empty-slot svg{width:2em;height:2em;margin-bottom:.5em}.PopupMergeConfirmation .card-slots .empty-slot svg path{fill:#535353}.PopupMergeConfirmation .card-slots .empty-slot:after{content:"missing";color:#535353;font-size:.75em;font-weight:600}.PopupMergeConfirmation p{color:#aeaeae;text-align:center;margin:1em 0}.PopupMergeConfirmation p span{color:#fff;font-weight:600}@media (max-width: 500px){.PopupMergeConfirmation .card-slots img{margin:.25em}}.PopupSendConfirmation .display .blurb{font-size:.85em}.PopupSendConfirmation .display .CardImage,.PopupSendConfirmation .display .PackImage{float:left;margin-right:1rem}.PopupSendConfirmation .display:after{content:"";display:block;clear:both}.PopupSendConfirmation .question{font-size:1.2em;font-weight:600;text-align:center}.SendShare input{font-size:1.25em;text-align:center;margin:0 auto;display:block;width:5em}.SendShare .copied{height:2em;position:relative;overflow:hidden}.SendShare .copied div{position:absolute;font-size:.8em;text-align:center;width:100%;padding-top:.5em;top:3em;opacity:0;transition:top .4s,opacity .4s}.SendShare .copied.active div{top:0;opacity:1}.Opening{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#161616;background-image:linear-gradient(75deg,#161616,#202020,#161616);z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:fadeIn 1s forwards;--card-scale: 4;--revealed-card-scale: 1}.Opening .background-animation{position:fixed;top:0;left:0;width:100%;height:100%}.Opening .background-animation .line{width:12px;height:128px;background-image:linear-gradient(0deg,#fff0,#ffffff1a);border-radius:12px;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards;position:absolute;opacity:0}.Opening .pack{width:calc(82px * var(--card-scale));height:calc(136px * var(--card-scale));box-shadow:6px 10px 5px #0006;opacity:0;animation:slideUp 1s forwards;animation-timing-function:cubic-bezier(.14,.53,.47,.93);animation-delay:.5s;position:absolute;margin-top:calc(-1 * (120px + 2em) * var(--revealed-card-scale));z-index:2}.Opening .pack .top,.Opening .pack .bottom{height:calc(136px * var(--card-scale) / 2);width:calc(82px * var(--card-scale));background-size:calc(82px * var(--card-scale)) calc(136px * var(--card-scale));cursor:pointer;image-rendering:pixelated}.Opening .pack .top{background-position:0% 0%;border-radius:3px 3px 0 0}.Opening .pack .bottom{background-position:0% 100%;border-radius:0 0 3px 3px}.Opening .pack.opened{box-shadow:none;pointer-events:none}.Opening .pack.opened .top{animation:openPackTop .5s forwards;box-shadow:6px 10px 5px #0006}.Opening .pack.opened .bottom{animation:openPackBottom .5s forwards;box-shadow:6px 10px 5px #0006}.Opening .newMarker{position:absolute;top:-.75em;left:-.5em;transform:rotate(-5deg);font-weight:700}.Opening .card{position:relative}.Opening .card .flipGhost{position:absolute;opacity:0;top:0;left:0;animation:flip .5s forwards;animation-timing-function:ease}.Opening .card .flipGhost.animate{animation:flip .5s forwards}.Opening .card .newMarker{animation:new .5s forwards;font-size:2.5em;text-shadow:2px 2px 0 rgb(226,16,16),2px -2px 0 rgb(226,16,16),-2px 2px 0 rgb(226,16,16),-2px -2px 0 rgb(226,16,16),4px 4px 4px rgba(0,0,0,.5)}.Opening .card,.Opening .card .flipGhost{width:calc(80px * var(--card-scale));height:calc(120px * var(--card-scale));image-rendering:pixelated;cursor:pointer;background-color:#6d6d6d;box-shadow:6px 10px 5px #0006;background-size:cover}.Opening .revealedCards{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:calc((120px + 2em) * var(--revealed-card-scale))}.Opening .revealedCards div{width:calc(80px * var(--revealed-card-scale));height:calc(120px * var(--revealed-card-scale));margin:calc(.5em * var(--revealed-card-scale));animation:slideUp .5s forwards;font-size:1rem;background-size:cover}.Opening .revealedCards div .newMarker{transform:rotate(-10deg);top:-1.25em;left:-1em;text-shadow:1px 1px 0 rgb(226,16,16),1px -1px 0 rgb(226,16,16),-1px 1px 0 rgb(226,16,16),-1px -1px 0 rgb(226,16,16),2px 2px 2px rgba(0,0,0,.5)}.Opening .revealedCards div.hidden{display:none}@media (max-height: 700px),(max-width: 400px){.Opening{--card-scale: 3}}@media (max-height: 550px),(max-width: 300px){.Opening{--card-scale: 2}}@media (max-height: 600px),(max-width: 650px){.Opening{--revealed-card-scale: .75}}@media (max-width: 450px){.Opening{--revealed-card-scale: .5}}@media (max-width: 300px){.Opening{--revealed-card-scale: .33}}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes flip{0%{opacity:1;transform:rotate(0);left:0}to{opacity:0;transform:rotate(5deg);left:200%}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes openPackTop{0%{transform:translateY(0);opacity:1}to{transform:translateY(-200%);opacity:0}}@keyframes openPackBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(200%);opacity:0}}@keyframes new{0%{opacity:0;transform:translateY(100%) scale(0) rotate(5deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(-5deg)}}@keyframes backgroundLine{0%{transform:translateY(100vh);opacity:0}5%{opacity:0}10%{opacity:1}99%{transform:translateY(-100vh);opacity:1}to{opacity:0;display:none}}.Register{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:1em;background-color:#161616;background-image:linear-gradient(75deg,#161616,#202020,#161616)}.Register>*{max-width:600px}.Register .splash{flex-grow:1;flex-shrink:1;width:100%;background-image:url(/registersplash.png);background-size:contain;background-repeat:no-repeat;background-position:center}.Register h5{margin-top:0;text-shadow:2px 2px 2px rgba(0,0,0,.5);color:#ffdc41}.Register .usernameSelector{display:flex;flex-direction:row;align-items:center;justify-content:center}.Register .usernameSelector svg{width:1.5em;height:1.5em;opacity:.5;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.Register .usernameSelector svg:hover{opacity:1;transform:scale(1.1)}.Register .usernameSelector svg:active{transform:scale(.9);opacity:.3}.Register .logo.sparkle:before{width:.5em;height:.5em;animation-delay:333ms}.Register a{font-size:.7em;color:#777;text-decoration:none}.Register a:hover{color:#ddd}.Register .legal-links{color:#777}.Register .legal-links a{margin:0 .5em}@media (max-height: 600px){.Register{font-size:.9em}}@media (max-height: 500px){.Register{font-size:.75em}}.Login{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:1em;background-color:#161616;background-image:linear-gradient(75deg,#161616,#202020,#161616)}.Login .validation{color:#adadad;font-size:.8em;font-style:italic;margin-top:.5em}.CheckboxFilter{background-image:linear-gradient(45deg,#4caf50,#72bd40);border-radius:1em;padding:2px}.CheckboxFilter svg{margin:0 .5em}.CheckboxFilter .label{display:inline-block;background:#2b2b2b;color:#d4d4d4;border-radius:2px 1em 1em 2px;padding:.25em .75em .25em .5em;font-weight:500}.DropdownFilter{display:flex;align-items:center;padding:2px;position:relative}.DropdownFilter .selectedValue{margin:0 .75em;font-weight:600}.DropdownFilter .label{display:inline-block;background:#2b2b2b;color:#d4d4d4;border-radius:2px 1em 1em 2px;padding:.25em .75em .25em .5em;font-weight:500}.DropdownFilter .label svg path{fill:#d4d4d4}.DropdownFilter .options{display:none;position:absolute;top:100%;left:0;width:100%;background:#64b846;text-align:left;padding:0 2px 2px;box-sizing:border-box;z-index:2;border-radius:0 0 .5em .5em;box-shadow:2px 2px 2px #00000080;color:#d4d4d4}.DropdownFilter .options h6{margin:0;padding:.75em 1em .25em;color:#7a7a7a;background-color:#2b2b2b}.DropdownFilter .options .option{background:#2b2b2b;padding:.25em .75em}.DropdownFilter .options .option svg{margin-left:.25em;top:.25em}.DropdownFilter .options .option svg path{fill:#64b846}.DropdownFilter .options .option.selected{color:#64b846;font-weight:600}.DropdownFilter .options .option:hover{background:#64b846;color:#fff}.DropdownFilter .options .option:hover svg path{fill:#fff}.DropdownFilter .options .option:last-child{border-radius:0 0 .5em .5em}.DropdownFilter.open{z-index:3;transform:scale(1)!important;border-radius:1em 1em 0 0}.DropdownFilter.open .label{border-radius:2px 1em 2px 2px}.DropdownFilter.open .options{display:block}.Collection .controls{display:flex;justify-content:center;align-items:center;margin-bottom:1em;flex-wrap:wrap}.Collection .controls>div{margin:0 1em}.Collection .results{width:100%}.Collection .results .cards-list{display:flex;flex-wrap:wrap;justify-content:center}.Collection .results .cards-list .card-back{box-shadow:6px 10px 5px #0006;width:80px;height:120px;padding:0;background-image:url(/card-back.png);margin:.5em}.Collection .results .cards-list .cardButton{padding:.5em;transition:transform .2s;cursor:pointer}.Collection .results .cards-list .cardButton .card{box-shadow:6px 10px 5px #0006;width:80px;height:120px;background-color:#cfcfcf;padding:0;position:relative}.Collection .results .cards-list .cardButton .card .count{font-weight:600;position:absolute;bottom:-5px;right:-5px;padding:0;text-shadow:1px 1px 0px #1a1a1a,-1px -1px 0px #1a1a1a,1px -1px 0px #1a1a1a,-1px 1px 0px #1a1a1a,3px 3px 3px rgba(0,0,0,1)}.Collection .results .cards-list .cardButton .card:not(.flipped){background-image:url(/card-back.png)!important}.Collection .results .cards-list .cardButton .card:not(.flipped) .count{display:none}.Collection .results .cards-list .cardButton .card.flipped{animation:flip-card .25s}.Collection .results .cards-list .cardButton:hover{z-index:2;transform:scale(1.15) rotate(3deg)}@keyframes flip-card{0%{transform:scaleX(1);background-image:url(/card-back.png)}50%{transform:scaleX(0)}to{transform:scaleX(1)}}.GroupSeparator{font-size:1.25em;text-align:center;margin-bottom:1em;display:flex;align-items:center;justify-content:center}.GroupSeparator:before,.GroupSeparator:after{content:"";background-color:#585858;height:3px;flex-grow:1;margin:0 .5em;border-radius:2px}.GroupSeparator div{display:inline-block;margin-left:.5em;color:#969696}.DailyPoll .question{display:flex;width:600px;max-width:100%;margin:3em auto 0}.DailyPoll .question .header{width:40%;flex-basis:40%}.DailyPoll .question .header h2,.DailyPoll .question .header h4{margin:0}.DailyPoll .question .options{display:grid;grid-template-columns:repeat(2,1fr);gap:.5em;flex-grow:1;align-items:start;align-content:start}.DailyPoll .question .options button{margin:0}.DailyPoll .question .options .result{margin:0;background-color:#0e0e0e;position:relative;height:1.25em;border-radius:1.5em;overflow:hidden;padding:.75em 0;box-shadow:5px 5px 2px #00000040}.DailyPoll .question .options .result .bar{background-color:#6f6f6f;position:absolute;top:0;left:0;bottom:0;margin:0;width:0%;transition:width .5s cubic-bezier(.19,1,.22,1);border-radius:.25em}.DailyPoll .question .options .result .bar.winning{background-image:linear-gradient(45deg,#ea672e,#e87d12)}.DailyPoll .question .options .result .text{position:absolute;top:0;left:0;bottom:0;right:0;z-index:2;display:flex;justify-content:center;align-items:center;font-weight:600}.DailyPoll .question .loading-indicator{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center}.DailyPoll:not(.loading) .question .options .loading-indicator{display:none}.DailyPoll:not(.open) .question .options button{display:none}.DailyPoll:not(.voted) .question .options .result{display:none}.DailyPoll .recieved-pack{display:flex;justify-content:center;align-items:center;width:600px;max-width:100%;margin:2em auto 0}.DailyPoll .recieved-pack h4{margin-right:1em;text-align:center}.DailyPoll .recieved-pack img{height:4em;margin-right:.5em;transform:rotate(-3deg);box-shadow:4px 6px 3px #0003;border-radius:2px}.DailyPoll .complete{text-align:center;padding:2em 0 0;font-weight:600;font-size:1.2em;font-style:italic}@media (max-width: 600px){.DailyPoll{width:100%}.DailyPoll .question{width:100%;max-width:100%;flex-direction:column;align-items:center}.DailyPoll .question .header{width:100%;flex-basis:100%;text-align:center}.DailyPoll .question .options{width:100%;max-width:100%;margin-top:1em}.DailyPoll .recieved-pack{width:100%;max-width:100%;flex-direction:column;align-items:center}.DailyPoll .recieved-pack h4{margin-bottom:.5em}.DailyPoll .recieved-pack img{margin-bottom:1em}}@media (max-width: 450px){.DailyPoll .question .options{grid-template-columns:1fr}}.Home .welcome a:hover{margin-right:.5em;margin-left:.5em}.Home .updates{margin:2em;width:calc(100% + 2em)}.Home .updates h1,.Home .updates h2,.Home .updates h3,.Home .updates p,.Home .updates .date{width:600px;max-width:100%;margin:.75em auto}.Home .updates .article{background-color:#00000080;padding:1em;margin:1em 0}.Home .updates .article h3{margin-bottom:0;color:#6ebc41}.Home .updates .article .date{font-weight:600;font-size:.7em;margin-top:0;color:#858585}.Home .updates .article p{text-align:justify}@media (max-width: 670px){.Home .updates h2{width:100%;margin:.75em 1rem}}.warning-indicator-dot{background-color:#ffdc41;border-radius:50%;width:.4em;height:.4em;display:inline-block;margin:0 .15em;position:relative;top:-.25em;animation:warningDotBlink 1s infinite}@keyframes warningDotBlink{0%{background-color:#ffdc41}50%{background-color:#ec9f23}to{background-color:#ffdc41}}.Claim{text-align:center;background-color:#00000080;width:100%;margin:0 -1em;padding:1em}.Purchase{width:100%;margin-bottom:4em}.Purchase .billing-info{font-size:.8em;color:#969696;text-align:center}.PurchaseProduct{background-color:#00000080;width:100%;margin:2em -1em;padding:0 1em}.PurchaseProduct .container{display:flex;justify-content:center;align-items:center;margin:0;padding:0}.PurchaseProduct .container .PackImage{margin:-1rem 2rem;transform:rotate(-3deg);box-shadow:6px 10px 5px #0006}.PurchaseProduct .container .info{padding:.5em 0;display:flex;flex-direction:column}.PurchaseProduct .container .info h1{font-size:1.5em;margin:0}.PurchaseProduct .container .info .buy{display:flex}.PurchaseProduct .container .info .buy .price{background-color:#585858;border-radius:.5em;padding:.25em 1em;font-size:1.2em;display:inline-block;flex-grow:0;margin:.5rem 0;font-weight:600;display:flex;align-items:center;justify-content:center}@media (max-width: 450px){.PurchaseProduct .container{font-size:.9em}.PurchaseProduct .container .PackImage{margin:-1rem 2rem -1rem -1rem}.PurchaseProduct .container .info h1{font-size:1.25em}}@media (max-width: 400px){.PurchaseProduct .container .info .buy .price{font-size:1.1em;padding:.25em .5em}}.PacksLink{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:3em 0}.PacksLink span{font-weight:600}.PackClaimBar{width:100%;position:relative}.PackClaimBar.green{--start-color: #4CAF50;--end-color: #72bd40}.PackClaimBar.blue{--start-color: #2f65f8;--end-color: #4da6ff}.PackClaimBar .container{margin:0 0 1em;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.PackClaimBar .container .countdown{color:#d6d6d6}.PackClaimBar .container .countdown div{display:inline-block;font-weight:600;color:#fff;width:4em}.PackClaimBar .container .claimCount{font-weight:600;color:#979797;font-size:.8em}.PackClaimBar .container .progress-bar{height:2.5em;width:calc(100% - 2em);max-width:30em;margin:1em;position:relative;box-sizing:border-box;transform:translate(-1em)}.PackClaimBar .container .progress-bar .bar{border-radius:1em 0 0 1em;border:4px solid white;box-sizing:border-box;background-color:#0f0f0f;height:100%;overflow:hidden;border-right:none;box-shadow:.125em .125em #00000080}.PackClaimBar .container .progress-bar .bar .progress{height:100%;background-image:linear-gradient(45deg,var(--start-color),var(--end-color));transition:width .1s}.PackClaimBar .container .progress-bar .marker{height:2.5em;width:1.25em;background-color:#161616;position:absolute;border-radius:2px;border:solid 3px rgb(255,255,255);top:-.2em;box-shadow:.125em .125em #00000080;color:#8f8f8f;font-weight:700;display:flex;align-items:center;justify-content:center}.PackClaimBar .container .progress-bar .marker svg path{fill:#fff}.PackClaimBar .container .progress-bar .marker.one{left:33%}.PackClaimBar .container .progress-bar .marker.two{left:66%}.PackClaimBar .container .progress-bar .marker.three{left:100%}.PackClaimBar .container .progress-bar .marker.ready{background-color:var(--end-color);border-color:#fff;transform:scale(1.2);color:#fff}.PackClaimBar .container button:not([aria-disabled=true]),.PackClaimBar .container button.loading-button:not([aria-disabled=true]){background:linear-gradient(45deg,var(--start-color),var(--end-color))}.PackClaimBar:first-child{margin-top:1em}.Shop .freePackClaim{margin:3em 0;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.Shop .freePackClaim .countdown{color:#d6d6d6}.Shop .freePackClaim .countdown div{display:inline-block;font-weight:600;color:#fff;width:4em}.Shop .freePackClaim .claimCount{font-weight:600;color:#979797;font-size:.8em}.SetPassword>p{display:flex;align-items:center;font-size:.9em}.SetPassword>p svg{width:2em;height:2em;margin-right:1em;flex-shrink:0}.SetPassword>p svg path{fill:#ffdc41}.SetPassword>div{display:flex;align-items:center}.SetPassword>div input{margin-left:0}.SetPassword .fake-password{font-size:2em}.SetPassword .icon-button{cursor:pointer;margin:0 .5em}.SetPassword .icon-button svg{width:1.5em;height:1.5em;transition:transform .2s}.SetPassword .icon-button svg path{fill:#6cbb42}.SetPassword .icon-button svg:hover{transform:scale(1.1)}.SetPassword .hint{font-size:.8em;color:#919191;margin-top:0}.Debug .debug-toggle{font-weight:600;cursor:pointer;text-align:center;padding:.25em;margin-top:.5em;transition:transform .1s}.Debug .debug-toggle:hover{transform:scale(1.05)}.Debug .debug-toggle svg{top:.125em;position:relative}.Debug .debug-info{font-size:.8em;color:#b9b9b9}.Debug .debug-info strong{color:#fff}.Checkbox{font-size:1.2em;margin:1em 0}.Checkbox input{display:none}.Checkbox .box{display:inline-block;background:#1e1e1e;border-radius:.5em;padding:.25em .4em;border:solid 2px #72bd40;cursor:pointer;margin-right:.5em;transition:transform .2s}.Checkbox label{cursor:pointer}.Checkbox label:active .box{transform:scale(.9)}.Checkbox .box:hover,.Checkbox label:hover .box{transform:scale(1.1)}.Checkbox .box:active,.Checkbox label:active .box{transform:scale(.9)}.Checkbox .box:active svg,.Checkbox label:active .box svg{animation:jiggle .5s ease 1}.NotificationTypes{font-size:.8em}.NotificationTypes h4{margin-top:0!important}.Profile>div{width:600px}.Profile>div h2{font-size:1.75em;margin-top:.5em}.Profile>div h4{margin-top:3em}@media (max-width: 600px){.Profile>div{max-width:100%}}.PackListCount .group{display:flex;flex-wrap:wrap;justify-content:center}.PackListCount .group .pack{padding:1em;transition:transform .2s;cursor:pointer;position:relative;border-radius:.5em;margin:1em 0}.PackListCount .group .pack .PackImage{box-shadow:6px 10px 5px #0006}.PackListCount .group .pack:hover{background-image:linear-gradient(75deg,#4caf50,#72bd40);box-shadow:10px 10px 6px #0003}.PackListCount .group .pack.unowned .PackImage{filter:grayscale(100%)}.PackListSeparate .total{text-align:center;margin-bottom:1em}.PackListSeparate .packlist{display:flex;flex-wrap:wrap;justify-content:center}.PackListSeparate .packlist .pack-button{padding:1rem;transition:transform .2s;cursor:pointer}.PackListSeparate .packlist .pack-button .PackImage{box-shadow:6px 10px 5px #0006}.PackListSeparate .packlist .pack-button:hover{transform:scale(1.15) rotate(3deg)}@media (max-width: 420px){.PackListSeparate .packlist div{padding:.5em}}@media (max-width: 360px){.PackListSeparate .packlist div{padding:.35em}}a.NavButton{font-size:1.5em;border:none;padding:1em 1.5em;cursor:pointer;margin:.25em;border-radius:.125em;display:flex;align-items:center;justify-content:center;position:relative}a.NavButton span{font-weight:600}a.NavButton svg{margin-right:.25em;opacity:.75;top:0}@media (max-width: 670px){#app>nav a.NavButton{flex-direction:column;padding:.5em;flex-grow:1;margin:.125em}#app>nav a.NavButton span{font-size:.5em;font-weight:600}#app>nav a.NavButton svg{margin-right:0;margin-bottom:.25em}}.NavButtonCollection .addedCardsCount{width:0;height:0;opacity:0;position:relative;top:.25em;z-index:2;font-weight:700}.NavButtonCollection .addedCardsCount:after{content:"+0";width:1.7em;text-align:center;font-size:.6em;display:inline-block}.NavButtonCollection .addedCardsFloating{width:0px;height:0px}.NavButtonCollection .addedCardsFloating .card{left:.2em;position:relative;width:16px;height:24px;background-color:#dfdfdf;border-radius:2px;z-index:2;opacity:0;transition:opacity .2s}.NavButtonCollection.animate svg{animation:deposit-icon .3s linear}.NavButtonCollection.animate .addedCardsFloating .card{animation:deposit-card .3s linear}.NavButtonCollection.animate .addedCardsCount{animation:deposit-fade-out 5s linear}.NavButtonCollection.animate .addedCardsCount:after{animation:deposit-count .3s linear}.NavButtonCollection.animate.repeat-one svg,.NavButtonCollection.animate.repeat-one .addedCardsFloating .card{animation-iteration-count:1}.NavButtonCollection.animate.repeat-one .addedCardsCount:after{animation:deposit-inserted-count-one .6s linear forwards}.NavButtonCollection.animate.repeat-six svg,.NavButtonCollection.animate.repeat-six .addedCardsFloating .card{animation-iteration-count:6}.NavButtonCollection.animate.repeat-six .addedCardsCount:after{animation:deposit-inserted-count-six 3s linear forwards}@media (max-width: 670px){.NavButton .addedCardsCount{top:-.2em;left:.35em}.NavButton .addedCardsFloating .card{left:-8px}}@keyframes deposit-icon{0%{top:0}60%{top:0}80%{top:.25em}to{top:0}}@keyframes deposit-card{0%{top:-100px;opacity:0}50%{opacity:1;transform:scale(1)}90%{opacity:1}to{top:30px;opacity:0;transform:scale(.5)}}@keyframes deposit-count{0%{transform:scale(1);opacity:1}60%{transform:scale(1)}80%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes deposit-inserted-count-one{0%{transform:scale(1);content:"+0"}40%{transform:scale(1)}50%{transform:scale(1.5);content:"+1"}60%{transform:scale(1)}to{transform:scale(1);content:"+1"}}@keyframes deposit-inserted-count-six{0%{transform:scale(1.5);content:"+0"}2%{transform:scale(1)}8%{transform:scale(1)}10%{transform:scale(1.5);content:"+1"}12%{transform:scale(1)}18%{transform:scale(1)}20%{transform:scale(1.5);content:"+2"}22%{transform:scale(1)}28%{transform:scale(1)}30%{transform:scale(1.5);content:"+3"}32%{transform:scale(1)}38%{transform:scale(1)}40%{transform:scale(1.5);content:"+4"}42%{transform:scale(1)}48%{transform:scale(1)}50%{transform:scale(1.5);content:"+5"}52%{transform:scale(1)}58%{transform:scale(1)}60%{transform:scale(1.5);content:"+6"}62%{transform:scale(1)}to{transform:scale(1);content:"+6"}}@keyframes deposit-fade-out{0%{opacity:0}5%{opacity:.75}95%{opacity:.75}to{opacity:0}}.NavButtonShop .freePackNotification{position:absolute;background-color:#c62e2e;color:#fff;border-radius:.5em;font-size:1rem;font-weight:600;width:1.5em;height:1.5em;display:flex;align-items:center;justify-content:center;top:.5em;right:.5em}.Nav{display:flex;justify-content:center;background-color:#1c1c1c;padding:.5em;position:relative;background-image:linear-gradient(75deg,#161616,#202020,#161616);z-index:2}.Nav:after{height:8px;width:100%;content:"";background-color:#9b9b9b;position:absolute;top:-8px;left:0;box-shadow:2px 2px 5px #00000080;border-bottom:2px solid #4b4b4b;background-image:linear-gradient(45deg,#9b9b9b,#ddd,#9b9b9b)}@media (max-width: 670px){.Nav{padding:.25em}}.sparkle{position:relative}.sparkle:before{content:"";position:absolute;width:2em;height:2em;background-image:url(/shine.svg);background-size:cover;animation:sparkleMove 2s infinite steps(1,jump-end),sparkleGrow .5s infinite ease-out}@keyframes sparkleGrow{0%{transform:scale(0)}30%{transform:scale(1)}to{transform:scale(0)}}@keyframes sparkleMove{0%{top:-10%;left:0%}25%{top:55%;left:60%}50%{top:0%;left:90%}75%{top:45%;left:25%}}.Background{position:absolute;width:200%;height:200%;background-color:#434343;top:0;left:0;animation:bg-slide 5s linear infinite;background-image:url(/checker-gray.png);background-repeat:repeat}@keyframes bg-slide{0%{transform:translate(0) translateY(-80px)}to{transform:translate(-80px) translateY(0)}}.PremiumInfo{max-width:100%;box-sizing:border-box;width:600px;margin:0 auto}.PremiumInfo .subscribe-button{text-align:center}.PremiumInfo .subscribe-button button{background:linear-gradient(45deg,#2f65f8,#4da6ff)}.PremiumInfo .premium-info-price{font-size:.9em;color:#b6b6b6;margin-top:2em}.PremiumSubscription .expiration-date{font-weight:500;text-align:center;margin:4em 0}.PremiumSubscription .expiration-date div{font-size:1.5em;font-weight:600;background-image:linear-gradient(75deg,#161616,#202020,#161616);padding:.5em 1em;border-radius:.5em;margin:.5em 0}.shake{animation:shake .8s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate(-.25em)}20%,80%{transform:translate(.25em)}30%,50%,70%{transform:translate(-.5em)}40%,60%{transform:translate(.5em)}to{transform:translate(0)}}.jiggle{animation:jiggle .5s ease 1}@keyframes jiggle{0%{transform:rotate(0)}25%{transform:rotate(5deg)}50%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}to{transform:rotate(0)}}.underlined-text-link{all:unset;font-weight:600;text-decoration:underline wavy;text-decoration-color:#858585;cursor:pointer;transition:transform .1s ease,margin .1s ease,text-decoration-color .1s ease;display:inline-block;color:#c3c3c3;margin-right:.25em;margin-left:.25em}.underlined-text-link:hover{color:#8cf363;transform:scale(1.1);text-decoration-color:#fff}*{font-family:Fredoka,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}html{height:100%}body{background-color:#2b2b2b;color:#fff;margin:0;padding:0;width:100%;height:100%;box-sizing:border-box;-webkit-user-select:none;user-select:none;font-size:18px}#app{display:flex;flex-direction:column;align-items:space-between;justify-content:center;height:100%;position:relative;overflow:hidden}#app .tab{overflow-x:hidden;overflow-y:scroll;flex-grow:1;z-index:2}#app .tab>h1{background-color:#1c1c1c;text-align:center;margin:0;padding:.25em .5em .5em;position:relative;font-size:3em;text-shadow:5px 5px 2px rgba(0,0,0,.25),0px 2px 0px #8d8d8d;background-image:linear-gradient(75deg,#161616,#202020,#161616);color:#e6e6e6}#app .tab>h1:after{height:8px;width:100%;content:"";background-color:#9b9b9b;position:absolute;bottom:-8px;left:0;box-shadow:2px 2px 5px #00000080;border-bottom:2px solid #4b4b4b;background-image:linear-gradient(45deg,#9b9b9b,#ddd,#9b9b9b)}#app .tab>div{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2em 1em}h1,h2,h3,h4,h5,h6{font-weight:700}h3,h4,h5,h6{text-transform:uppercase;color:#a7a7a7;margin-bottom:.5em}p.center{text-align:center}p.weak{color:#a7a7a7;font-size:.8em}input{font-size:1em;padding:.5em 1em;border-radius:.5em;border:2px solid #8f8f8f;background-color:#141414;color:#fff;margin:.5em}input:focus{outline:none;border-color:#6dbb42}svg{width:1em;height:1em;display:inline-block;position:relative;top:.125em}.logo{color:#6dbb42!important;text-transform:uppercase;font-size:4em;text-shadow:0px 4px 0px #1b6115,4px 8px 2px rgba(0,0,0,.5)!important;margin:0}.premium{color:#4da6ff!important;text-transform:uppercase;font-size:3em;text-shadow:0px 4px 0px #2f65f8,4px 8px 2px rgba(0,0,0,.5)!important;margin:0}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(75deg,#161616,#202020,#161616);text-shadow:4px 4px 2px rgba(0,0,0,.5);font-size:3em;color:#ccc}strong{font-weight:600}.text-link{display:inline-block;color:#535353;transition:transform .2s;text-decoration:underline;cursor:pointer;margin:.5em 0;padding:0 .5em}.text-link:hover{color:#9d9d9d;transform:scale(1.1)}