body{overflow:hidden;text-align:center}.clear-button{position:absolute;bottom:20px;left:20px;color:#283d3b}.clear-button .fa-trash{font-size:1.7em}.main{height:100vh;width:100%;overflow-y:scroll;background-color:#edddd4}.main h1{font-family:Cinzel,fantasy;color:#772e25;font-size:3em;text-align:center;padding-top:1rem;line-height:19px}.main .subtitle{margin-top:1em;text-align:center;font-family:"PT Serif",serif;text-transform:uppercase;font-style:italic;font-weight:700;color:#c44536}.main .grid-container{display:grid;grid-template-columns:1fr;gap:3vh 1px;grid-template-areas:"." "." "." ".";padding-left:10vw}.main .grid-container button{color:#edddd4;background-color:#772e25;width:80vw;border:none;border-radius:.2rem;font-family:Cinzel,serif;font-size:1.5em;padding:.5em 0;cursor:pointer;transition:filter .2s}.main .grid-container button:hover{filter:brightness(.85)}.main .grid-container button.start-game{background-color:#283d3b;margin-bottom:5em}.main .grid-container .player-create{background-color:#edddd4;width:80vw;height:max-content;box-shadow:0 0 10px #0003;border-radius:4.5px;padding-bottom:.5em}.main .grid-container .player-create .input-label{font-family:"PT Serif",serif;font-size:1em;font-weight:700;padding-top:10px;color:#772e25;padding-bottom:.5em}.main .grid-container .player-create input{background-color:transparent;font-family:inherit;outline:none;border:2px solid #772e25;border-radius:.2em;padding:.2em .5em;font-size:2em;width:80%}.main .grid-container .player-create .remove-player{color:#edddd4;background-color:#283d3b;font-size:1.2em;border:none;font-family:inherit;display:flex;padding:.25em .5em;margin:.5em auto auto;border-radius:.2em;column-gap:.5em;cursor:pointer;width:max-content;transition:filter .2s}.main .grid-container .player-create .remove-player:hover{filter:brightness(.85)}.main .player-list .player{margin:auto auto 1em;background-color:#edddd4;width:80vw;height:10vh;box-shadow:0 0 10px #0003;border-radius:4.5px;padding:0 .5rem;display:grid;grid-template-areas:"a a c" "b b c";align-items:center}.main .player-list .player .player-name{font-family:"PT Serif",serif;font-size:1.2rem;font-weight:700;text-align:left;padding-right:20px;color:#772e25}.main .player-list .player .buttons{grid-area:b;text-align:left}.main .player-list .player button{width:max-content;text-align:left;color:#edddd4;font-family:inherit;border:none;padding:.5em;border-radius:.2em;cursor:pointer;transition:filter .2s}.main .player-list .player button:disabled{background-color:#797979;cursor:not-allowed}.main .player-list .player button:hover{filter:brightness(.85)}.main .player-list .player .conquer{background-color:#c44536;margin-right:.2em}.main .player-list .player .lose{background-color:#283d3b}.main .player-list .player .player-score{font-family:"PT Serif",serif;font-size:6vh;text-align:right;padding-right:10px;color:#772e25;grid-area:c}.main .player-list .player:last-of-type{margin-bottom:10vh}.main .island-search{background-color:transparent;font-family:inherit;outline:none;border:2px solid #772e25;border-radius:.2em;padding:.2em .5em;font-size:1.8em;margin-bottom:1em;width:80%}.main .island-list{width:80vw;margin:auto;font-family:"PT Serif",serif}.main .island-list .island{margin:auto auto .5em;background-color:#edddd4;box-shadow:0 0 10px #0003;border-radius:4.5px;padding:.5rem;display:flex;transition:.2s;cursor:pointer}.main .island-list .island:hover{background-color:#772e25;color:#fff!important}.main .island-list .island .island-points{color:#c44536;font-weight:700}.unfocused{top:-100%;left:50%;transform:translate(-50%);transition:.35s}.focused{top:50%;left:50%;transform:translate(-50%,-50%);transition:.35s}.shade{position:absolute;top:0;left:0;background-color:#000000c7;height:100vh;width:100%;transition:.3s}.invisible{opacity:0;transition:.3s;display:none}.visible{opacity:1;transition:.3s;display:block}.flex{display:flex}*{margin:0;padding:0}