html{line-height:1.15;-webkit-text-size-adjust:100%}body,html{margin:0;padding:0}*,::after,::before,:focus{box-sizing:border-box;user-select:none;outline:0}body,p{margin:0}button{font:inherit}*{transition:250ms color}:focus{outline:0!important;box-shadow:none!important;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent!important}body{width:100vw;min-width:100vw;max-width:100vw;height:100vh;min-height:100vh;max-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5;font-family:"Comic Sans MS",sans-serif;background:#111;color:#fff;text-shadow:1px 1px 2px #000;display:flex;justify-content:center;align-items:center}#root{display:flex;flex-direction:column;width:100vw;height:100vh;max-width:400px;max-height:700px;min-width:360px;min-height:600px;box-shadow:0 0 25px #222;position:relative;overflow:hidden;justify-content:flex-end;align-items:center}#background{position:absolute;width:100%;height:100%;z-index:-1;background:#111}#background svg{width:10px;height:10px;position:absolute}#top{display:flex;flex-direction:column;align-items:flex-start;background:rgb(0 0 0 / 40%);padding:0 1rem .25rem 0;align-self:flex-start;border-bottom-right-radius:.5rem;position:absolute;top:0;left:0;color:#ccc}#top>div{display:flex;align-items:center}#top>div>svg{width:30px;height:30px;margin:.5rem .5rem .25rem .5rem}#top>div>b{margin-top:4px}#earth{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column-reverse;margin-bottom:1rem}#earth>svg{width:50%;height:auto;margin-bottom:5px}#earth.moon>svg{filter:grayscale(.75) drop-shadow(0 0 10px #d2c8ac)}#earth.mars>svg{filter:saturate(.75) drop-shadow(0 0 10px #df755f)}#earth.death-star>svg{filter:drop-shadow(0 0 10px #e6e8ed)}#earth>svg *{filter:drop-shadow(0 0 6px rgb(0 0 0 / 75%))}#stats{display:flex;background:rgb(0 0 0 / 40%);border-radius:.5rem;padding:.75rem .5rem .75rem .25rem;color:#ccc}#stats>div{display:flex;align-items:center;padding:0 .5rem;font-size:1.5rem}#stats #damage{padding-left:.35rem}#stats #damage svg{margin-right:0}#stats #shield{padding-left:.45rem}#stats>div>svg{width:40px;height:40px;margin-right:.25rem}#cards{display:flex;width:100%;justify-content:space-evenly;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;text-shadow:0 0 5px #000}#cards .green,.green{color:#8f8}.white{color:#fff}#cards .red,.red{color:red}.card{width:100%;height:100%;display:flex;flex-direction:column-reverse;align-items:center;border:3px solid rgb(0 0 0 / 100%);border-radius:.5rem;padding:.25rem 0;font-size:1.75rem;background:radial-gradient(circle at 50% 80%,rgba(20,20,20,.9) 0,rgba(20,20,20,.9) 20%,rgba(40,40,40,.75) 100%);cursor:pointer;box-shadow:0 2px 10px rgb(0 0 0 / 100%);transition:250ms margin-top,250ms transform;justify-content:space-between}.card .heart-icon{filter:drop-shadow(0 5px 20px rgb(208 2 27 / 40%))}.card .shield-icon{filter:drop-shadow(0 5px 20px rgb(72 186 255 / 60%))}.card .sword-icon{filter:drop-shadow(0 5px 20px rgb(208 2 27 / 90%))}.card .alien-icon{filter:drop-shadow(0 5px 20px rgb(126 211 33 / 10%))}.card-slot{width:104px;height:140px;display:none;margin-bottom:.5rem;opacity:0}.card-slot:nth-child(4),.card-slot:nth-child(5),.card-slot:nth-child(6){margin-bottom:.25rem}.card.enemy{box-shadow:0 2px 15px rgb(255 177 0 / 25%);border:3px dashed rgb(255 177 0 / 25%)}.will-take-damage{animation-duration:3s;animation-name:danger;animation-iteration-count:infinite}.will-die{animation-duration:.5s;animation-name:danger;animation-iteration-count:infinite}.will-expire-in-two-turns{animation-duration:3s;animation-name:expire;animation-iteration-count:infinite}.will-expire-next-turn{animation-duration:750ms;animation-name:expire;animation-iteration-count:infinite}.card.enemy>svg{width:55px}.card>svg{width:60px;margin-top:.5rem;margin-bottom:0}.card svg{filter:drop-shadow(0 1px 5px #000)}.adjust-sign{margin-left:-.5rem}.card .stats{display:flex;justify-content:space-evenly;align-items:center;font-size:1.1rem;width:100%}.card .stats svg{width:25px;height:25px}.card .stats>div{display:flex;justify-content:center;align-items:center;width:33%;flex-direction:column}.effect{margin-bottom:.5rem}.card .stats .damage svg{transform:scale(1.1)}.card .stats .turns svg{transform:scale(.9)}.card .stats .shield svg{transform:scale(1.1)}.card .stats div:nth-last-child(4) svg,.card .stats div:nth-last-child(4)~div svg{width:20px}.card .stats div:nth-last-child(4),.card .stats div:nth-last-child(4)~div{font-size:1rem}.popup-container{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgb(17 17 17 / 95%);opacity:0;z-index:100}.popup{position:absolute;z-index:100;background:#111;border:3px solid rgb(0 0 0 / 44%);border-radius:.5rem;font-size:1.75rem;box-shadow:0 2px 10px rgb(0 0 0);padding:1rem 2rem;text-align:center;color:#ccc;transform:scaleX(0) scaleY(0);max-width:calc(100% - 2rem)}.popup b{color:#ffa74e;white-space:nowrap}.popup button>b{color:#ccc}.popup.world-select button{width:45%;border:0;box-shadow:none;background:0 0;margin:3% 2%;position:relative}.popup.world-select button:hover{box-shadow:none;filter:drop-shadow(0 0 20px #fff)}.popup.world-select button.locked:hover{cursor:not-allowed;filter:none}.popup.world-select button .vip{position:absolute;bottom:25%;left:45%;z-index:10;color:#ff8000;font-size:1.75rem;text-shadow:0 0 7px #000;transform:rotate(-25deg)}.popup.world-select button svg{margin-bottom:-5px}.popup p{font-size:1.2rem;margin-top:.5rem}.popup a{color:#ffa74e;font-weight:700}.popup.full{width:calc(100% - 2rem);height:calc(100% - 2rem);transform:translateY(100vh)}.popup-content{margin-bottom:1rem}.popup-buttons{margin-bottom:.5rem}.popup-buttons button{background:#1b1b1b;outline:0;border:1px solid #4e4e4e;color:#ccc;box-shadow:0 2px 10px rgb(62 62 62);padding:.25rem 1rem;margin:0 .5rem;border-radius:3px;cursor:pointer;font-size:1.25rem;margin-bottom:.5rem}.popup-buttons button:hover{color:#fff;border-color:#888;box-shadow:0 2px 10px rgb(146 146 146)}.popup.lost svg{filter:grayscale(1)}.popup.won.moon svg{filter:grayscale(.75) drop-shadow(0 0 20px #d2c8ac)}.popup.won.mars svg{filter:saturate(.75) drop-shadow(0 0 20px #df755f)}.popup.won.death-star svg{filter:drop-shadow(0 0 20px #e6e8ed)}svg.lock{position:absolute;z-index:15;left:1px;width:100%;height:100%}.popup svg.lock{fill:rgb(0 0 0 / 75%)!important;top:-15%;padding:30%;filter:drop-shadow(0 0 5px #000) blur(1px);pointer-events:none}#game-controls svg.lock{top:0;fill:#fff!important;padding:.5rem;filter:drop-shadow(0 0 5px #000)}#game-controls{position:absolute;top:0;right:0;display:flex;flex-direction:row-reverse;margin-right:.25rem}#game-controls a{border:0;width:35px;height:35px;padding:0;position:absolute;top:50px;filter:grayscale(1);right:10px;transition:filter 250ms}#game-controls a:hover{filter:grayscale(0)}#game-controls a.coffee{top:95px}#game-controls a.near{top:148px;color:#8a8a8a;display:flex;flex-direction:column;align-items:center;line-height:1;font-size:.85rem;text-decoration:none;text-shadow:1px 1px 5px #000}#game-controls a.near span{font-size:.7rem}#game-controls a:hover.near{color:#eee}#game-controls button{background:0 0;border:0;width:45px;height:45px;padding:0;cursor:pointer;margin:.25rem}#game-controls button>svg{fill:#666;padding:.5rem;width:45px}#game-controls button:hover>svg{fill:#ccc}#game-controls #game-speed{width:auto;padding-bottom:.25rem}#game-speed b{color:#666;padding:0 .25rem;font-size:1.25rem;position:relative}#game-speed b .vip{position:absolute;bottom:-10px;left:0;font-size:.65rem;z-index:10;color:#ff8000;text-shadow:0 0 3px #000}#game-speed b.active{color:#ccc}#game-speed:hover b{color:#999}#game-speed:hover b.active{color:#fff}@media (min-width:400px){#cards{margin-bottom:1rem}.card-slot{margin-bottom:1rem}}@keyframes danger{from{box-shadow:0 2px 15px rgb(255 0 0 / 50%);border:3px dashed rgb(208 2 27 / 50%)}50%{box-shadow:0 2px 15px rgb(128 34 34 / 50%);border:3px dashed rgb(95 32 40 / 50%)}to{box-shadow:0 2px 15px rgb(255 0 0 / 50%);border:3px dashed rgb(208 2 27 / 50%)}}@keyframes expire{from{box-shadow:0 2px 15px rgb(100 100 100 / 50%);border:3px solid rgb(100 100 100 / 50%)}50%{box-shadow:0 2px 15px rgb(20 20 20 / 50%);border:3px solid rgb(20 20 20 / 50%)}to{box-shadow:0 2px 15px rgb(100 100 100 / 50%);border:3px solid rgb(100 100 100 / 50%)}}