*{padding:0;margin:0 auto}#app-container{display:flex;flex-direction:column;gap:20px;padding:5px;font-family:Arial,Helvetica,sans-serif}#app-container input,#app-container select{padding:10px;border-radius:5px;border:none;border:1px solid black}#app-container #big{display:flex;flex-direction:row;gap:10px}@media (max-width: 1290px){#app-container #big{flex-direction:column}}#app-container #controls{display:flex;flex-direction:column;gap:10px;text-align:center}#app-container #controls button{border:none;background:#298e50;color:#fff;padding:10px;border-radius:5px;cursor:pointer}#app-container #controls button:hover{background:#6bb400}#app-container #controls .del{border:none;background:#b03030;color:#fff;padding:10px;border-radius:5px;cursor:pointer}#app-container #controls .del:hover{background:#862525}#app-container #controls .ne{border:none;background:#3059b0;color:#fff;padding:10px;border-radius:5px;cursor:pointer}#app-container #controls .ne:hover{background:#244487}#app-container #controls #controls-save,#app-container #controls #controls-load{display:flex;flex-direction:row;gap:5px}#app-container #explorer-container{display:flex;flex-direction:column;gap:5px;padding:10px;border-radius:5px;width:550px}@media (max-width: 1290px){#app-container #explorer-container{width:700px}}#app-container #explorer-container #explorer-search{display:flex;gap:5px}#app-container #explorer-container #explorer-search input{padding:10px;border-radius:5px}#app-container #explorer-container #explorer-search button{border:none;background:#298e50;color:#fff;padding:10px;border-radius:5px;cursor:pointer}#app-container #explorer-container #explorer-search button:hover{background:#6bb400}#app-container #explorer-container #explorer-list-container{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;width:100%;overflow-y:scroll;padding:10px;height:400px}@media (max-width: 1290px){#app-container #explorer-container #explorer-list-container{height:150px}}#app-container #explorer-container #explorer-list-container button{border:none;background:#fff;padding:5px;border-radius:5px;transition:background .2s}#app-container #explorer-container #explorer-list-container button img{width:50px;height:50px}#app-container #explorer-container #explorer-list-container button:hover{background:#d3d3d3;cursor:pointer}#app-container #explorer-container #explorer-list-container #choosen-one{background:#d3d3d3}#app-container #grid-container{padding:10px}#app-container #grid-container .tile-container{display:flex}#app-container #grid-container .tile-container .tile{display:flex;width:50px;height:50px;box-sizing:border-box;background-image:url(/aharthern/grass.png);background-size:cover;background-repeat:no-repeat;background-position:center}#app-container #grid-container .tile-container .tile .contour{filter:drop-shadow(.6px .6px .6px black)}#app-container #grid-container .tile-container .tile:hover{border:2px solid rgb(196,114,196);cursor:pointer}