:root{--primary-light: rgb(220, 176, 176);--primary-dark: rgb(103, 0, 0);--secondary-light: rgb(213, 165, 213);--secondary-dark: rgb(79, 30, 79);--gray-light: rgb(235, 235, 235);--gray-dark: rgb(47, 47, 47)}body,html{height:100%;margin:0;font-family:sans-serif}*{padding:0;margin:0;border:0}label{font-size:16px;margin-top:20px}input{padding:10px;margin:10px 5px;border-bottom:3px var(--gray-dark) solid;background-color:var(--gray-light);border-top-left-radius:5px;border-top-right-radius:5px}.container{display:flex;flex-direction:column;min-height:100vh}header{display:flex;flex-direction:column;width:100%}.column{display:flex;flex-direction:column}.column-center{display:flex;flex-direction:column;align-items:center}.page{display:flex;flex-direction:column;align-items:center;flex-grow:1;padding:15px 50px}.icon{height:20px;margin:0 5px;width:auto}.center{text-align:center}.button{display:flex;width:fit-content;justify-items:center;align-items:center;margin:5px;padding:5px 10px;border-radius:5px;background-color:var(--gray-light);color:var(--gray-dark);text-decoration:none;transition:filter .1s}.button:hover{cursor:pointer;filter:brightness(80%)}.button:active{filter:brightness(110%)}.primary-color{color:var(--primary-dark)}.secondary-color{color:var(--secondary-dark)}.title{font-size:36px;padding:0 15px;margin-bottom:15px;text-align:center}.underlined{border-bottom:2px var(--gray-dark) solid}.error{color:red}.note{font-size:14px;color:gray}.main.title{margin-bottom:50px}@media (max-width: 350px){.page{padding:30px}}footer{display:flex;justify-content:center;padding:20px;background-color:var(--gray-dark)}footer *{color:var(--gray-light);display:flex;align-items:center}.moneyButton{width:150px}.game-select{padding:5px 10px;border-radius:5px}.game-title{font-weight:400;font-size:24px;padding:5px}.locked{background-color:var(--gray-light)}.button{align-items:center}.nav{flex-grow:1;display:flex;flex-wrap:wrap;justify-content:space-around;margin-bottom:50px;background-color:var(--gray-light)}.nav-top{justify-content:center;align-items:center;display:flex;flex-grow:1}.nav-bottom{display:flex;justify-content:space-around;flex-grow:3}.title.button{align-items:center;margin:5px 15px}@media (max-width: 350px){.nav-bottom{display:grid;grid-template-columns:100px auto;grid-template-rows:40px auto;place-items:center}.nav-bottom *{display:flex;text-align:center}.nav-bottom .button{font-size:15px}}.attack-table{display:flex;flex-direction:column;margin-top:25px;border-top:2px var(--gray-dark) solid}.table-row{display:flex;align-items:center;border-bottom:2px var(--gray-dark) solid;padding:5px 10px}.table-section{flex-grow:1;justify-content:space-between}.table-img{width:70px;height:auto;transform:rotate(180deg)}.soldiers-display{margin-left:15px}.player-username{padding-bottom:5px}.kingom-title{color:var(--gray-dark);font-size:14px}.kingdom-img{width:100px;height:70px;margin:0 10px;object-fit:cover}#soldiers{font-size:24px;margin:15px}.small-kingdom-img{display:none;width:60px;height:40px;margin:5px;object-fit:cover}.player-top{display:flex;align-items:center;justify-content:start}@media (max-width: 550px){.table-row{padding:0;margin:0}.page{padding:20px}.kingdom-img{width:70px;height:40px}.table-img{width:40px}}@media (max-width: 400px){.kingdom-img{display:none}.small-kingdom-img{display:inline}}@media (max-width: 300px){.player-top{display:flex;flex-direction:column-reverse;align-items:start;justify-content:center}}.about-paragraph{margin:10px 20px;justify-self:left;font-size:18px}.about-page{margin:auto 10% 20px}:root{--gamepad-button-width: 60px}.gamepad{background-color:var(--primary-light);display:flex;justify-content:center;align-items:center;padding:6px;border-radius:10px}.game-arrow{width:var(--gamepad-button-width);height:var(--gamepad-button-width);top:0}.gamepad-row{display:flex;justify-content:center;align-items:center}.gamepad-row *{width:calc(var(--gamepad-button-width) + 12px)}.gamepad-up{transform:rotate(270deg)}.gamepad-right{transform:rotate(0)}.gamepad-left{transform:rotate(180deg)}.gamepad-down{transform:rotate(90deg)}.gamepad-middle{width:calc(var(--gamepad-button-width) * 7/8);height:calc(var(--gamepad-button-width) * 7/8);border-radius:50%;background-color:#1f1f1f;display:flex;justify-content:center;align-items:center}.gamepad-hollow{background-color:var(--gray-light);width:calc(var(--gamepad-button-width) * 7/8 - 13px);height:calc(var(--gamepad-button-width) * 7/8 - 13px);border-radius:50%}.game.button{width:var(--gamepad-button-width);height:var(--gamepad-button-width);padding:0;margin:3px;display:flex;justify-content:center;align-items:center}.or-container{display:flex;align-items:center;justify-content:center;margin:5px}.line{height:2px;width:20vw;background-color:#000;flex-grow:1;margin:5px}.home-img{width:200px;height:175px;margin:5px;object-fit:cover}.images{display:flex;flex-wrap:wrap;justify-content:center}.selected-img{width:250px;height:200px;margin:5px;object-fit:cover}.img-container{position:relative;margin-bottom:15px}.selected-title{position:absolute;top:50%;left:50%;text-align:center;padding:5px;background-color:#00000080;color:#fff;transform:translate(-50%,-50%)}.img-tab-select{display:flex;justify-content:space-between}.tab{font-size:24px}.grid{display:flex;flex-direction:column;border:2px gray solid}.row{display:flex}.cell{width:30px;height:30px;border:2px gray solid}.item-container{display:flex;position:relative;width:100%;height:100%}.snake{background-color:#5da55d;z-index:-1}.snake.body{width:100%;height:80%;align-self:center}.snake.body.curved{width:90%;height:90%;border-top-right-radius:100%;align-self:end}.snake.body.curved:before{content:"";z-index:-2;position:absolute;width:20%;height:20%;background:#fff;border-radius:50%;top:89%;left:-10%}.snake.head{position:absolute;width:90%;height:80%;align-self:center;border-top-right-radius:50%;border-bottom-right-radius:50%}.snake.head:before{content:"";z-index:-1;position:absolute;width:20%;height:20%;background:#000;border-radius:50%;bottom:50%;left:20%}.head.left:before{top:50%;bottom:auto}.snake.tail{position:absolute;width:90%;height:80%;align-self:center;border-top-right-radius:50%;border-bottom-right-radius:50%}.item-container:has(.snake.right){z-index:-2;transform:rotate(0)}.item-container:has(.snake.left){z-index:-2;transform:rotate(180deg)}.item-container:has(.snake.up){z-index:-2;transform:rotate(270deg)}.item-container:has(.snake.down){z-index:-2;transform:rotate(90deg)}.item-container:has(.snake.horizontal){z-index:-2;transform:rotate(0)}.item-container:has(.snake.vertical){z-index:-2;transform:rotate(90deg)}.apple{position:absolute;right:5%;top:5%;width:90%;height:90%;background-color:red;border-radius:50%}@media (max-width: 375px){.cell{width:20px;height:20px;border:2px gray solid}}.asteroid-canvas{width:calc(65vw + 65px);height:auto;background-color:#000}.game{display:flex;flex-direction:column;align-items:center}.kingdom-title{padding:5px 10px;background-color:var(--primary-light);border-radius:5px;margin:5px}.dice-icon{width:24px;height:24px}.note{width:300px;text-align:center}