header{background:linear-gradient(45deg,#006400,#004700);color:#fff;padding-top:.5em;padding-bottom:.5em;display:flex}h1{color:#fff;font-size:1.7em;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}.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: 380px){header{zoom:.9}}@media (max-width: 350px){header{zoom:.8}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;color:#000;padding:2rem;border-radius:12px;width:90%;max-width:500px;position:relative;box-shadow:0 4px 10px #0000004d}.close-button{position:absolute;top:.5rem;right:1rem;font-size:1.5rem;background:none;border:none;cursor:pointer}footer{color:#fff;position:fixed;bottom:0;width:100%;font-size:1.5em;display:flex;justify-content:space-between;align-items:center;padding:.7em 1em}.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}.footer-button{background-color:#2e8b57;color:#fff;font-size:.8em;border-radius:20px;border:0px solid #000;margin-right:.7em;width:9em;height:2em;cursor:pointer;display:flex;align-items:center;justify-content:center}.footer-button p{margin-left:5px}@media (max-width: 805px){.footer-section{zoom:.9}}@media (max-width: 728px){.footer-section{zoom:.8}}@media (max-width: 483px){footer{padding:.5em;display:flex;flex-direction:column;justify-content:space-evenly}}@media (max-width: 728px){footer{zoom:.78}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:999}.modal-header{display:flex;justify-content:center;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:gray 1px solid}.modal-header-title{color:#000;text-align:center;width:100%;font-size:1.5em}.modal-body{display:flex;flex-direction:column;align-items:start;justify-content:center;padding:5px}.modal-footer{display:flex;justify-content:space-evenly;margin-top:20px}.modal-content{background:#fff;padding:20px 30px;border-radius:8px;min-width:300px;box-shadow:0 0 10px #0000004d}.option-row{display:flex;flex-direction:column;justify-content:space-between;align-items:start;margin-bottom:30px}.option-label{font-weight:700;color:green;margin-bottom:10px}.option-radio{margin-right:20px}.option-radio input{margin-right:10px;accent-color:green;scale:1.5}.modal-content button{padding:15px 50px;border-radius:25px;border:none;background:#2e8b57;color:#fff;cursor:pointer}body{max-height:100vh;padding:0;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}#mainarea-wrapper{height:100vh;display:flex;justify-content:center;background:linear-gradient(45deg,#2e8b57,#006400);overflow:hidden}#mainarea{width:100%;max-width:900px;display:flex;flex-direction:column;padding:2em;padding-left:5vw;padding-right:5vw}#ubox{padding-bottom:.5em;padding-top:.5em;display:flex;flex-wrap:nowrap;justify-content:space-between;border-radius:50px;margin-bottom:1.5em}.stock,.foundationcard{display:flex}#dbox{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}.card{width:100px;height:150px;margin:5px;border-radius:5px;font-size:3em;display:flex;align-items:center;color:#fff;justify-content:center;background-color:#2e8b57}.stock-button{background-color:#2e8b57;color:#fff;font-size:1.2em;border-radius:10px;border:0px solid #000;cursor:pointer;display:flex;align-items:center;justify-content:center}.stock-button:hover{background-color:#3cb371}.flying-card{position:fixed;width:100px;height:150px;pointer-events:none;z-index:999;transition:transform .1s ease;perspective:800px}.card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s ease}.flying-card .card-inner{transform:rotateY(0)}.flying-card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{width:100%;height:100%;position:absolute;border-radius:8px;backface-visibility:hidden}.card-back{z-index:2;background:#fff}.card-front{transform:rotateY(180deg);z-index:1}.flying-temp{width:80px;height:auto;pointer-events:none;border-radius:6px}.container-stock{display:flex;flex-direction:row;max-width:300px;position:relative}.container-card-stock{position:absolute;transform:translate(calc(40% * var(--index)));left:0;top:0}.container-card-stock:nth-child(1){--index: 0}.container-card-stock:nth-child(2){--index: 1}.container-card-stock:nth-child(3){--index: 2}.container{background-color:#006400;min-height:150px;min-width:100px;display:flex;flex-direction:column;max-height:-moz-fit-content;max-height:fit-content;position:relative;border-radius:5px}.containercard{position:absolute;top:-5px;left:-5px;transform:translateY(calc(15% * var(--index)))}.invisible{visibility:hidden}.drag-preview .card{box-shadow:0 2px 10px #00000080}.containercard:nth-child(1){--index: 0}.containercard:nth-child(2){--index: 1}.containercard:nth-child(3){--index: 2}.containercard:nth-child(4){--index: 3}.containercard:nth-child(5){--index: 4}.containercard:nth-child(6){--index: 5}.containercard:nth-child(7){--index: 6}.containercard:nth-child(8){--index: 7}.containercard:nth-child(9){--index: 8}.containercard:nth-child(10){--index: 9}.containercard:nth-child(11){--index: 10}.containercard:nth-child(12){--index: 11}.containercard:nth-child(13){--index: 12}.containercard:nth-child(14){--index: 13}.containercard:nth-child(15){--index: 14}.containercard:nth-child(16){--index: 15}.containercard:nth-child(17){--index: 16}.containercard:nth-child(18){--index: 17}.containercard:nth-child(19){--index: 18}.containercard:nth-child(20){--index: 19}.containercard:nth-child(21){--index: 20}.containercard:nth-child(22){--index: 21}.containercard:nth-child(23){--index: 22}.containercard:nth-child(24){--index: 23}.containercard:nth-child(25){--index: 24}button{padding:0;margin:0}.headerbuttons{display:flex;margin:.5em 0}.gamebutton{background-color:#fff;color:gray;font-size:1em;border-radius:20px;border:0px solid #000;margin-right:.7em;width:9em;height:2em;cursor:pointer;display:flex;align-items:center;justify-content:center}.gamebutton p{margin-left:5px}.invisible-card{visibility:hidden}#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 shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.shake{animation:shake .4s ease}@media (max-width: 530px){.gamebutton{zoom:.8}}@media (max-width: 463px){.gamebutton{width:7em}}@media (max-width: 408px){.gamebutton{zoom:.7}}@media (max-width: 430px){.gamebutton{zoom:.7}}@media (max-width: 620px){#ubox,#dbox{zoom:.9}}@media (max-width: 550px){#ubox,#dbox{zoom:.8}}@media (max-width: 440px){.card,#viewcardbox{zoom:.9}}@media (max-width: 430px){#ubox,#dbox{zoom:.7}}@media (max-width: 370px){#dbox{zoom:.6}#ubox{zoom:.64}}.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%}}