.hub{max-width:920px;padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + 24px);flex-direction:column;gap:18px;margin:0 auto;display:flex}.hub-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.hub-head h1{color:var(--accent);font-size:28px;font-weight:800}.chip{background:var(--card-2);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:14px}.auth{max-width:420px}.games h2,.hub section>h2{font-size:18px}.games{flex-direction:column;gap:10px;display:flex}.tiles{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.tile{color:inherit;background:var(--card);border:1px solid var(--line);border-radius:16px;flex-direction:column;text-decoration:none;transition:border-color .15s;display:flex;overflow:hidden}.tile:hover,.tile:focus-visible{border-color:var(--accent)}.tile-cover{line-height:0;position:relative}.cover{width:100%;height:auto;display:block}.badge{color:#1a1407;background:var(--accent);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;line-height:1.4;position:absolute;top:10px;right:10px}.tile-body{flex-direction:column;gap:4px;padding:12px 14px 14px;display:flex}.tile-body h3{font-size:18px}.board{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.board li{border-bottom:1px solid var(--line);grid-template-columns:40px 1fr auto;gap:8px;padding:7px 4px;display:grid}.board li:last-child{border-bottom:none}.board li.me{background:#f0a81c14}