body{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 20px}#modes-container{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:20px;max-width:1200px;padding:40px;width:100%}h3{background-clip:text;background-image:var(--gradient-gold);color:transparent;margin:.5vmin 5vmin 0 1vmin}#back-to-menu{width:35vh}.mode-info{margin-left:1vmin}.mode{background-color:var(--color-bg-menu);border:1px solid var(--border-subtle);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;padding:20px;transition:transform .2s ease-out,background-color .2s ease-out,border-color .2s ease-out,opacity .2s ease-out;-webkit-transition:transform .2s ease-out,background-color .2s ease-out,border-color .2s ease-out,opacity .2s ease-out}.mode:hover{border-color:var(--color-gold);transform:translateY(-5px)}.selected{border:1px solid var(--color-gold)}@media (max-width:900px){body{padding-top:15vh}#back-to-menu{width:100%}}