@import "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:wght@400;700&family=Pixelify+Sans:wght@500;700&display=swap";:root{--max-width:720px;--main-background-color:#1e1912;--panel-background-color:#3e3529}*{box-sizing:border-box;margin:0;padding:0;list-style:none}body{background-color:var(--main-background-color);color:#f2e6d0;font-family:Pixelify Sans,system-ui,sans-serif;font-size:16px}main{max-width:var(--max-width);grid-template:"header header""stats log"1fr"actions actions""shop shop"/1fr 1fr;gap:1rem;margin:0 auto;display:grid}header{grid-area:header}#log{grid-area:log}#stats{grid-area:stats}#actions{grid-area:actions}#shop{grid-area:shop}h1,h2{color:#ff981f}header,section{text-align:center;flex-direction:column;gap:1rem;padding:1rem;display:flex}ul{text-align:left;background-color:var(--panel-background-color);border-radius:.5rem;flex-direction:column;gap:.25rem;height:20vh;padding:.5rem;display:flex;overflow-y:scroll}table{background-color:var(--panel-background-color);border-radius:.5rem;width:100%;padding:.5rem}.table-wrap{height:20vh;overflow-y:scroll}tr:nth-child(2n){background-color:var(--main-background-color)}th,td{padding:.5rem}th{text-align:left}td{text-align:right}#ActionsView,#ShopView{background-color:var(--panel-background-color);border-radius:.5rem;flex-direction:row;gap:.5rem;padding:.5rem;display:flex;overflow-x:scroll}button{color:#f2e6d0;background-color:#5a4d3b;border:1px solid #a68d66;border-radius:.5rem;flex-direction:column;flex:0 0 30%;justify-content:flex-start;gap:1.25rem;width:400px;padding:1rem;display:flex}button[hidden]{display:none}button>.button__title,button>.button__details{display:block}button>.button__title{font-size:1.125rem;font-weight:700}button>.button__details{width:100%;display:flex}.button__th,.button__td{flex:0 0 50%}.button__th{text-align:left}.button__td{text-align:right}#ActionsView,#ShopView,#logView,.table-wrap{scrollbar-color:var(--main-background-color) var(--panel-background-color);scrollbar-width:thin}#ActionsView::-webkit-scrollbar-track{background:#1e1912;border-radius:.5rem}#ShopView::-webkit-scrollbar-track{background:#1e1912;border-radius:.5rem}#logView::-webkit-scrollbar-track{background:#1e1912;border-radius:.5rem}.table-wrap::-webkit-scrollbar-track{background:#1e1912;border-radius:.5rem}
