:root{--app-width:800px}*{box-sizing:border-box}body{max-width:var(--app-width);margin:auto}.gamelist{display:grid;grid-template-columns:repeat(3,1fr);background-color:#f0f0f0;border:solid 1px #f0f0f0;grid-gap:1px;margin:10px;color:#666}.gameitem{background-color:#ddd;margin:6px;display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;align-items:center;cursor:pointer;padding:6px;border:solid #ccc 1px}.gameitem .title{font-weight:700}.gameitem .nsd{font-size:.8em}.yahtzee .nsd{color:#3741cc}.kismet .nsd{color:#970000}.memory .nsd{color:#9c9204}.zilch .nsd{color:#128003}.lastcard .nsd{color:#e20328}.spoker .nsd{color:#e47a01}.gameitem div div:nth-child(3){margin-top:20px}@media only screen and (max-width:700px){.gamelist{grid-template-columns:unset}.gameitem{padding:3px;grid-template-columns:.2fr 1fr;grid-gap:4px}.gameitem img{width:70%}.gameitem div div:nth-child(3){margin-top:10px}}