.navigation{display:flex;flex-flow:row;justify-content:space-between;height:7vh;min-height:40px;max-height:50px}.navigation-left,.navigation-right{display:flex;flex-flow:row wrap;text-align:center;align-items:center}.navigation-item{float:left;padding-inline:10px;height:7vh;min-height:40px;max-height:50px;min-width:30px;display:flex;align-items:center;justify-content:center;text-align:center}.navigation-item:hover{background:var(--light-blue);color:var(--dark-blue)}.navigation-item-collapsable{float:left;padding-inline:10px}.navigation-item-collapsable:hover{background:var(--light-blue);color:var(--dark-blue)}.mobile-nav{height:7vh;width:14vw;justify-content:center}.bars-icon{height:2em;filter:invert(100%) sepia(7%) saturate(6629%) hue-rotate(177deg) brightness(99%) contrast(98%)}.logout-icon{height:1em;filter:invert(22%) sepia(53%) saturate(1275%) hue-rotate(155deg) brightness(94%) contrast(103%)}.logout-container .logout-icon{filter:invert(100%) sepia(7%) saturate(6629%) hue-rotate(177deg) brightness(99%) contrast(98%)}.logout-container:hover .logout-icon{filter:invert(22%) sepia(53%) saturate(1275%) hue-rotate(155deg) brightness(94%) contrast(103%)}@media (min-width: 641px){.navigation-item-collapsable{float:left;padding-inline:10px;height:7vh;min-height:40px;max-height:50px;min-width:30px;display:flex;align-items:center;justify-content:center;text-align:center}}:root{--light-grey: #8e9bb2;--light-blue2: #edf2fb;--light-blue: #cad2e0;--medium-blue: #00a5cf;--dark-blue: #004e64;--dark-green: #25a18e;--medium-green: #4caf50;--light-green: #9fffcb;--green: #01c931;--red: #e82412;--blue: #2364df;--white: #cccccc;--black: #040023;--font-size-7: 2em;--font-size-6: 1.5em;--font-size-5: 1.2em;--font-size-4: 1em;--font-size-3: .5em}body{background-color:#367588;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;margin:0;background-image:url(/assets/background_website_1.1-ba560dff.png);width:100vw}input{font-family:Trebuchet MS,Arial,Helvetica,sans-serif}h1{font-size:2em}h2{font-size:1.6em}h3{font-size:1.2em}h4{font-size:1em}h5{font-size:.85em}h5,h4,h3,h2,h1{color:var(--light-blue);font-weight:400;margin:0}a:link,a:visited{color:var(--light-blue);font-size:var(--font-size-4);text-decoration:none}.error-msg{color:red;margin:5px}.no-user-select{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none}.button{background-color:var(--light-blue);border:none;color:var(--dark-blue);padding:15px 0;text-align:center;display:inline-block;cursor:pointer;width:320px;margin-top:10px;font-size:var(--font-size-4);box-shadow:0 8px 16px #0003,0 10px 20px #00000030}.dropbtn{display:flex;align-items:center;color:var(--light-blue);font-size:1.2em;cursor:pointer}.dropbtn:hover,.dropbtn:focus{background-color:var(--dark-blue)}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:var(--dark-blue);color:var(--light-blue);width:40vw;box-shadow:0 8px 16px #0003;z-index:1}.dropdown-content a{padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:var(--light-blue);color:var(--dark-blue)}.show{display:block}.eye-icon{filter:invert(100%) sepia(7%) saturate(6629%) hue-rotate(177deg) brightness(99%) contrast(98%);height:1em}.centered{display:flex;text-align:center;align-items:center;justify-content:center;margin:1vw}.column-flow{display:flex;flex-flow:column wrap}.ascii-art{font-family:monospace;white-space:pre;color:var(--light-blue);font-size:6px;font-weight:bolder}.ascii-art-small{font-family:monospace;white-space:pre;color:var(--light-blue);font-size:4px;font-weight:bolder}@media (min-width: 641px){h1{font-size:2.2em}h2{font-size:1.6em}h3{font-size:1.4em}h4{font-size:1.1em}h5{font-size:.85em}.dropdown-content{width:10vw;min-width:200px}}@media (min-width: 961px){.ascii-art{font-size:8px}}.home{display:flex;align-items:center;justify-content:center;flex-flow:column wrap}.button-list{display:flex;align-items:center;justify-content:center;flex-flow:column wrap;gap:2vh;margin-top:4vh}.play-button{display:flex;justify-content:center;align-items:center;border:4px solid #00313f;color:var(--light-blue);cursor:pointer;width:80vw;height:16vh;opacity:.9;box-shadow:0 4px 8px #0003,0 20px 20px #00000030}.play-normal{background-color:#000000b3;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAABkCAMAAADqvX3PAAAAKlBMVEUAAADX19fX19fBwcHT09PX19fW1tbT09PW1tbV1dXOzs7Ozs7BwcHV1dX5uIg2AAAADnRSTlMAPQAKH0czAAApFAAAAHys1goAAAHwSURBVHja7ZfdcuMwCEb1GUIDcd//dZuk2n5rZzCKOzuzFzo3+XNOBAIHtQosxwi0XUw/jjh2qN1pVzV43FJwJIDLuq5tvaNmzxeEZI5wWP/p9v0gypgGYhGH8fL28yyM7ycOJkFlJW3tZDHhRdBjIO22JR6a1BGMgTAWopvr6BC1jSB1MDWyXYfvkpDlg4iiV83lITiuoXZL+U4/ltcNq2MhogaYBWMYjYU8HHfSRdTrCIOLYImemrfz8dMO6DlVGYyFMWz3tmuGY6GgO1ikXVM51JDXurBO0nyEcyPTnvOXvmyb0hzqfV64jUUYw47Re9CZe6EbeC+M39+TcfK/gTFZuxZgOSag7aMASwGkrQW1Y2lLwXRMx3RMx3T8Pw67FpSOcA5RCccOcTMNL05aRw7Fn2kizA7+1VNH6ENAOBgOxiIK888dHPVqh+Q/yeknzQfHkhx+nqyjT0QFzDUd2Skp53lp7PdFnEkYIhzQv/KRzJUV0QdDSON5+S14CEW0vqSTiAPWWDknCLsY0BZxnNP0L/Z9YQEO8yznXZ2yNwfgTu7rNFgj9aamvS9eZljMTNOeoybSGNwQkvZ+3XrCU07t4HmWSBjDLBzEwdSzhMYcRPRZNYmgdjA1FyahcKQIqpKZs8N0TMd0TMd0/BvHF8n9f8tHo7HcAAAAAElFTkSuQmCC);background-repeat:repeat;z-index:-10}.play-ranked{background-color:#00000080;background-image:url(/assets/arabesque-7cb101cc.png);background-repeat:repeat;z-index:-10}.play-bot{background-color:#000000b3;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAaVBMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////b29v////a2tppo89WAAAAI3RSTlMjJCEfNx0cFhoYFRMmEQ4PNDAMNTIuLQorKAcIOQUBKgADAB4rIb4AAAa+SURBVHheJZRHsmVZkOMA9yPFferriFTd+19kVVZiyBnNQKKkKO8gaPAn9GpLKa23SAf1C8yuWBCIE7GJSlh1FJADw31JbMCnrOikrkYN4z74EKhWs4NEh56lNzijV+4M6jTIbwEVFoegAaWiOIIXsk4la5aA2kV224Ou1IcyRhVeQw46okCPzmkuBIHOo7KBOWNPmXYHP5ACcjf+az+KVZjAogmcHvmYK2EmdugZtmXJxMaEXk9aheuZItag02Gg1iKcROdXp5Eh/2WE27se7ojvQwlqi80GmWl9mvYYHTaQHKHEoTOCswkkglVa5ZysMzpMk271sx0ZUasr4nQlLJMOus5mBD/T6UdomCwWpZQo5VGe7PV67bX3Pctn+V/eP79j9fVr7b0u3t7eS3krz1L3Xr9Xv+8NkAfFCzqZyAOJCC5f9WjWmbwpTsAV5k89tPEHkQJ2lqzKhlGA8Ih3ZLZFi0dAPXBYuA1ECIKpg2Vz0vK0d87IXSF3i0FkhWezeincM6AF5INBAPXUrxbYQkcBDzK8rSk4sAyAM0bdDio6/STRCHEduJLuKQoDGYsQI6RMSWyde2f2damFQaUx4SYME08ZDasSt9a9i3l/S4M65nQ7jApYIDBQL+2VINqHThvAog9gXO1hsMgINg2GM88DJrDIfPVWKxwocE5WZTUPMcHiIanIxZA+o59CRDOtcEcEohe3MIHVgs6KsFhPDeLV9zCg0s47r7Vu63ZbPT5LlPL5eCv9tX7tr/Xa93j7/ij/mvXkr/V73ffvebf8x2cRAnIIZUyZIfWGDgyiEDYJ6++boTTH5wbNUel0xYTzREBwMVW4KHZm9tryDjQa5pMu3CA3NBlNKKEMAzbilM4HFRXqVgDGLvUySe9t06a1Q1LskWcKq+mGpBcyFyMu94STLsZDcaTpn5BOkFqkIuiCcB7hsZHuqOtWo8ppzEJWJnDrVE6tACWMpoOzGtMp1iK0mofak5jMKsWOiNcLMjK0nQIImeMrzjiyuD4Sh41124hhmKUxOG1SfxOYBtQCaHK8g7Q8ZFGjRT3zdwDAaO82alSOiy6A4QcGgO0K5WYaJWN60mAOnCCUgUS1snh/K+8/pTwe9mt/rd1vu5ZnKcXne3HPfbvm3ns+fz7+fba30q691rper5nEnACLBUFE1TebTejsBIgeWTqIP8Eag2gMRqGx8G5wt29GDygJA2z0Rmsak5BZYVR+xWCQ0D/YrXqa1X/tBcMsYSOlzV2nNvmZj8okD4O+NZiYD2YTuuYSThhX/chQlFhXVmhBvvVwCrCJCm3W80Q6JHilOD3Vkv2n9hht/QUywxwl6YyJLEkAfXBB0sTX0GCmvSAxesjqgIHxrtAI6T1PAvAJAEJbTQCgyDmSsBpIVNtJVLG+Gl2l86Q3gDPaBqlAK7XN0QnGDcJW0fdMD+DYGdhy4pMI1EW9ogXBkE+hO6Pmrgkjd1AOk2HU7NEqySWF6+rzuu39xd/v5VHKKeX8+f/27VrXWryV7/JR/iiFP/d9rfurd0t5e5SP74/PpHOEkFIDrU025Mwu/AzEquykGdr4JINK0H/BnGOAvHk4Rpt0rUHdSWE2QOdL0RrBB3WM1gledBAj4o9FAIS3VZEGFBrBMVhWCAd8DOMrU9kM0Eh9jkPA1H2I6syRZXGGYGwCgOSTO5BwvjCgWucpnRwA/uJKxRgPQ8IDl4wK5vjAzhBYTCPgUAvMH+qxfVE7o/ftH9rTbOZutG4gBQ5I2gFSne2HRgCNrhL0E2/CTbB+oWFtWrRnTdZ+EcyYkVCGDePV/RJMmrVIjuDyZ0tr9JACwrF5g9ROwhs9+uzKTqFCUARZAS8mtSujzKBqh1/8a9D/4W1fX6/+9btbnu+Pz+fnKbzWvm59//rFx9/lP1j/7H3t++pwuQLFPT2wKrvQBKsureKsq4zIwApdCTcZBTNuo1ZdDZQOfx+kZc3xjwMqVgoMHZ75T7dJJ7NQOWRA3IPJf/OrswqGN1A4jSe2RhJsIQgr3ySDkOpNsALz2xyV3oIbXQUsvXME2sLDCQeFSJyOyl2W0jfvSaJx5m6C7GjF1gBw2cboAbPQ7IzE3EmXO/BgLkYP2GCIjdJsA6PxF/aKo/E3DVHlQnBVx2MSM6jE2mepe1I2h3AbV+sOBArTNqR5+szGNOUpC8PJylgMN3wL6XLERFuSrHck0hqn3UlorY7xnCMbVduvViGc9u8hYrVtghwQWfhn9/1r97XaW/l5+357lMJtXXtd///3nuXtj/JenuWdta+vtf/qm1Ke3+X7rRT+B2tUQorfdSE8AAAAAElFTkSuQmCC);background-repeat:repeat;z-index:-10}.play-normal:hover{border:4px solid rgb(0,123,150);background-image:url(/assets/card-16-home-14692461.webp);background-size:140%;background-position:center center;background-size:cover;color:var(--light-blue);opacity:1;box-shadow:0 4px 8px #007b9633,0 20px 20px #007b9630}.play-ranked:hover{border:4px solid rgb(0,179,6);background-image:url(/assets/card-22-home-509f807b.webp);background-size:140%;background-position:center center;background-size:cover;color:var(--light-blue);opacity:1;box-shadow:0 4px 8px #00b30633,0 20px 20px #00b30630}.play-bot:hover{border:4px solid rgb(187,0,0);background-image:url(/assets/card-9-home-844bac7e.webp);background-size:140%;background-position:center center;background-size:cover;color:var(--light-blue);opacity:1;box-shadow:0 4px 8px #b003,0 20px 20px #bb000030}.grosnar-right{position:fixed;bottom:0vh;right:0;z-index:-20;width:45vw;height:45vw;background-size:100%;background-image:url(/assets/grosnar-web-right-cc516b61.png)}.creatures-left{position:fixed;bottom:0vh;left:0;z-index:-20;width:45vw;height:45vw;background-size:100%;background-image:url(/assets/ripper-web-left-737e3e8a.png)}@media (min-width: 641px){.play-button{width:25vw;height:45vh;max-width:300px;max-height:400px}.button-list{flex-flow:row wrap;margin-top:6vh}.grosnar-right{width:30vw;height:30vw;top:15vh;right:0}.creatures-left{width:30vw;height:30vw;top:15vh;bottom:0;left:0}}.deck-chooser-container{display:flex;flex-flow:column wrap;justify-content:center;align-items:center;width:100%}.deck-chooser-grid-container{display:inline-grid;grid-template-columns:repeat(3,1fr)}.deck-chooser-item{color:var(--light-blue);display:flex;flex-flow:column;align-items:center;justify-content:center;text-align:center;font-size:small;width:30vw;max-width:250px;max-height:150px;height:20vw;border:1px solid var(--light-grey);position:relative}.deck-chooser-item-enabled{color:var(--light-blue);background-color:#00000059;cursor:pointer}.deck-chooser-item-disabled{color:var(--light-blue);opacity:.4;background-color:#222}.radial-gradient{width:100%;height:100%;position:absolute;z-index:-1;opacity:15%}.deck-chooser-item-enabled:hover{background-color:#0000001a}.deck-chooser-item:hover .radial-gradient{animation-name:radial-gradient-anim;animation-duration:2s;animation-delay:0s;animation-iteration-count:infinite}@keyframes radial-gradient-anim{0%{opacity:15%}30%{opacity:95%}to{opacity:15%}}.deck-delete-item{position:absolute;bottom:3px;right:3px;width:9%;filter:invert(100%) sepia(7%) saturate(6629%) hue-rotate(177deg) brightness(80%) contrast(98%)}.deck-delete-item:hover{filter:invert(19%) sepia(90%) saturate(7487%) hue-rotate(359deg) brightness(113%) contrast(112%)}.deck-list-title-container{display:flex;flex-flow:row wrap;border-bottom:1px solid var(--light-blue);width:100%;margin-bottom:2vw;color:var(--light-blue);font-size:small;height:11vw;align-items:center;margin-bottom:5vw}.deck-list-title{display:flex;flex-flow:row wrap;width:100%;margin-bottom:2vw;color:var(--light-blue);font-size:small;height:11vw;align-items:center;margin-left:5vw}.delete-confirm-container{display:flex;flex-flow:column wrap;align-items:center;justify-content:center;gap:2vw;text-align:center;margin:2vw}.delete-confirm-buttons{display:flex;flex-flow:row wrap;gap:2vw}.delete-confirm-button{display:flex;width:30vw;height:20vw;max-width:150px;max-height:50px;justify-content:center;align-items:center}.delete-confirm-button.yes{background-color:red;color:var(--light-blue)}.waiting-game-container{margin-top:10vh;display:flex;flex-flow:column;justify-content:center;align-items:center;text-align:center}.loading-dots-container{display:flex;flex-flow:row;justify-content:center;align-items:center;text-align:center;gap:2vw;margin:2vw;position:relative;width:140px;height:8vh}.loading-dot{position:absolute;display:flex;flex-flow:row;justify-content:center;align-items:center;font-size:10em;text-align:center;border-radius:50%;background-color:var(--light-blue);width:30px;height:30px}.loading-dot:nth-child(1){animation-name:dot-anim;animation-duration:3s;animation-iteration-count:infinite;left:0}.loading-dot:nth-child(2){animation-name:dot-anim;animation-duration:3s;animation-delay:.75s;animation-iteration-count:infinite;left:50px}.loading-dot:nth-child(3){animation-name:dot-anim;animation-duration:3s;animation-delay:1.5s;animation-iteration-count:infinite;left:100px}.new-deck-button-text{color:var(--dark-blue)}.new-deck-button{background:radial-gradient(circle at center,gray,transparent) 50%}.new-deck-button:hover{background:radial-gradient(circle at center,green,transparent) 50%}.new-deck-button:hover .new-deck-button-text{color:var(--light-blue)}@keyframes dot-anim{0%{background-color:var(--light-blue)}10%{background-color:var(--dark-blue)}20%{background-color:var(--light-blue)}to{background-color:var(--light-blue)}}@media (min-width: 641px){.deck-list-title{font-size:large;height:5vh}.deck-list-title-container{height:5vh;margin-bottom:2vh}.deck-chooser-item{width:18vw;height:10vw}.deck-chooser-grid-container{display:inline-grid;grid-template-columns:repeat(5,1fr)}.deck-list-title-container{border-bottom:none}.deck-list-title{justify-content:center;margin-left:0;font-size:x-large}}@media (min-width: 1025px){.deck-chooser-item{font-size:medium}}.profile-container,.profile-top-container{display:flex;flex-flow:column;align-items:center;justify-content:center}.profile-counts-container{display:flex;flex-flow:row;align-items:center;justify-content:center;gap:2vw;margin-top:2vw;margin-bottom:6vw;text-align:center}.profile-counter{display:flex;flex-flow:column;align-items:center;justify-content:center;width:30vw;height:20vw;max-width:200px;max-height:100px}.last-games-text{margin-bottom:1vw;text-align:"center"}.game-container{display:flex;flex-flow:row wrap;justify-content:left;border-top:1px solid var(--light-blue);width:95vw;height:12vh;max-width:600px;max-height:80px;min-height:80px}.game-container:last-child{border-bottom:1px solid var(--light-blue)}.game-container-left{display:flex;flex-flow:column wrap;align-items:center;justify-content:center;width:25%;height:100%}.game-container-right{display:flex;flex-flow:row wrap;align-items:center;justify-content:center;flex-grow:1;height:100%;gap:5px}.game-player-container{display:flex;flex-flow:column;justify-content:center;height:80px;width:30%}.game-player-container.left{align-items:flex-end}.game-player-container.right{align-items:flex-start}.game-vs{color:#ff0;display:flex;flex-flow:column;justify-content:center;align-items:center}.game-item-container{justify-content:center;align-items:center}.game-player-rating{display:flex;flex-flow:row;justify-content:center;align-items:center}.text-green{color:#00e100}.text-red{color:red}.text-yellow{color:#ff0}.game-user1{display:flex;justify-content:left;width:100%}.game-user2{display:flex;justify-content:right;width:100%}@media (min-width: 641px){.profile-counts-container{display:flex;flex-flow:row;align-items:center;justify-content:center;gap:2vw;margin-top:.5vw;margin-bottom:2vw}.game-container-right{gap:10px}}.deck-builder-container{display:flex;flex-flow:column}.deck-builder-main-container{display:flex;flex-flow:row wrap;justify-content:space-between;width:100vw}.right-container{display:flex;flex-flow:column wrap;align-items:center;justify-content:center;width:100vw}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2vw 1vw;margin-top:2vw}.buttons-row{display:flex;justify-content:center;align-items:center;margin-top:2vw;gap:1vw}.pagination-button{display:flex;justify-content:center;align-items:center;background-color:var(--dark-blue);color:var(--light-blue);border:1px solid var(--light-blue);width:15vw;height:7vh;max-width:100px;max-height:30px;cursor:pointer;font-size:small}.pagination-button:hover{background-color:var(--light-blue);color:var(--dark-blue);border:1px solid var(--dark-blue)}.save-deck-button{background-color:transparent;text-decoration:none;display:flex;align-items:center;justify-content:center;border:1px solid;font-weight:400;height:6vh;max-height:8vh;flex-grow:1}.save-deck-disable{color:var(--light-blue);border-color:var(--light-blue);opacity:.5}.save-deck-ok{color:#09ff00;border-color:#09ff00}.save-deck-error{color:red;border-color:red}.save-deck{color:#fff;border-color:#09ff00;background-color:#036000;cursor:pointer}.save-deck:hover{background-color:#035700;color:#b0ffa0;border-color:var(--light-blue)}.new-deck-button{color:#fff;text-decoration:none;background-color:transparent;display:flex;align-items:center;justify-content:center;border-bottom:1px solid;flex-grow:1}.new-deck-button-enabled{background-color:transparent;color:var(--light-blue);border-color:#c8ff00;cursor:pointer}.new-deck-button-enabled:hover{background-color:#006809;color:#fff}.new-deck-button-disabled{color:var(--light-blue);border-color:var(--light-blue);opacity:.5}.deck-chooser{display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--light-blue);flex-grow:2;color:var(--light-blue)}.deck-name-input{display:flex;background-color:transparent;border:none;color:var(--light-blue);font-size:medium;border-bottom:1px solid rgb(163,163,163);border-left:1px solid rgb(163,163,163);max-height:8vh;padding-inline-start:2vw;align-items:center;flex-grow:4}.input{padding:0;padding-block:0;padding-inline:0}.deck-name-input:hover{background-color:var(--light-blue);color:var(--dark-blue);border-bottom:1px solid var(--dark-blue);border-left:1px solid var(--dark-blue)}.grid-selector-container{display:flex;flex-flow:row;height:10vw;justify-content:left;font-size:small;max-height:50px}.grid-selector-button{color:#fff;text-decoration:none;background-color:transparent;display:flex;align-items:center;justify-content:center;border:none;max-height:10vh;width:50vw;flex-grow:1}.grid-selector-fill{display:none}.grid-selector-button-enabled{cursor:default;border-top:1px solid var(--light-blue);border-left:1px solid var(--light-blue);border-right:1px solid var(--light-blue)}.grid-selector-button-disabled{cursor:pointer;border-bottom:none;border-bottom:1px solid var(--light-blue);color:var(--light-grey)}.deck-edit-container{display:flex;flex-flow:row wrap;justify-content:left;width:100vw;height:vh}.no-cards-alert{display:flex;flex-flow:column wrap;justify-content:center;text-align:center;gap:2vw;margin-top:10vw}.card-filters{display:flex;flex-flow:row wrap;gap:2vw;margin-top:1vh;margin-bottom:2vh;justify-content:left;align-items:center;width:100%}.deck-colors-container{display:flex;flex-flow:row wrap;gap:.5vw;margin-top:1vh;margin-bottom:2vh;justify-content:center;align-items:center;width:100%}.card-order-by{padding-left:10px}.square-container-small{width:20px;height:20px}.square-container-x-small{width:.6vw;height:.6vw;max-width:10px;max-height:10px}.color-filter{aspect-ratio:1/1;border:1px solid black;cursor:pointer;border-color:orange}.color-filter.red{border-color:red}.color-filter.green{border-color:green}.color-filter.blue{border-color:#00f}.color-filter.black{border-color:#000}.color-filter.white{border-color:#fff}.color-filter.filled-{border-color:orange;background-color:orange}.color-filter.filled-red{border-color:red;background-color:red}.color-filter.filled-green{border-color:green;background-color:green}.color-filter.filled-blue{border-color:#00f;background-color:#00f}.color-filter.filled-black{border-color:#000;background-color:#000}.color-filter.filled-white{border-color:#fff;background-color:#fff}.deck-title-text{margin-bottom:4vh;display:flex;flex-flow:row wrap;align-items:center;justify-content:center}@media (min-width: 641px){.deck-builder-container{flex-flow:column wrap;justify-content:center;margin:inl}.deck-builder-main-container{justify-content:center}.left-container{display:flex;flex-flow:column wrap;width:30vw;max-width:600px}.right-container{display:flex;flex-flow:row wrap;width:60vw;max-width:1200px;justify-content:left;margin-left:2vw;align-items:start}.cards-grid{display:flex;flex-flow:wrap;justify-content:space-between;grid-template-columns:repeat(5,1fr);width:100%;margin-top:1vh}.grid-selector-button{font-size:medium;max-width:14vw;min-width:180px}.grid-selector-fill{color:#fff;text-decoration:none;background-color:transparent;display:flex;align-items:center;justify-content:center;flex-grow:1;border:none;max-height:10vh;border-bottom:1px solid var(--light-blue)}.all-cards-container{display:flex;flex-flow:column wrap;justify-content:center;align-items:center}.save-deck-button{width:20%;height:8vh;max-height:50px}.deck-name-input{width:70%;max-width:400px;max-height:50px;padding-inline-start:1vw}.deck-edit-container{display:flex;flex-flow:row wrap;justify-content:left;width:30vw;max-width:500px}.no-cards-alert{margin-top:4vw}.card-filters{gap:1vw}.card-order-by{height:27px;width:14vw}}.item{aspect-ratio:1/1.45;border:1px solid rgb(86,86,86);width:28vw}.greyed-out{opacity:50%}.item:hover{border:1px solid #00ff0d;cursor:pointer}.card-container{position:relative;height:100%}.image-container{position:relative}.item-image{width:100%;min-width:100%;min-height:100%;margin-top:1vh}.top-container{position:absolute;display:flex;justify-content:space-between;width:100%}.card-mana{display:flex;background-color:var(--dark-blue);width:20%;aspect-ratio:1/1;align-items:center;justify-content:center;border-right:1px solid var(--dark-blue);font-size:.6em}.card-name{display:flex;align-items:top;justify-content:right;padding-right:5px;padding-top:2px;font-size:.3em;white-space:normal;text-align:right}.attack-box{position:absolute;display:flex;justify-content:center;align-items:center;width:15%;aspect-ratio:1/1;bottom:3px;font-size:small}.attack-box-left{left:0;border:1px solid white;border-bottom:0px;border-left:0px}.attack-box-right{right:0;border:1px solid white;border-bottom:0px;border-right:0px}.attack-box-center{left:42.5%;border:1px solid white;border-bottom:0px}.deck-card-info-container{position:absolute;display:flex;flex-flow:column;top:30%;width:20%}.deck-card-action{text-align:center;background-color:#000;color:var(--light-blue);opacity:50%;width:100%;border:1px solid white}.deck-card-remove:hover{border:1px solid red}.card-abilities-container{font-size:.5em;text-align:center;margin-top:1px;margin-inline:3px}.card-stats-container{position:absolute;font-size:.8em;left:4px;bottom:0}@media (min-width: 641px){.item{aspect-ratio:1/1.45;border:1px solid rgb(86,86,86);width:10vw;max-width:130px}.card-name{font-size:.2em}.card-mana,.card-stats-container{font-size:.6em}.card-abilities-container{font-size:.2em}}@media (min-width: 961px){.card-name{font-size:.5em}.card-mana,.card-stats-container{font-size:.7em}.card-abilities-container{font-size:.4em}}@media (min-width: 1025px){.item{aspect-ratio:1/1.45;border:1px solid rgb(86,86,86);width:10vw;max-width:200px}.card-mana{font-size:.9em}.card-name{font-size:.55em}.card-stats-container{font-size:.9em}.card-abilities-container{font-size:.6em}}@media (min-width: 1281px){.item{aspect-ratio:1/1.45;border:1px solid rgb(86,86,86);width:10vw;max-width:200px}.card-mana{font-size:1em}.card-name{font-size:.6em}.card-stats-container{font-size:1em}.card-abilities-container{margin-top:2px;font-size:.6em}}.deck-cards-list{display:flex;flex-flow:column wrap;width:12vw}.deck-list-item{display:flex;justify-content:space-between;align-items:center;width:100vw;height:6vh;max-height:40px;color:var(--light-blue);border-bottom:1px solid rgb(106,106,106);cursor:pointer;font-size:small}.deck-list-item.selected{border-top:2px solid rgb(0,208,0);border-bottom:2px solid rgb(0,208,0)}.deck-list-item-right{display:flex;justify-content:center;align-items:center;height:6vh;width:15vw;max-height:40px;min-height:30px;max-width:50px}.deck-list-item-right:hover{border:1px solid yellow}.deck-list-item-left{display:flex;justify-content:left;height:6vh;width:100%;max-height:40px;min-height:30px}.deck-list-item-left:hover{background-color:red}.deck-list-item-var{display:flex;align-items:center;justify-content:center}.deck-list-item-qtd{border-right:1px solid rgb(106,106,106);width:2vw;min-width:30px;color:#000}.deck-list-item-qtd.black{color:var(--light-blue)}.deck-list-item-name{padding-left:1vw}.deck-list-item-mana{padding-right:1vw;display:flex;justify-content:center;align-items:center;width:100%}.deck-list-item-stats{padding:1vw;min-width:7vw}.show-card{display:flex;flex-flow:row wrap;justify-content:center}@media (min-width: 641px){.deck-cards-list{flex-flow:column;width:30vw;max-width:500px;overflow-y:auto;height:70vh}.deck-list-item-right{width:5vw}.deck-list-item{width:100%;font-size:small}.deck-list-item-qtd{min-width:40px;font-size:small}}@media (min-width: 961px){.deck-list-item{font-size:medium}}@media (min-width: 1281px){.deck-list-item{font-size:medium}}.login{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:20px}.login-input{background-color:var(--dark-blue);color:var(--light-blue);border:none;margin:2px 0;height:40px;width:300px;padding-left:20px;font-size:var(--font-size-4)}.login-input:focus{border:none}.login-button:hover{background-image:url(/assets/card-16-home-14692461.webp);background-size:120%;background-position:-20px -20px;color:var(--light-blue)}.register-button:hover{background-image:url(/assets/card-11-button-b0d5b313.webp);background-size:120%;background-position:-60px -55px}::placeholder{color:var(--light-blue);opacity:.3}.register-welcome-container{display:flex;flex-flow:column wrap;align-items:center}.welcome-login-button:hover{background-image:url(/assets/card-20-button-4565690f.webp);background-size:120%;background-position:-20px -40px;color:var(--light-blue)}.rules-container{display:flex;flex-flow:row;justify-content:center}.rules-text-container{display:flex;flex-flow:column wrap;align-items:start;text-align:justify;text-justify:inter-word;margin-left:6vw;margin-right:6vw;max-width:700px}.all-cards-container{display:flex;flex-flow:column;justify-content:center;align-items:center}@media (min-width: 320px){.all-cards-container{width:90vw}}@media (min-width: 641px){.all-cards-container{width:70vw}}@media (min-width: 961px){.all-cards-container{width:70vw}}