header{background-color:#333;color:#fff;padding-top:.5em;padding-bottom:.5em;display:flex}.gametitle{color:#fff;font-size:.8em;font-weight:1000;font-family:Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;margin:0;align-content:center;text-align:center;width:100%}img{height:3em}.headerbuttons{display:flex}.newgame,.newgame-link{background-color:#333;color:#fff;font-size:1em;border-radius:10%;margin-right:.7em;width:9em;cursor:pointer;font-weight:800;transition:background-color .3s,color .3s,transform .3s}@media (max-width: 580px){.newgame{zoom:.9}}@media (max-width: 530px){.newgame{zoom:.8}}@media (max-width: 463px){.newgame{width:7em}}@media (max-width: 408px){.newgame{zoom:.7}}@media (max-width: 430px){.newgame{zoom:.7}}@media (max-width: 380px){header{zoom:.9}}@media (max-width: 350px){header{zoom:.8}}footer{background-color:#333;color:#fff;position:fixed;bottom:0;width:45%;font-size:1.5em;display:flex;justify-content:space-between;align-items:center;padding:.7em 1em;box-shadow:0 -2px 5px #00000080;border-radius:0 50px 0 0;font-size:2vh}.footer-section{display:flex;align-items:center;padding-right:1.8em;margin-left:1em;margin-right:1em}.footer-section span{margin-left:1.5em}.footer-section div{margin-right:10px}.footer-section:first-child span:first-child{margin-left:0}@media (max-width: 805px){.footer-section{zoom:.9}}@media (max-width: 728px){.footer-section{zoom:.8}}@media (max-width: 483px){footer{padding:.5em}}@media (max-width: 728px){footer{zoom:.78}}body{max-width:100vw;overflow:hidden;max-height:100vh;padding:0;margin:0;background-color:#455567;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}*.unselectable{-moz-user-select:none;-webkit-user-select:none;user-select:none}*{-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}*{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}html,body{overflow:hidden;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#react-root{width:100vw;height:100vh}::-webkit-scrollbar{display:none}.rules-container{max-width:600px;margin:20px auto;padding:20px}.rules-title{font-size:24px;color:#fff;text-align:center;margin-bottom:16px}.rules-list{list-style-type:none;padding:0}.rules-item{font-size:18px;color:#e0e0e0;margin-bottom:8px;padding-left:20px;position:relative}.rules-item:before{content:"✓";position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:18px;color:#00d1ff}.touch.scale-1 .rules-item,.touch.scale-2 .rules-item,.touch.scale-3 .rules-item,.touch.scale-4 .rules-item,.touch.scale-5 .rules-item,.touch.scale-6 .rules-item,.touch.scale-7 .rules-item,.scale-w-1 .rules-item,.scale-w-2 .rules-item,.scale-w-3 .rules-item,.scale-w-4 .rules-item{font-size:12px}.scale-w-5 .rules-item,.scale-w-6 .rules-item{font-size:14px}#mainarea{height:90vh;display:flex;flex-direction:column;padding:.5em;background-color:#455567}#ubox{padding:.5em 6em;display:flex;flex-wrap:nowrap;justify-content:space-between;border:2px solid white;border-radius:50px;margin-bottom:1.5em}.stock,.foundationcard{display:flex}#dbox{display:flex;justify-content:space-evenly;margin-right:10px}.touch .container{min-width:70px}.container{max-height:100px;min-width:85px;display:flex;flex-direction:column;position:relative;border-radius:5px;background-color:#0003;box-shadow:0 1px 0 1px #00000026 inset,0 1px 0 1px #ffffff0d}.containercard{position:absolute;top:0;left:0;transform:translateY(calc(20% * var(--index)))}.container .chunk{transform:translate(calc(10px * var(--chunk-index))) translateY(calc(10px * var(--chunk-index)))}.chunk-0{--chunk-index: 0}.chunk-1{--chunk-index: 1}.chunk-2{--chunk-index: 2}.chunk-3{--chunk-index: 3}.chunk-4{--chunk-index: 4}.desktop #mainarea{display:flex;flex-direction:row}.desktop #mainarea .foundationcard{display:flex;flex-direction:column}.desktop #dbox{flex:1}.desktop .home-footer{display:flex;margin-bottom:100px}.desktop .home-footer .stock{display:flex;flex-direction:column-reverse;margin-top:auto}.desktop .home-header{display:flex;align-items:center;padding-left:10px}.desktop.scale-4 .foundationcard{zoom:.1}.desktop.scale-5 .foundationcard{zoom:.2}.desktop.scale-6 .foundationcard{zoom:.3}.desktop.scale-7 .foundationcard{zoom:.4}.desktop.scale-8 .foundationcard{zoom:.5}.desktop.scale-9 .foundationcard{zoom:.6}.desktop.scale-10 .foundationcard{zoom:.7}.desktop.scale-11 .foundationcard{zoom:.8}.desktop.scale-12 .foundationcard{zoom:.9}.desktop.scale-13 .foundationcard{zoom:1}.desktop.scale-14 .foundationcard{zoom:1.1}.desktop.scale-15 .foundationcard{zoom:1.2}.desktop.scale-16 .foundationcard{zoom:1.3}.desktop.scale-17 .foundationcard{zoom:1.4}.desktop.scale-18 .foundationcard{zoom:1.5}.desktop.scale-19 .foundationcard{zoom:1.6}.desktop.scale-20 .foundationcard{zoom:1.7}.desktop.scale-21 .foundationcard{zoom:1.8}.desktop.scale-22 .foundationcard{zoom:1.9}.desktop.scale-23 .foundationcard{zoom:2}.desktop.scale-24 .foundationcard{zoom:2.1}.desktop.scale-4 #dbox,.desktop.scale-4 #ubox,.desktop.scale-4 .stock{zoom:.3}.desktop.scale-5 #dbox,.desktop.scale-5 #ubox,.desktop.scale-5 .stock{zoom:.4}.desktop.scale-6 #dbox,.desktop.scale-6 #ubox,.desktop.scale-6 .stock{zoom:.5}.desktop.scale-7 #dbox,.desktop.scale-7 #ubox,.desktop.scale-7 .stock{zoom:.6}.desktop.scale-8 #dbox,.desktop.scale-8 #ubox,.desktop.scale-8 .stock{zoom:.7}.desktop.scale-9 #dbox,.desktop.scale-9 #ubox,.desktop.scale-9 .stock{zoom:.8}.desktop.scale-10 #dbox,.desktop.scale-10 #ubox,.desktop.scale-10 .stock{zoom:1}.desktop.scale-11 #dbox,.desktop.scale-11 #ubox,.desktop.scale-11 .stock{zoom:1.1}.desktop.scale-12 #dbox,.desktop.scale-12 #ubox,.desktop.scale-12 .stock{zoom:1.2}.desktop.scale-13 #dbox,.desktop.scale-13 #ubox,.desktop.scale-13 .stock{zoom:1.3}.desktop.scale-14 #dbox,.desktop.scale-14 #ubox,.desktop.scale-14 .stock{zoom:1.4}.desktop.scale-15 #dbox,.desktop.scale-15 #ubox,.desktop.scale-15 .stock{zoom:1.5}.desktop.scale-16 #dbox,.desktop.scale-16 #ubox,.desktop.scale-16 .stock{zoom:1.6}.desktop.scale-17 #dbox,.desktop.scale-17 #ubox,.desktop.scale-17 .stock{zoom:1.7}.desktop.scale-18 #dbox,.desktop.scale-18 #ubox,.desktop.scale-18 .stock,.desktop.scale-19 #dbox,.desktop.scale-19 #ubox,.desktop.scale-19 .stock,.desktop.scale-20 #dbox,.desktop.scale-20 #ubox,.desktop.scale-20 .stock,.desktop.scale-21 #dbox,.desktop.scale-21 #ubox,.desktop.scale-21 .stock,.desktop.scale-22 #dbox,.desktop.scale-22 #ubox,.desktop.scale-22 .stock,.desktop.scale-23 #dbox,.desktop.scale-23 #ubox,.desktop.scale-23 .stock,.desktop.scale-24 #dbox,.desktop.scale-24 #ubox,.desktop.scale-24 .stock{zoom:1.8}.touch #dbox{min-height:130px}.touch.scale-4 #dbox,.touch.scale-4 #ubox{zoom:.1}.touch.scale-5 #dbox,.touch.scale-5 #ubox{zoom:.2}.touch.scale-6 #dbox,.touch.scale-6 #ubox{zoom:.3}.touch.scale-7 #dbox,.touch.scale-7 #ubox{zoom:.4}.touch.scale-8 #dbox,.touch.scale-8 #ubox{zoom:.5}.touch.scale-9 #dbox,.touch.scale-9 #ubox{zoom:.6}.touch.scale-10 #dbox,.touch.scale-10 #ubox{zoom:.5}.touch.scale-11 #dbox,.touch.scale-11 #ubox{zoom:.6}.touch.scale-12 #dbox,.touch.scale-12 #ubox{zoom:.7}.touch.scale-13 #dbox,.touch.scale-13 #ubox{zoom:.8}.touch.scale-14 #dbox,.touch.scale-14 #ubox{zoom:.9}.touch.scale-15 #dbox,.touch.scale-15 #ubox{zoom:1}.touch.scale-16 #dbox,.touch.scale-16 #ubox{zoom:1.1}.touch.scale-17 #dbox,.touch.scale-17 #ubox{zoom:1.2}.touch.scale-18 #dbox,.touch.scale-18 #ubox,.touch.scale-18 .stock,.touch.scale-19 #dbox,.touch.scale-19 #ubox,.touch.scale-19 .stock,.touch.scale-20 #dbox,.touch.scale-20 #ubox,.touch.scale-20 .stock,.touch.scale-21 #dbox,.touch.scale-21 #ubox,.touch.scale-21 .stock,.touch.scale-22 #dbox,.touch.scale-22 #ubox,.touch.scale-22 .stock,.touch.scale-23 #dbox,.touch.scale-23 #ubox,.touch.scale-23 .stock,.touch.scale-24 #dbox,.touch.scale-24 #ubox,.touch.scale-24 .stock{zoom:1.8}.touch.scale-w-4 #dbox{zoom:.245}.touch.scale-w-5 #dbox{zoom:.345}.touch.scale-w-6 #dbox{zoom:.445}.touch.scale-w-7 #dbox{zoom:.545}.touch.scale-w-8 #dbox{zoom:.645}.touch.scale-w-9 #dbox{zoom:.745}.containercard.cover:nth-child(1),.containercard.uncover:nth-child(1){--index: 0}.containercard.cover:nth-child(2),.containercard.uncover:nth-child(2){--index: 1}.containercard.cover:nth-child(3),.containercard.uncover:nth-child(3){--index: 2}.containercard.cover:nth-child(4),.containercard.uncover:nth-child(4){--index: 3}.containercard.cover:nth-child(5),.containercard.uncover:nth-child(5){--index: 4}.containercard.cover:nth-child(6),.containercard.uncover:nth-child(6){--index: 5}.containercard.cover:nth-child(7),.containercard.uncover:nth-child(7){--index: 6}.containercard.cover:nth-child(8),.containercard.uncover:nth-child(8){--index: 7}.containercard.cover:nth-child(9),.containercard.uncover:nth-child(9){--index: 8}.containercard.cover:nth-child(10),.containercard.uncover:nth-child(10){--index: 9}.containercard.cover:nth-child(11),.containercard.uncover:nth-child(11){--index: 10}.containercard.cover:nth-child(12),.containercard.uncover:nth-child(12){--index: 11}.containercard.cover:nth-child(13),.containercard.uncover:nth-child(13){--index: 12}.containercard.cover:nth-child(14),.containercard.uncover:nth-child(14){--index: 13}.containercard.cover:nth-child(15),.containercard.uncover:nth-child(15){--index: 14}.containercard.cover:nth-child(16),.containercard.uncover:nth-child(16){--index: 15}.containercard.cover:nth-child(17),.containercard.uncover:nth-child(17){--index: 16}.containercard.cover:nth-child(18),.containercard.uncover:nth-child(18){--index: 17}.containercard.cover:nth-child(19),.containercard.uncover:nth-child(19){--index: 18}.containercard.cover:nth-child(20),.containercard.uncover:nth-child(20){--index: 19}.containercard.cover:nth-child(21),.containercard.uncover:nth-child(21){--index: 20}.containercard.cover:nth-child(22),.containercard.uncover:nth-child(22){--index: 21}.containercard.cover:nth-child(23),.containercard.uncover:nth-child(23){--index: 22}.containercard.cover:nth-child(24),.containercard.uncover:nth-child(24){--index: 23}button{padding:0;margin:0}#viewcardbox{width:75px;height:110px;margin:5px;border:1px solid #000;border-radius:5px;font-size:2em;display:flex;align-items:center;font-weight:900;color:#fff;justify-content:center;background-color:#2e8b57}@keyframes soft-blink{0%,to{opacity:1}50%{opacity:.7}}.stock{border:3px solid rgba(255,255,255,0)}.containercard.active-help .card,.stock.active-help{border:3px solid;border-color:orange;animation:soft-blink 1.5s infinite ease-in-out}@media (max-width: 700px){#ubox{padding-left:3em;padding-right:3em}}@media (max-width: 620px){#ubox{padding-left:1em;padding-right:1em;border-radius:25px}#dbox{zoom:.9}}@media (max-width: 570px){#dbox{zoom:.8}}@media only screen and (max-heigth: 700px){#dbox{zoom:.7!important}}@media (max-width: 570px){#ubox{zoom:.9}}@media (max-width: 490px){#ubox{zoom:.7}.card,#viewcardbox{zoom:.9}}@media (max-width: 430px){#dbox{zoom:.7}}@media (max-width: 370px){#dbox{zoom:.6}#ubox{zoom:.64}}.desktop .card,.desktop .covered{width:95px;height:130px}.touch .card{width:90px;height:130px}.card{width:70px;height:105px;margin:5px 5px 5px 0;border:3px solid #fff;border-radius:5px;font-size:3em;display:flex;align-items:center;color:#fff;justify-content:center;background-color:#80b29e;box-shadow:0 0 2px 2px #3b485826}.card-cover{position:relative}.stock .card{margin-left:5px}.card.backface{background-image:url(./assets/checkboard.png);background-size:.2em .2em;background-position:0 0,0 .3em,.3em -.3em,-.3em 0px;background-color:#80b29e}.covered{width:70px;height:105px;margin:5px;border:1px solid #000;background-color:#80b29e;border-radius:5px;background-image:url(./assets/checkboard.png);background-size:.6em .6em;background-position:0 0,0 .3em,.3em -.3em,-.3em 0px}.pyro>.before,.pyro>.after{overflow:hidden;position:absolute;width:5px;height:5px;border-radius:50%;box-shadow:-120px -218.66667px #00f,248px -16.66667px #00ff84,190px 16.33333px #002bff,-113px -308.66667px #ff009d,-109px -287.66667px #ffb300,-50px -313.66667px #ff006e,226px -31.66667px #ff4000,180px -351.66667px #ff00d0,-12px -338.66667px #00f6ff,220px -388.66667px #9f0,-69px -27.66667px #ff0400,-111px -339.66667px #6200ff,155px -237.66667px #0df,-152px -380.66667px #00ffd0,-50px -37.66667px #0fd,-95px -175.66667px #a6ff00,-88px 10.33333px #0d00ff,112px -309.66667px #005eff,69px -415.66667px #ff00a6,168px -100.66667px #ff004c,-244px 24.33333px #f60,97px -325.66667px #f06,-211px -182.66667px #00ffa2,236px -126.66667px #b700ff,140px -196.66667px #9000ff,125px -175.66667px #0bf,118px -381.66667px #ff002f,144px -111.66667px #ffae00,36px -78.66667px #f600ff,-63px -196.66667px #c800ff,-218px -227.66667px #d4ff00,-134px -377.66667px #ea00ff,-36px -412.66667px #ff00d4,209px -106.66667px #00fff2,91px -278.66667px #000dff,-22px -191.66667px #9dff00,139px -392.66667px #a6ff00,56px -2.66667px #09f,-156px -276.66667px #ea00ff,-163px -233.66667px #00fffb,-238px -346.66667px #00ff73,62px -363.66667px #08f,244px -170.66667px #0062ff,224px -142.66667px #b300ff,141px -208.66667px #9000ff,211px -285.66667px #f60,181px -128.66667px #1e00ff,90px -123.66667px #c800ff,189px 70.33333px #00ffc8,-18px -383.66667px #0f3,100px -6.66667px #ff008c;animation:1s bang ease-out infinite backwards,1s gravity ease-in infinite backwards,5s position linear infinite backwards}.pyro>.after{animation-delay:1.25s,1.25s,1.25s;animation-duration:1.25s,1.25s,6.25s}@keyframes bang{0%{box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff}}@keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}.touch.scale-1 .intro-tooltip,.touch.scale-2 .intro-tooltip,.touch.scale-3 .intro-tooltip,.touch.scale-4 .intro-tooltip,.touch.scale-5 .intro-tooltip,.touch.scale-6 .intro-tooltip,.touch.scale-7 .intro-tooltip{padding:10px}.intro-tooltip{padding:15px 20px}.intro-hover{border:4px solid #ffa500;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:1}to{transform:scale(1);opacity:1}}.control-panel{position:fixed;bottom:0;right:0;width:auto;display:flex;justify-content:center;align-items:center;padding:10px}.control-panel button{padding:.5em;font-size:2vh;background-color:revert-layer;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;margin:5px}.control-panel button.inactive,.control-panel button.inactive:hover{background-color:revert-layer}.control-panel button.inactive:active{background-color:revert-layer;transform:none}.control-panel button:hover{background-color:#32465d}.control-panel button:active{background-color:#32465d;transform:translateY(2px)}.waituser-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.waituser-container{background-color:#fff;opacity:80%;padding:15px;border-radius:12px;box-shadow:0 8px 16px #0000004d;position:relative;max-width:400px;width:80%;text-align:center;animation:waituser-slideDown .3s ease-out}@keyframes waituser-slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.waituser-close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer;color:#555;transition:color .3s ease}.waituser-close-button:hover{color:#1d3e64}.waituser-buttons{display:flex;justify-content:space-around;margin-top:20px}.waituser-button{background-color:#455567;color:#fff;border:none;border-radius:8px;padding:10px 20px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.waituser-button:hover{background-color:#1d3e64}.touch.scale-2 .waituser-button,.touch.scale-3 .waituser-button,.touch.scale-4 .waituser-button,.touch.scale-5 .waituser-button,.touch.scale-6 .waituser-button,.touch.scale-7 .waituser-button{font-size:11px}