@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap");@import url("https://fonts.googleapis.com/css2?family=Avenir&display=swap");@import url("https://fonts.googleapis.com/css2?family=Helvetica&display=swap");.dvg{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#000000;--e-global-color-text:#EBEBEB;--e-global-color-accent:#1D2530;--e-global-color-24622ed:#242424;--e-global-color-ceadcb9:#BD1972;--e-global-color-fc53926:#D7347F;--e-global-color-551fe9e:#E7519C;--e-global-color-8fc5124:#8028C2;--e-global-color-cf6a9cb:#9D4BDA;--e-global-color-94182d8:#BA70E7;--e-global-color-815c770:#233E91;--e-global-color-afbc983:#2B5AB7;--e-global-color-a5f3c28:#528AF8;--e-global-color-background1:#FAFAFF;--e-global-color-c09952e:#E0006D;--e-global-color-3e147b0:#E74B94;--e-global-color-54484f5:#9F0A5D;--e-global-color-0a996ac:#081A36;--e-global-color-65f8ea7:#223F91;--e-global-color-1d3426e:#548DFB;--e-global-color-384471c:#CC0063;--e-global-color-grey:#f4e7ff21;--e-global-color-lightgrey:#FAFAFF00;--e-global-typography-primary-font-family:"Georgia";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Georgia";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Trebuchet MS";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Trebuchet MS";--e-global-typography-accent-font-weight:500;line-height:1.5;font-weight:400;background-color:var(--e-global-color-0a996ac);color:var(--e-global-color-text);--header-height:15px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:100vw;min-height:100vh;margin:0;padding:.5em;text-align:center;display:flex!important;flex-direction:column!important;justify-content:space-around;place-items:center;gap:.5em;overflow:auto}.dvg a{font-weight:500;color:#646cff;text-decoration:inherit}.dvg a:hover{color:#535bf2}.dvg h1{font-size:3.2em;line-height:1.1;display:flex;align-items:center;justify-content:center;color:#EBEBEB}.dvg button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;color:#EBEBEB;background-color:#8028C2;max-width:30em}.dvg button:hover{border-color:#646cff}.dvg button:focus,.dvg button:focus-visible{outline:4px auto -webkit-focus-ring-color}.dvg p{font-size:1em;line-height:1}.dvg #planet{position:absolute;top:0;left:100%;transform:translateX(-50%);width:250px;height:auto;z-index:1;border-radius:100%}.dvg .welcome{font-style:bold;font-weight:700;font-size:1.2em;line-height:normal;align-content:center;margin-top:20px}.dvg .instructions{display:flex;flex-direction:column;justify-content:left;text-align:left;font-size:1em;line-height:1.5;margin-top:20px}@media screen and (max-width:575px){.dvg #planet{display:none}}.dvg #loseScreenTitle{color:var(--e-global-color-c09952e)}.dvg #loseScreenTitle,.dvg #winScreenTitle{font-size:2em;font-weight:700;margin-top:20px}.dvg #winScreenTitle{color:green}.game-board{width:100%;gap:.3em;z-index:2}.game-board,.game-controls{display:flex;flex-direction:column;align-items:center}.game-controls{max-width:600px;gap:1.1em;justify-content:space-between;padding:0;border:.1em solid #ccc;border-radius:10px;background-color:#f9f9f9;box-shadow:0 4px 8px rgba(0,0,0,.1);color:black}.game-controls .game-info{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.game-controls .game-info .game-info-item{display:flex;flex-direction:column;justify-content:space-between;align-items:middle;padding:.5em;height:6.25em}.game-controls .game-info .game-info-item .label{display:flex;flex-direction:flex-start;justify-content:left;align-items:top;background-color:#f9f9f9}.game-controls .game-info .game-info-item .label .p{margin:0;justify-content:left}.game-controls .game-info .game-info-item .value-box{display:flex;align-items:center;justify-content:center;min-height:1em;max-height:2em;padding:1em;background-color:#e9e9e9;border:2px solid #ccc;border-radius:10px;background-color:#f9f9f9;box-shadow:0 4px 8px rgba(0,0,0,.1)}.heart{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:24px}.game-controls .buttons{display:flex;flex-direction:row;justify-content:space-around;gap:.5em;align-items:center;padding:.5em}.game-controls .buttons button{min-width:3em;max-width:20em;min-height:3em;max-height:10em;padding:1em 2em;border-radius:.2em;color:white;border:none}.game-controls .buttons button:disabled{color:grey;background-color:#ccc;cursor:not-allowed}#Lower-Button{background-color:var(--e-global-color-c09952e);cursor:pointer}#Higher-Button{background-color:var(--e-global-color-815c770);cursor:pointer}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;justify-content:center;margin-top:0;margin-left:auto;margin-right:auto}.card{--card-width:15em;min-width:var(--card-width);min-height:calc(.5*var(--card-width));perspective:1000px;cursor:pointer;background-color:transparent;padding:.5em}.card-inner{position:relative;min-width:100%;min-height:100%;text-align:center;transform-style:preserve-3d;transition:transform .6s ease-in-out;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);background-color:grey}.card-inner.selected{background-color:blue}.card-front.selected{background-color:var(--e-global-color-8fc5124);color:white}@keyframes flipAnimation{0%{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}.card-inner.flipping{animation:flipAnimation .6s ease-in-out forwards}.card-inner.flipped{transform:rotateY(180deg)}.card-back,.card-front{position:absolute;min-width:100%;min-height:100%;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1em;padding:.5em;box-sizing:border-box}.card-front{color:black;background:whitesmoke}.card-back{color:white;background:darkgrey;transform:rotateY(180deg)}.card:hover .card-inner{transform:scale(1.05);transition:transform .3s ease}.restart{margin-top:0;text-align:center}.qr-code{text-align:center;margin-top:20px}.qr-code-img{max-width:50%;height:auto;border:2px solid #000;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.header{padding:1em;text-align:left;top:0;left:0;width:100%;margin:0;background-color:var(--e-global-color-0a996ac);display:flex;align-content:center;justify-content:left;border-bottom:none}.title{color:white;font-size:1em;margin:0}.footer{padding:20px;text-align:left;bottom:0;left:0;width:100%;height:.1em;margin:0;border-top:1px solid var(--e-global-color-grey);background-color:var(--e-global-color-0a996ac);display:flex;align-items:center;justify-content:left}